alt属性とは？seo対策に効果のある書き方を解説

1. 画像の代替テキスト

alt属性を記述することで、ネットワーク環境のトラブルなどにより画像が表示されない場合に、画像の代わりにテキストが表示されるようになります。

また、alt属性は視覚障がい者に対する補助テキストにもなります。視覚障がい者の方は音声読み上げ機能を使って画像の内容を理解するため、alt属性を設定することで視覚障がい者の方にも画像の内容を正確に伝えることが可能です。

このように、alt属性を画像の代替テキストとして使うことで、ユーザビリティの高いコンテンツとなります。その結果、Googleの評価も得やすく、間接的なSEO対策になるのです。

2. 検索エンジンが画像を理解する

本来、検索エンジンのクローラーは画像の内容を読み取ることはできません。しかし、alt属性を記述することで、クローラーが画像の内容を理解することができます。

結果として、検索エンジンの画像検索機能などにより、alt属性を記述した画像が検索結果に表示される可能性があります。そのため、alt属性には画像と整合性のある内容を記述することが重要です。

3. 画像リンクのアンカーテキスト

アンカーテキストとはリンクが設定されたテキストを指します。アンカーテキストは、ユーザーだけでなく検索エンジンのクローラーも参照するため、内部SEO対策として有効です。

テキストからリンクさせる場合にはアンカータグ（<a>〜</a>）で囲んで記述しますが、画像からリンクさせる場合には、alt属性に記述します。

画像にリンクを設置するときは、画像の内容を簡潔にまとめた文章をalt属性に設定してください。

1. 具体的な内容を簡潔に記述する

alt属性には、画像の具体的な内容を簡潔に記述するようにしてください。

画像を文章に挿入する場合には、文脈に合った画像が用いられるのが基本です。画像を通して表現したい内容をクローラーに伝えることで、SEO効果を高めることが期待できます。

一方で、情報を詰め込みすぎると、何を伝えたいのかがわかりにくくなってしまい逆効果です。画像で表現したい内容は、簡潔明瞭に書く必要があります。

2. モバイルページにも設定する

通常のWebページとは別に、モバイル用のページも用意している場合には、そちらのページにもalt属性を記載するようにしてください。

Googleにはモバイルファーストインデックス（MFI）という評価基準があるため、モバイル向けのページを用意すると検索順位が上がりやすくなります。

一方で、alt属性を画像に設定していないモバイル向けのページは多く、Googleも警鐘を鳴らしています。

モバイルファーストインデックスではモバイル向けのページが評価対象になるため、alt属性を設定し忘れると検索順位に大きな影響を与えかねません。

モバイル向けページにも必ずalt属性を設定するようにしてください。

3. キーワードを詰め込みすぎない

alt属性にキーワードを詰め込みすぎると、Googleから思わぬペナルティを受けるリスクがあります。

画像の内容をより具体的に伝えるために、alt属性にキーワードを入れすぎると、かえって内容がクローラーに伝わりにくくなってしまいます。

最悪の場合、スパム行為とみなされてしまい、Googleの品質ガイドラインに抵触するコンテンツとしてペナルティを受けかねません。ペナルティを受けるとWebサイトの検索順位の著しい低下やインデックスの削除対象となり、検索順位に大打撃を与えてしまいます。

1つのalt属性に入れるキーワードは2〜3個程度、文字数は20〜40文字程度におさえておくと安心です。

4. 装飾目的の画像の場合はalt属性を設置しない

文章に挿入する画像には、読み手の理解を促す意図のものと単なる装飾目的のものがあります。背景画像など装飾目的の画像であれば、alt属性は空（空白）にします。

ただし、「<img src=”line.jpg” alt=””>」のように​​「alt=””」は必ず記載してください。

alt属性そのものがないと、視覚障がい者の方が音声読み上げ機能を使ったときにファイル名が読み上げられる可能性があります。

​​「alt=””」のように中身を空白にし、alt属性自体は記述するようにしてください。

5. タイトル・見出し・リンクの場合は必ずalt属性を記述する

タイトル・見出し・リンクが画像である場合には、必ずalt属性を記述してください。これらの要素は評価基準の中でも重要な位置を占めるため、クローラーに認識されないと検索順位に大きな影響が出てしまいます。

タイトルや見出しの場合には「<img src=”juyo.jpg” alt=”タイトル：重要なこと”>​​」のように画像内のタイトル文字と同じものを記述します。

リンクの場合にはalt属性を設定することで、テキストリンクと同じようにアンカーテキストとして使用できます。

タイトル・見出し・リンクの評価はSEO対策上なくてはならないものです。クローラーがしっかり内容を把握できるように、忘れずにalt属性を設定してください。

1. Googleの検証機能を使う

Googleの検証機能を使う確認手順は以下の通りです。

1. Google Chromeをブラウザにし、alt属性を確認したいページを表示する
2. マウスの右クリックし、「検証」を開く
3. ソースコードから、確認したい画像のコードを探し、alt属性の記述があるかを確認する

このように、特別なツールを使わずに確認することが可能です。

2. Chrome拡張機能「Alt＆Meta viewer」を使う

Chrome拡張機能である「Alt＆Meta viewer」を使う方法もあります。具体的な確認手順は以下の通りです。

1. Googleウェブストアから「Alt＆Meta viewer」をインストールする
2. ブラウザの右上の「Alt」をクリックし、alt属性を確認する

「Alt＆Meta viewer」は無料の拡張機能なので、手軽に試してみることができます。