画像のaltは、写っているものをすべて列挙するより、そのページで画像が伝える役割に合わせます。AIの候補をそのまま入れず、装飾・説明・操作のどれに当たるかを人が確認します。
同じ画像でも、ページで必要な説明は変わる
商品一覧で使う写真と、修理方法を説明する写真では、読者が必要な情報が違います。画像だけをAIへ送ると、本文との関係が分からず、不要な形容詞や見えていない用途を補う場合があります。
画像の役割の判断はW3Cのalt判断表で確認できます。周囲の文章と画像の用途を合わせて考えることが出発点です。
装飾、情報、リンクの三つから確認する
| 役割 | altの考え方 |
|---|---|
| 文章に新しい情報を足さない装飾 | 不要な説明を増やさず、空のaltが適切か確認 |
| 手順や結果を説明する画像 | 読み取るべき違いや状態を短く示す |
| リンク・ボタンとして使う画像 | 見た目だけでなく、移動先や操作を伝える |
図の数値や複雑な関係は、短いaltだけに詰め込まず、本文や表に読み取れる説明を用意します。
AIへは、本文と役割を一緒に渡す
候補を作る依頼例
この画像は、設定前後の余白の違いを説明するためのものです。
周囲の本文：［必要な段落］
画像で確認できる範囲だけを短く説明してください。
見えない数値や操作結果は補わないでください。「きれいな」「高品質な」など、役割に関係しない評価は外します。ファイル名やSEOキーワードを、そのままaltへ入れないようにします。
AIの説明を、いまの本文で必要な情報へ直す
操作手順の画面なら、説明に必要なボタンや状態が分かるかを見ます。リンク画像なら、見た目の色より移動先の目的が伝わるかを確認します。装飾の画像へ、本文のキーワードを長く詰めることは目的にしません。
同じ写真でも、商品の形を説明する記事と、雰囲気を添える記事では必要なaltが違います。画像だけの説明をそのまま採用せず、本文と画像の役割を読み直してから決めてください。
メディアの設定と、記事内の実際の出力を照合する
メディアライブラリへaltを保存しても、既存のブロックやテーマの出力へ同じ変更が反映されるとは限りません。公開ページの画像要素を確認し、本文側の設定も点検します。
まず一枚について、画像を見ない状態でも周囲の説明と役割が追えるかを読みます。AIで画像そのものを作る工程は別の記事へ分け、altは実際に採用した画像へ合わせてください。