画像の代替タグ

1. EC (EN).png

 「代替テキスト」は「alt属性」または「alt説明」とも呼ばれ、画像の内容を1文で説明するための代替テキストです。画像の内容を説明するために使用されます。 検索エンジンが画像の内容を読み取るのを助けるために使用されます。検索エンジンは画像を解釈できず、テキストのみを理解するため、画像の内容を検索エンジンに説明するためのテキストが必要であり、これによりストアのSEOを改善することができます。

SEOは検索エンジン最適化の略で、単に検索結果を最適化することを意味します。SEOの機能により、顧客が商品を検索する際に商品を見つけやすくなり、ストアの露出が増え、より多くの売上をもたらします。

この記事では、ストアがaltタグをサポートしているロケーションを紹介します:

 

1. 設定ステップ 

ステップ1. ストアのプランを確認し、使用を開始する 

ストアのバックエンドの右上隅にある [こんにちは、OOO] > [定期購入と請求]に移動して、ストアのプランとモジュールを表示します。

  1. 下の画面が表示された場合、「プランサブスクリプション」セクションに「有料」と「モジュール」があります。ストアに「eコマース」プランがあるかどうかを確認してください。ある場合は、ステップ2に進んで設定を行ってください。 
    EN_Step1-1.png
     
  2. 下の画面が表示された場合、「現在のプラン」の「プラン」は基本、上級、プレミアム、O2O、またはエンタープライズです。ストアに「上級/プレミアム/O2O/エンタープライズ」があるかどうかを確認してください。
    EN_Step1-2.png

 

ある場合は、左メニューの[アプリ] > [アプリストア]に移動して、機能をインストールしてください。
EN_1-Step1.png

 

ステップ2. 画像のaltタグを設定する

以下の別のページに移動して、画像のaltタグを設定します。

 

 

2. 商品画像

「商品」ページには、商品写真(メイン)、追加商品写真、バリエーション画像、商品説明画像の4つの場所でalt属性を追加できます。

 

A. 商品写真(メイン)

[商品] > [編集] > [画像]に移動し、画像をアップロードすると、「ALT」ボタンが表示されます。クリックして画像のaltタグを編集します。EN-Step2.png

EN-Step3.png

B. 追加商品写真

[商品] > [編集] > [情報]に移動し、画像をアップロードすると、「ALT」ボタンが表示されます。クリックして画像のaltタグを編集します。EN-Step4.png

EN-Step5.png

C. バリエーション画像

[商品] > [編集ページ] > [バリエーション]に移動し、下のバリエーション写真をクリックして画像をアップロードすると、「ALT」ボタンが表示されます。クリックして画像のaltタグを編集します。

これに関する詳細は、この記事を参照してください。

EN-Step6.png

EN-Step7.png

 

 

D. 商品説明画像

[商品] > [編集] > [情報] > [商品説明]に移動し、「画像のaltタグを編集」トグルをオンにして、商品説明画像のalt属性を設定し、画像の内容を説明するテキストを入力します。

Screenshot_2023-05-30_at_10.52.19_AM.png

 

3. 追加購入アイテム

追加購入アイテムの編集ページに移動し>「追加購入アイテム情報」タブで、画像をアップロードすると「ALT」ボタンが表示されます。ボタンをクリックして画像のaltタグを編集します。

EN-Step10.png

EN-Step11.png

 

 

カテゴリーバナー

カテゴリの編集ページに移動し>「カテゴリーバナー」セクションで、画像をアップロードすると「ALT」ボタンが表示されます。ボタンをクリックして画像のaltタグを編集します。EN-Step8.png

EN-Step9.png

 

 

高度なページとエクスプレスチェックアウトページ

i. 高度なページ(旧バージョン)&エクスプレスチェックアウトページ

*「基本プラン」を使用しているストアでもこの機能があります。高度なページとエクスプレスチェックアウトページで画像のaltタグを設定できます。

高度なページとエクスプレスチェックアウトページで画像のaltタグをカスタマイズするには、まず要素をドラッグアンドドロップして画像ファイルを挿入します。挿入した画像をクリックすると、編集用のメニューが表示されます。コンテンツ部分に画像のaltタグを提供できます。

EN-Step1.png

 

ii.  ショップビルダー ページ

ショップビルダーページでは、ウィジェットに画像をアップロードすると、設定で画像のAlt属性を構成することもできます。「テキスト付き画像」ウィジェットを例にとります。テキスト付き画像ウィジェットを追加した後、画像をクリックして画像を追加し、下のフィールドで画像のAlt属性を編集します。ショップビルダーの操作に関する詳細は、関連するよくある質問を参照してください。
EN8.png

 

 

 

 

 

この記事はAIを使用して翻訳されており、不正確な情報が含まれている可能性があります。最も正確な情報については、元の英語版を参照してください。

この記事は役に立ちましたか?
0人中0人がこの記事が役に立ったと言っています
他にご質問がございましたら、リクエストを送信してください

コメント