WordPressへ画像を入れたとき、「代替テキスト」「タイトル」「キャプション」「説明」が並び、どの欄に何を書けばよいか迷っていませんか。SEOのためにキーワードを入れるべきだと思い、すべての画像へ記事タイトルを貼り付けている人もいるかもしれません。
alt属性の役割は、画像が見えない状況でも、その画像がページ内で伝えている意味や機能を受け取れるようにすることです。画像の見た目を機械的に列挙する欄でも、検索キーワードを詰め込む欄でもありません。
先に画像が「情報」「装飾」「リンク・ボタン」「文字」「複雑な図」のどれかを判断し、そのページで画像だけが伝える内容を簡潔に置き換えるのが基本です。装飾だけの画像には、説明文を無理に作らず空のaltを使う場合があります。
すべての画像へ同じ記事タイトルやキーワードを入れる方法は避けてください。読み上げ利用者には同じ文が何度も聞こえ、画像の目的も検索エンジンへ正確に伝わりません。
先に結論｜altは7段階で決める
- 画像を置く目的を一文で確認する
- 画像がなくても本文の意味が変わらないか判断する
- 情報・装飾・機能・文字・複雑図の種類へ分ける
- 画像だけが伝える意味または操作を短い文にする
- 周辺本文やキャプションとの重複を減らす
- 個別ブロックかメディアライブラリか設定範囲を確認する
- 公開ページで画像、リンク、HTML、読み上げ順を確認する
画像ファイルの大きさ、圧縮、WebP等の形式は別の問題です。表示速度も同時に直す場合は、WordPress画像最適化の手順と分けて確認してください。
alt属性と代替テキストの役割
altはHTMLの画像要素に指定する属性で、WordPress管理画面では主に「代替テキスト」として入力します。画像を表示できない環境やスクリーンリーダー等で、画像が担う情報を別の方法で受け取るために使われます。
大切なのは、同じ画像でも使われる文脈で適切なaltが変わることです。人物写真が運営者紹介に置かれていれば人物の特定が必要な場合がありますが、背景装飾として置かれているだけなら空のaltが適切なこともあります。
WordPress公式のImage blockは、意味のある画像に代替テキストを設定し、情報や機能を加えない画像は装飾として指定できると案内しています。まず「何が写っているか」より「この場所で何を伝えるか」を考えます。
最初に画像の役割を5種類へ分ける
| 画像の種類 | altの基本 | 確認すること |
|---|---|---|
| 情報を伝える写真・図 | その文脈で必要な意味を簡潔に書く | 画像を消すと失われる情報 |
| 装飾画像 | 空のaltまたは装飾指定 | なくても内容・操作が変わらないか |
| リンク・ボタン画像 | 見た目よりリンク先や操作を書く | 画像だけで操作目的が分かるか |
| 文字入り画像 | 周辺にない重要文字を含める | 同じ文字が本文にもあるか |
| グラフ・複雑な図 | 短い要約＋本文や表で詳細を示す | altだけで全データを詰め込んでいないか |
W3C WAIのalt判断ツリーも、画像内の文字、リンクやボタンとしての機能、文脈上の意味、装飾性の順に判断する方法を示しています。「画像があるから必ず説明を書く」ではありません。
複雑な比較表やグラフは、altへ数値を全部並べると理解しづらくなります。画像の結論を短く示し、重要な数値や条件は画像付近の本文またはHTML表でも読める形にします。
WordPressで代替テキストを設定する
- 投稿または固定ページの編集画面を開く
- 対象の画像ブロックを選択する
- 右側設定の「コンテンツ」または画像設定を開く
- 「代替テキスト」へ、その場所で必要な内容を書く
- 装飾だけなら「装飾としてマーク」または空のaltを選ぶ
- 画像にリンクがある場合は、リンク先の目的も確認する
- プレビューと公開ページで反映を確認する
表示項目はWordPressやテーマ、利用ブロックによって変わります。標準の画像ブロックでは、個別ブロックで入力した代替テキストはその投稿・固定ページ内の画像に適用され、メディアライブラリ側の代替テキストは今後挿入するときの初期値として使われます。
したがって、メディアライブラリの値を後から変えれば、過去に配置済みの全画像が必ず書き換わるとは考えないでください。再利用画像は、表示されている投稿・固定ページのブロックも個別に確認します。
タイトル・キャプション・説明と混同しない
| 項目 | 主な役割 | altとの違い |
|---|---|---|
| 代替テキスト | 画像の意味・機能を代替する | 文脈に合わせて決める |
| タイトル | メディア管理上の名称。表示はテーマ等に依存 | 入力してもaltの代わりにはならない |
| キャプション | 画像下などに読者へ見せる補足 | 見える文章として全読者が読む |
| 説明 | メディア自体の詳しい説明 | 添付ページ等での表示は環境に依存 |
| ファイル名 | 画像ファイルを識別する | 代替内容そのものではない |
WordPress公式のMedia Library screenでも、代替テキスト、タイトル、キャプション、説明は別項目として案内されています。すべての欄へ同じ文章を複製する必要はありません。
キャプションですでに十分な説明が見えている場合、同じ文をaltでも繰り返すと読み上げが冗長になります。ただし、キャプションが画像の出典だけで、画像自体の意味を伝えていないなら、必要な代替テキストは別に用意します。
伝える意味を短い文へ置き換える
| 掲載場面 | 避けたい例 | 考え方の例 |
|---|---|---|
| 管理画面の設定箇所 | 画像、スクリーンショット | 何の設定画面で、どこを確認するか |
| 作業前後の比較 | WordPress SEO 改善 おすすめ | 変更前後で何がどう変わったか |
| 人物・店舗の紹介 | 男性、建物 | ページ理解に必要な人物名・場所・状況 |
| リンク付きバナー | 青いバナー画像 | 移動先または実行する操作 |
| 装飾用の背景 | きれいな模様 | 空のaltまたは装飾指定 |
| アクセス推移グラフ | グラフの画像 | 主要傾向を要約し、数値は近くの表へ |
「〜の画像」「〜の写真」と毎回書かなくても、通常は画像であることを支援技術が伝えます。色、配置、服装なども、ページの判断に必要な場合だけ含めます。逆に、商品の状態、エラー箇所、操作先などが重要なら、省きすぎないようにします。
スクリーンショットは操作の目的まで書く
WordPressの操作説明で使うスクリーンショットは、「管理画面の画像」だけでは読者が次に何をするか分かりません。たとえば設定保存を案内する画像なら、画面全体の色やメニューを列挙するより、「パーマリンク設定画面の変更を保存ボタン」など、対象画面と確認箇所を組み合わせます。
ただし、直前の本文に「画面下部の『変更を保存』を選びます」と書き、画像が同じ場所を指し示すだけなら、同じ説明を長く繰り返す必要はありません。本文だけで手順が成立するようにしたうえで、画像固有の追加情報があるかを判断します。画面の仕様変更で画像が古くなった場合も、altだけを直して済ませず、画像と本文を同時に更新してください。
人物・商品写真は見た目を推測しすぎない
人物写真では、ページ上で確認できない年齢、職業、感情、障害、国籍などを見た目から推測して書かないようにします。運営者紹介なら、本人が公開している氏名や役割、写真内で実際に行っていることなど、文脈に必要で確認できる情報へ絞ります。
商品写真では、型番、色、状態、付属品、比較対象など、購入判断に関わる違いを優先します。「おすすめ」「高品質」「絶対に便利」のような評価語をaltへ足しても、画像の代替にはなりません。写真だけで判別できない仕様や効果は、メーカー資料等を確認して本文に根拠とともに記載します。
SEO目的でもキーワードを詰め込まない
Googleの画像SEOの公式ガイドは、alt、画像認識、ページ本文などを使って画像の主題を理解すると説明しています。同時に、文脈に合う有用な内容を重視し、キーワードの詰め込みを避けるよう案内しています。
altを入れただけで検索順位や画像検索流入が保証されるわけではありません。関連する本文の近くへ画像を置き、鮮明さ、ファイル容量、レスポンシブ表示、ページの価値も合わせて整えます。検索登録自体に問題がある場合は、WordPressがGoogle検索に出ない原因を先に切り分けてください。
画像をリンクとして使う場合、altがリンクの説明として扱われることがあります。画像だけのリンクは遷移先が分かる表現にし、周辺に同じテキストリンクがあるなら重複読み上げも確認します。リンク設計はWordPress内部リンクの貼り方と合わせて見直します。
同じキーワードを含むこと自体が問題なのではなく、画像の内容とページの文脈に必要かが基準です。検索語を狙うためだけに地名、商品名、サービス名を追加すると、画像にない情報や不自然な反復になりやすくなります。公開前にaltだけを一覧で読み、似た文の連続や本文タイトルの丸写しがないか確かめると、機械的な入力を見つけやすくなります。
既存画像は表示箇所ごとに確認する
過去画像を直すときは、メディアライブラリの空欄を一括で埋める前に、実際の掲載ページを確認します。同じ画像が記事内では情報画像、トップページでは装飾画像として使われることがあるためです。
| 確認項目 | 見る場所 | 合格条件 |
|---|---|---|
| 掲載目的 | 画像前後の見出し・本文 | 画像が担う意味を説明できる |
| 現在のalt | 個別画像ブロック | 文脈に合い、重複や詰め込みがない |
| 装飾指定 | ブロック設定・公開HTML | 意味のない画像が読み上げを邪魔しない |
| 再利用 | メディアの添付先・サイト内検索 | 用途が違う掲載先を個別確認した |
| リンク機能 | 画像リンクの遷移先 | 操作または移動先が伝わる |
| 複雑な画像 | 近くの本文・表 | 重要情報を画像だけに閉じ込めない |
| 公開表示 | 未ログインのPC・スマホ | 画像と周辺本文が正しい |
自動生成や一括置換を使う場合も、公開ページを無確認で上書きしないでください。固有名詞の誤認、人物属性の推測、図の結論違い、装飾画像への不要な説明が混ざる可能性があります。
優先順位は、流入や問い合わせに近い主要ページ、画像リンク、文字入り画像、グラフ、altが記事タイトルの複製になっているページから付けます。リライト全体の順番はブログ記事リライトの優先順位で整理し、確認日をWordPress保守チェックリストへ残します。
公開後に反映と検索状況を確認する
- 画像ブロックの設定値が保存されている
- 装飾画像は空のaltまたは装飾指定になっている
- 画像リンクをキーボードで操作でき、目的が分かる
- 複雑な図の重要情報が本文や表でも読める
- PCとスマートフォンで画像とキャプションが崩れていない
- ページ内に同じ説明の不自然な反復がない
- 画像削除時にも本文の流れが理解できる
検索への反映は即時ではありません。主要ページを更新したら、WordPressのSearch Console設定を確認し、対象URLの登録状態や画像検索からの表示を時間を置いて観察します。alt変更だけの短期順位変動で良否を決めないでください。
よくある質問
アイキャッチ画像にもaltは必要ですか？
テーマが公開ページへどのように出力するかと、その画像が本文理解に必要かで判断します。記事タイトルと同じ文字だけを表示し、近くに同じ見出しがある場合は、重複読み上げにならないか確認します。
altは何文字にすればよいですか？
すべての画像へ当てはまる固定文字数より、目的に必要な内容を簡潔に伝えられるかを優先します。長い図解はaltを延ばし続けず、要約と本文・表へ分けます。
ファイル名を日本語にすればaltは不要ですか？
不要にはなりません。ファイル名は管理や検索理解の軽い手がかりになりますが、画像がそのページで担う意味や操作を代替するものではありません。
まとめ
WordPress画像のaltは、情報画像、装飾画像、リンク・ボタン画像、文字入り画像、複雑な図で書き方が変わります。画像がなくなったときに失われる意味や操作を確認し、必要な内容だけを簡潔に置き換えてください。
代替テキスト、タイトル、キャプション、説明を混同せず、個別ブロックとメディアライブラリの適用範囲も分けます。SEOのために欄を埋めるのではなく、画像を見られない読者にも同じ判断と行動が届く状態を完成としましょう。