商品画像に代替テキストを追加するには

代替テキスト(または「 alt テキスト」)は、あなたが商品画像で示しているものをご覧になれないお客さまへ、画像の説明を提供するものです。 あなたのデフォルトでのショップ言語が英語に設定してある場合、各商品画像に画像の説明を追加することができるため、コンテンツが視覚障害のある方にもアクセス可能となります。

これらの説明はページ上で視覚的には表示されません。 商品画像に代替テキストを追加することはまた、あなたの商品の SEO(検索エンジン最適化)にもプラスの影響を与えます。

あなたの商品画像に代替テキストを追加するには:

  1. Etsy.comへログインし ショップ管理ツール へ進みます 。
  2. 「商品情報」を選択します。
  3. 該当する商品を選択します。
  4. 代替テキストを追加したい写真の上にカーソルを合わせます。
  5. ペンシルアイコンを選択します。
  6. 画像の下にあるボックスに代替テキストを入力します。
  7. 「保存」を選択します。

いくつでも好きなだけの画像に説明を追加することができます。

画像の説明をうまく書くには

代替できストであなたの画像をうまく説明するためには、次の実践例を参考にしましょう:

  • 商品の詳細を説明しましょう:外観、質感、あなたの写真内の他の商品と比較してのスケール感。
  • 画像がページ上に表示されなかった場合、お客さまにどんな情報が伝わらないかを想像してみましょう。
  • 説明はわかりやすく:最大で 250 文字まで。

代替テキストの例

Watch display holder rests on a table, made of a long, wooden block base with 3 thick round columns sticking up enough for a watch band to sit sideways. Customizable text etched into the block base. Watch dial etched into top of the middle column.
写真:MijMojDesign

代替テキスト: Watch display holder rests on a table, made of a long, wooden block base with 3 thick round columns sticking up enough for a watch band to sit sideways.(テーブル上の腕時計ディスプレイホルダー、長い木製ブロックのベースに、腕時計のバンドを横向きに置くのに十分な高さの 3 本の太くて丸い円柱付き。) Customizable text etched into the block base.(ブロックのベースに、カスタマイズ可能な文字の刻印付き。) Watch dial etched into top of the middle column.(中央の円柱の上には、時計のダイヤルの刻印入り。)

alt_text_earrings.jpeg
写真:AleishlaLopez

代替テキスト:Earrings shaped like tall, thin arches hang far down the model’s neck.(モデルの首もとまで届く、長くて細いアーチのような形をしたイヤリング。) Between the arch columns hang a string of small mother of pearl droplets.(アーチの間には小さなしずく型の真珠貝が連なったものが吊り下げられている。) The pearl droplets are free-hanging and are attached with metal links that match the arch.(真珠貝のしずくはアーチにマッチしたメタル製のリンクで繋げられ、自由に揺れるようになっている。) 

サイズ表を説明するには?

サイズ表の画像は、できる限り詳細に説明しましょう。 商品情報内にサイズ表を含める代わりの方法としては、商品説明にサイズ表を入れることが挙げられます。

私の画像に代替テキストを追加しなかったらどうなりますか?

画像を説明する代替テキストを提供しない場合、あなたの商品名がその画像の説明として使われます。 これはあなたの画像から情報を得ることができない視覚に障害をお持ちのユーザーへ、同じポジティブな影響を与えるものではありません。

すべての画像に代替テキストを追加するべきでしょうか?

あなたの商品についての異なった視点からの見え方、詳細、またはバリエーションを説明するのに代替テキストは特に有効です。 あなたがそれぞれ異なる説明を提供した場合、視覚に障害を持つ方にとっては各画像が異なる代替テキストを持つこととなり、その画像が示しているものをよりわかりやすくなります。

問題は解決しましたか?
この記事が役に立たなかったのはなぜでしょうか(当てはまるものすべてお選びください)

フィードバックをありがとうございます!

お困りですか?

サポートに連絡する