代替テキストとは何か？SEO対策においてどのように書くべきか解説
「代替テキストは設定するべきなのか」
「代替テキストを設定するとどのようなメリットがあるのか」
「どのようなことに注意して代替テキストをまとめればいいのか」
今回は、代替テキストに興味を持ったあなたに、下記のような項目をわかりやすく解説します。
- 代替テキストは何に役立つ機能なのか？
- どうやって代替テキストの設定をするのか？
- どのようなポイントを押さえればSEO対策になるのか？
この記事を読めば「代替テキストを設定するべき3つの理由」と「具体的な設定方法」がわかります。
- 目次
代替テキストとは
代替テキスト（alt属性）とは
画像が表示されないときに代わりに表示するテキスト
主に視覚障害者が利用するスクリーンリーダーが画像の内容を読み上げるために使用されるほか、画像が何らかの理由で表示されない場合に画像の内容を伝える役割も果たします。
SEOの観点からみても、検索エンジンが画像の内容を理解するために活用する情報源なので非常に重要です。
代替テキストがSEOに与える影響
「代替テキスト」という言葉は知っていましたが、やはり設定するべきなのでしょうか？
SEOの観点で見ても、必ず設定するべきですね。具体的な理由は3つあります。
- Google公式が代替テキストの設定を推奨している
- 画像検索時に上位表示される可能性が高まる
- 音声読み上げ機能で画像を認識しやすい
Google公式が代替テキストの設定を推奨している
Googleは公式ガイドラインで、画像に代替テキストを設定することを推奨しています。これは、検索エンジンが画像の内容を理解しやすくするためです。
代替テキストを設定することで、Googleのクローラーが画像の内容をテキストとして認識し、画像を含むページの関連性をより正確に評価できるようになります。
結果として、検索エンジンのインデックスに画像が適切に登録され、ページ全体のSEOスコアが向上します。
Googleのガイドラインに従うことは、検索結果での上位表示を目指す上で重要なステップですよ！
画像検索時に上位表示される可能性が高まる
代替テキストを設定していれば、画像検索の結果でも上位表示されやすくなります。
理由は上記とも重なりますが、Google画像検索では、代替テキストを重要な要素として評価し、画像の内容を判断しているからです。
画像の内容に適したキーワードを含む代替テキストを設定することで、画像がユーザーの検索クエリと一致しやすくなり、画像検索結果での上位表示が期待できます。
だから代替テキストを設定していれば、画像検索からサイトへのトラフィックを集めやすくなるのですね！
特に商品画像やインフォグラフィックなど、視覚的なコンテンツが多いサイトでは、画像検索からの流入が重要な集客手段です。
音声読み上げ機能で画像を認識しやすい
冒頭でも触れた通り、代替テキストは視覚障害者向けのアクセシビリティツールとしても重要です。
スクリーンリーダーが代替テキストを読み上げることで、視覚障害者はページの内容（画像）を理解できます。
この機能によってサイトのアクセシビリティが向上し、全てのユーザーにとって使いやすいサイトになります。
そもそもアクセシビリティの向上は、Googleが重視する要素でもあります。見逃さずに代替テキストを設定しましょう！
基本的な代替テキストの設定方法
代替テキスト誰でもすぐに設定できます！HTMLで設定する方法もありますが、WordPressを使用している場合はもっと簡単です。
HTMLで代替テキストを設定する方法
HTMLで画像を表示する際に、imgタグのalt属性を使用して代替テキストを設定します。
基本的な構文は以下の通りです。
【 HTMLで代替テキストを設定する方法 】
<img src="example.jpg" alt="美しい桜の風景">この例では、example.jpgという画像が表示されない場合、「美しい桜の風景」というテキストが代わりに表示されます。
WordPressで代替テキストを設定する方法
WordPressでは、管理画面から簡単に代替テキストを設定することが可能です。
- ダッシュボードから「メディア」を選択しメディアライブラリを開くと、アップロードしている画像の一覧が表示される
- ここで任意の画像を選択すると、右側に詳細情報が表示される
- 「代替テキスト」というフィールドに画像の内容を説明するテキストを入力
- 後に「更新」をクリックして保存すれば完了
WordPressを使用していれば、HTMLに慣れていなくても設定できるので簡単ですね！
SEOを意識した代替テキスト設定時の注意点
代替テキストはただ設定すればいいというわけではありません。
SEO対策を意識するのであれば、ここで紹介する5つのポイントを押さえておいてください。
- 画像と内容が一致するテキストを設定する
- 装飾目的の画像には代替テキストを設定しない
- 可能な限り簡潔にまとめる
- モバイル版のページにも代替テキストを記述する
- 複数の画像に同じ代替テキストを設定しない
画像と内容が一致するテキストを設定する
基本ではありますが、代替テキスト設定時には、画像と内容が一致するテキストを設定するようにしてください。
十分に内容が理解できる代替テキストを設定していれば、画像検索時にユーザーの意図と一致しやすくなります。
逆に、内容と一致しない代替テキストにしてしまうと、検索エンジンに誤解を与え、本来の意図通りのインデックスがされない場合があります。
もちろんユーザーにとっても画像の内容がわかりにくくなるため、ユーザビリティの観点からも重要です。
コンテンツの一貫性を保つためにも、画像の内容を正確に反映する代替テキストを設定しましょう。
装飾目的の画像には代替テキストを設定しない
装飾目的の画像には、代替テキストを設定しない方が良い場合があります。
デザインやレイアウトを強化するために使用する画像は、具体的な情報提供やコンテンツの補完を目的としていません。
そのためスクリーンリーダーを使用する視覚障害者にとって、装飾的な画像の代替テキストは情報過多となり、ユーザーエクスペリエンスを損なう可能性があります。
したがって、装飾目的の画像には「alt=””」と空白のalt属性を設定し、スクリーンリーダーがこれらの画像を無視するようにしましょう。
可能な限り簡潔にまとめる
代替テキストを設定する際には、可能な限り簡潔にまとめることが重要です。
詳しく画像の内容を伝えたいといっても、代替テキストが長すぎると読み手にとっても負担となります。
代替テキストは画像の内容を正確に伝えることを目的としていますが、冗長な説明は避け、必要な情報を簡潔に伝えるように心がけましょう。
例えば「赤いバラの花束を持つ女性」など、画像の主要な要素を簡潔に記述します。
無理に多くのキーワードを盛り込む必要はないということですね！
モバイル版のページにも代替テキストを記述する
もしPC版とモバイル版でサイトが分かれている場合は、モバイル版のページにも代替テキストを記述するようにしてください。
現在はモバイルユーザーの増加に伴い、Googleはモバイルファーストインデックスを採用しています。
つまり、PC版のサイトのみに代替テキストを設定しているだけでは、事実上未設定なのと同じです。
代替テキストにおいてもモバイルファーストを前提としましょう。
複数の画像に同じ代替テキストを設定しない
多くの画像を使用しているサイトでは、複数の画像に同じ代替テキストを設定しないように注意してください。
プログラム上の禁止事項というわけではありませんが、各画像には固有の内容や目的があるため、代替テキストもそれぞれ違うものを設定するのが正しいです。
例えば･･･
異なる角度から撮影された同じ製品の画像には、それぞれの視点や特徴を反映した代替テキストを設定します。
「前面から見た赤いドレス」と「背面から見た赤いドレス」など、具体的な違いを明示しましょう。
同じ代替テキストを繰り返し使用すると、検索エンジンは重複コンテンツとして認識し、SEO評価が低下する可能性があります。
代替テキストのSEO対策についてよくある質問
代替テキストは設定するべきですか？
代替テキスト（alt属性）は必ず設定するべきです。
代替テキストは、視覚障害者がスクリーンリーダーを使用して画像の内容を理解するのを助けるだけでなく、画像が表示されない場合に内容を伝える役割も果たします。
また、検索エンジンが画像の内容を認識するためにも重要なので、簡潔にまとめるようにしてください。
代替テキストはSEOに影響を与えますか？
代替テキストはSEOに影響を与えます。
適切な代替テキストを設定することで、検索エンジンが画像の内容を理解しやすくなり、画像検索結果での上位表示が期待できます。
また、画像を含むページ全体の関連性が高まり、検索エンジンランキングの向上に好影響を与えるでしょう。
まとめ
画像を多く使用しているサイトでは代替テキストの設定が面倒になりますが、SEOの観点から見ても必ず設定するべきでしょう。
特に画像検索に直結する可能性が高いので、それぞれ独自の代替テキストを設定して上位表示を狙うことが大切です。
機械的に振り分けるのではなく、画像の内容が伝わりやすいようにまとめてみてください。
