imgタグに含めるaltタグとSEOの関係について

画像（img）を配置する際、altに必ずキーワードを含めて設定するということは、SEO対策では基本です。
なぜ画像にaltを設定するのかというと、クローラーが画像の内容までは客観視して見ることはできないためで、画像の補完テキストを設定する事でコンテンツの一部である画像の内容を正しく伝えるためです。

また、altに設定したテキストは、音声ブラウザが設定したテキストを読み上げるといったユーザビリティにも深く関係してくることから、altにより画像の内容を正しく設定することが重要です。

では、今回はこのSEO内部対策の基本であるimgに設定するaltについて説明していきます。

画像(img)ファイルの記述について

<img src="/images/example.jpg" alt="画像の説明" width="画像の横幅" height="画像の高さ">

画像ファイルは上記のようにsrcに、絶対パスか相対パスやサイトルート相対パスなどで指定します。
imgタグに設定できる属性（プロパティ）は次のようなものがあります。

他にも、cssで装飾するクラスの指定などの設定がありますが、この記事ではcssで設定できる部分以外について進めていきます。

画像(img)のファイル名について

画像のファイル名についてですが、Googleはaltはもちろん、ファイル名も読みます。
また、サイト内に設定する画像は、Googleの画像検索からの流入も期待できることから、画像のファイル名を見ただけで、どのような画像なのかがわかるようなファイル名にしておくことがポイントです。

画像(img)にaltを設定するポイント

画像に設定するaltについてご説明します。
画像にaltは必ず設定しましょう、と記憶している方も多いかと思いますが、Googleにわざわざ関係のないテキスト情報を伝える必要はありません。
中には空のままにしておくべき画像もあります。

最近ではあまり見かけませんが、スペーサーなどの意味を持たない画像についてはaltを空にしておきます。

<img src="spacer.gif" alt="">

このように、基本的に意味を持たない画像や、コンテンツに関係のないイメージ画像に関してはaltを空にしておいて問題ありません。

altにキーワードを羅列して含めすぎない
画像に設定するaltのテキストは文字数に制限がありません。
だからといって画像と関係のないキーワードや、関連キーワードを詰め込んではいけません。

キーワードを詰め込んだところでGoogleには無視されるだけです。
そして本来の評価がしてもらえず、結果、コンテンツの質が下がるといったことが考えられます。
画像を簡潔に説明することを意識してaltに設定しましょう。

画像サイズ（縦横）の指定について

画像の縦横サイズを指定していますか？
レスポンシブデザインがスマホ対応に必須の対策となり、画像もPC用とスマホ用を使い回す機会も多く、あまり指定していない方も多いと思います。

しかし、このwidthとheightをあらかじめ指定しておくことで、ページを表示する際のレンダリングが若干早くなり、ユーザビリティにも繋がることから直帰率などの改善にも期待できます。

全ての画像に対して縦横サイズを指定することは作業上、難しいかもしれませんので、比較的サイズの大きな画像などに適宜指定してみるだけでも良いかもしれません。

画像のalt設定とSEOについてまとめ

画像（img）に設定するaltは、設置するだけで検索順位が上がる訳ではありませんが、Googleに正しくコンテンツを伝えて評価してもらうということから、間接的にSEOに影響してくる対策のひとつです。

先ほども説明した通り、imgのaltに設定する内容は、音声ブラウザで再生されて問題ないテキストを心がけると問題ないかと思います。
このようにaltなどの内部対策は、ユーザビリティとクローラビリティの両方から見て適切に設定するようにしましょう。