画像の代替テキスト（alt）は、画像が見えない時や読み上げ利用時に「その画像が本文で何を伝えるか」を補う文章です。検索キーワードを詰め込む欄ではありません。画像の役割に合わせ、書く場合と空欄にする場合を具体例で判断します。
altに書くのは「見た目」より画像の役割
同じ写真でも、本文での役割によりaltは変わります。操作手順の画像なら押す場所、比較グラフなら結論、人物の装飾写真なら空欄が適切な場合があります。前後の文章ですでに同じ内容を説明していれば、重複を避けます。
WordPressで代替テキストを設定する
- 投稿編集画面で画像ブロックを選ぶ
- 右側の「設定」パネルを開く
- 「代替テキスト」に短い説明を入力する
- プレビューで画像と周辺文章を確認し更新する
メディアライブラリから画像を開いて設定する方法もあります。ただし同じ画像を別記事で異なる目的に使う場合は、記事内の画像ブロックで文脈に合わせて確認してください。
画像の役割で文章が変わるんですね。同じ写真なら、いつも同じaltを入れるものだと思っていたので驚きました…。
記事の流れまで考えられるようになったね。
同じ写真でも、操作を示す時と雰囲気を添える時では必要な説明が違うよ。
装飾なら空欄でもいいと聞いて、少しほっとしました。でも何も書かないと、忘れたように見えそうでまだ落ち着きません…。
空欄にするのも、読み上げを邪魔しないための立派な判断だよ。
情報が増える画像だけ書く、と覚えておこうか。
画像別の書き方例
| 画像 | altの例 | 避けたい例 |
|---|---|---|
| 管理画面の手順 | 投稿設定でアイキャッチ画像を選ぶ画面 | スクリーンショット、画像1 |
| 速度比較グラフ | 改善後に表示時間が3.2秒から1.4秒へ短縮 | WordPress 高速 SEO おすすめ |
| 商品写真 | 紹介している製品名と型番 | 最高の商品を今すぐ購入 |
| 区切りの装飾 | 空欄 | 青い波線の飾り |
空欄にする画像
文章の区切り、背景模様、意味のないアイコンなど、なくても情報が変わらない装飾画像は空欄にします。HTMLでは
alt=""
が残る状態です。alt属性そのものを削除すると、読み上げソフトがファイル名を読む可能性があります。
altへ入れないもの
- 「画像：」「写真：」という前置き
- 本文と無関係な検索キーワード
- 同じ語句の不自然な繰り返し
- 画像に書かれていない誇張表現
- ファイル名をそのままコピーした文字
管理画面の画像に「スクリーンショット」とだけ入れていました。ボタン名まで書くと長すぎそうで、どの言葉を残すか迷います…。
画像を見た人にしてほしい操作を残せばいいよ。
「SSL設定で追加を押す画面」なら、目的も場所も短く伝わるね。
本文にも同じ説明がある場合は、altを短くしても大丈夫ですか？二回同じことを読ませるのは、ちょっとしつこそうです…。
前後の文章で十分なら、重複を減らしていいよ。
読み上げて不自然なら、画像側の説明を一つずつ削って戻そうね。
SEOとの関係を誤解しない
適切なaltはアクセシビリティと画像内容の理解を助けますが、入れただけで検索順位が上がる保証はありません。ページ本文、見出し、画像周辺の説明、表示速度も含めて読者の疑問に答えることが先です。
公開後の確認方法
- 画像を一時的に読み込まない環境で代替内容を想像する
- 読み上げ機能で前後の文章と重複しないか聞く
- HTMLでalt属性が出力されているか確認する
- 画像リンクなら、リンク先の目的も伝わるか確認する
読み上げると、必要な画像だけ意味が自然に伝わりました。全部の欄を埋めないといけないと思っていた時より、ずっと気持ちが軽いです…。
空欄と書き忘れを、自分の理由で分けられたね。
検索語ではなく読者の理解を基準にしたから、文章もすっきりしたよ。
次も画像を見た瞬間に書き始めず、本文での役割を考えたいです。でも、装飾か情報か迷う画像はまた出てきそうです…。
迷ったら「この画像がなくても次へ進めるか」を二人で考えよう。
進めるなら空欄、困るなら必要な情報を短く渡せば大丈夫だよ。
画像の多いサイトを運営する環境候補
シンレンタルサーバー
WordPressの表示速度を意識した環境を比較でき、手順画像や図解が増えるサイトの新規候補になります。
向いている人： 画像を使った解説記事を継続して作る人
注意点： altの適否はサーバーでは自動決定できません。記事ごとの確認が必要です。
料金・特典は変更されるため、申込み前に公式ページで最新条件を確認してください。
ConoHa WING
WordPressとサーバー管理を一つの画面から始めやすく、初めての画像ブログにも選択肢になります。
向いている人： 開設作業を簡潔に進めたい初心者
注意点： 画像圧縮や著作権確認は別途必要です。
料金・特典は変更されるため、申込み前に公式ページで最新条件を確認してください。
よくある質問
すべての画像に文章を入れますか？
いいえ。情報を伝える画像には書き、装飾画像は空のaltにします。
何文字以内が正解ですか？
固定の正解はありません。画像の役割が伝わる最短の自然な文を目指し、周辺文との重複を避けます。
タイトルと同じキーワードを入れるべきですか？
画像の内容と役割に自然に必要な場合だけ使います。順位目的の詰め込みは避けてください。
まとめ
altは画像の外見を機械的に説明する欄ではなく、見えない読者へ画像の役割を渡す文章です。操作・グラフ・商品・装飾を分け、必要な情報だけを書き、実際の読み上げまで確認しましょう。