代替テキスト(alt)とは
代替テキスト(alt)は、画像の内容をウェブクローラーやサイトの読み上げ機能に伝える重要な情報です。SEOの観点からも、この情報を設定することは非常に重要です。
代替テキストの設定は、imgモードの画像ボックスのみに対して行うことができます。
Point:画像ボックスのBoxモードとImgモード
画像ボックスには「Boxモード」と「Imgモード」があり、モードによって画像の扱い方や設定可能な機能が異なります。
各モードの詳細や操作方法は、画像ボックス:BoxモードとImgモードのページを参照してください。
画像ボックスに代替テキストを設定する
設定したい画像を選択します。
選択した画像がBoxモードだった場合には、Imgモードへ切り替えてください。
右パネルで[画像]タブを選択します。
パネルが閉じている場合は、右パネルを開いてください。
[代替テキスト]フィールドにaltを入力します。
リストアイテムの画像に代替テキストを設定する
上記と同様の方法でリストアイテム内の画像にaltを設定すると、全てのリストアイテムの画像に同じalt文言が登録されます。
リストアイテムの画像ごとに個別のaltを登録するには、以下の方法で行います。
代替テキストに使うalt文言を登録する
代替テキスト入力欄にalt文言を呼び出す
altのアクセシビリティ
アクセシビリティを考慮した構築方法については、Studioアクセシビリティチェックシートも合わせてご確認ください。
関連タグ:代替テキスト SEO アクセシビリティ






