alt属性とは、画像の代わりとなるテキスト情報のことです。
ホームページはページ内の画像の内容をサーチエンジン、クローラーに認識してもらう必要があります。
また、画像が表示されない際などにこの画像は何の画像かがわかるようにする効果もあります。
ホームページ内に画像を挿入する場合以下のような表記になります。
<img src=”画像URL” alt=”画像の説明” width=”” height=”” />
この画像の説明部分がalt属性です。
この部分には画像の内容がわかる簡潔な説明を入れましょう。
キーワードとしていくつものワードを入れているサイトを見ることがありますが、キーワードの入れすぎはもちろんSEO的に良くないのでやめておきましょう。
キーワード乱用とみなされれば最悪の場合ペナルティもあります。
ですので、キーワードを入れる場合は３つほどにしておきましょう。
同じく、ペナルティを受ける可能性もあるのでalt属性には全く関係のないキーワードは入れないでおきましょう。
ただ単に装飾が目的の画像にはaltを入れる必要はありません。
alt属性とtitle属性の違い
似た属性にtitle属性がありますが、こちらは画像そのものの説明、解説などで主に使用します。
マウスカーソルを合わせたときに吹き出しとして出てくるのも特徴です。
※こちらの画像参照
また、altは画像のみの属性ですが、title属性は画像意外でも使用することができます。
ここの文章にカーソルを当ててください。
この部分は以下のようなコードで入っています。
<p title=”こんな感じ”>ここの文章にカーソルを当ててください。</p>
altは裏側、titleは表側の属性です。
どちらも用途が別ですので、用途に合わせた使い方が大切です。
alt属性はSEOにどれほど効果があるのか
ホームページを評価してくれるのはクローラーと呼ばれるロボットです。
ロボットはホームページ内のコードを読み、サイトを評価します。
画像が入っていることはコードを見ればわかりますが、何の画像なのかはコードを見てもわかりません。
そのため、コード内を見たときに画像の情報がわかることにより、SEO的に有利であると言えます。
また、ユーザーにとってもalt属性を入れることにより、わかりやすいサイト作りとなります。
最近のGoogleはユーザーファーストを一番に考えているため、その上にも乗れる状態となります。
リンクが発生する画像の場合、altはアンカーテキストの代わりになる役割があるため、
リンクがある画像にalt属性が記述されていないと、検索エンジン、クローラーがリンク先のページを把握し辛くなってしまうため、必ず入れましょう。
アンカーテキストとは、URLがリンク付けされたテキスト部分のことです。
クリックすることでそのURLのページに飛ぶことができる、テキストリンクです。
画像でも詳しくはこちら！などの画像を作成することがあるかと思います。
その場合altに「詳しくはこちら！」を入れておくことで、テキストリンクと同等の扱いを受けることができるということです。
ですので、altをしっかり設定するとSEO対策に効果があると言うことになります。
(SEO対策はこれだけではできないので、多角的方面から行う必要があります。)
まとめ
たかがalt属性と無視されがちですが、クローラーにしっかり把握してもらうためにも重要な役割を持っています。
また、ユーザーファーストを掲げる現在のGoogleの意向に反しないためにも必ず実施しましょう。
