SEO対策 | 検索エンジン.net

HTMLで画像を扱う場合は、イメージ画像に代替テキストを挿入する必要があります。ユーザビリティの向上はＳＥＯの効果があります。

一昔前はテキストばかりで書かれたサイトばかりでしたが、携帯の写メなどを掲載するブログなどが増えてきました、中には写真ばかりでテキストがないサイトもあります。

ＳＥＯ対策として、イメージ画像に代替テキストを挿入する必要性について紹介しています。検索ロボットは実は画像を読めません。つまり、イメージがＨＴＭＬに入っているのはわかっていても、何の画像で、どんな風な画像なのかを判断できないという意味です。

また、視覚に問題を抱える人は、サイトに書かれたテキストを読み上げるソフトを使ってコンテンツを楽しみますが、画像だけでは感じ取ることができません。

視覚で画像を認識できない方のために、画像にタイトルや解説をつけてあげる必要があります。このテキストのことを代替テキストといいます。

代替テキストを入れるとユーザーにとってわかりやすいサイトになり、ユーザビリティが向上します。検索エンジンもユーザビリティの優れたサイトは上位表示する傾向があります。

画像に代替テキストが挿入されているかは、実際の画像にマウスのカーソルを合わせるとわかります。試しに、右側にある私の画像にマウスを合わせてください。「検索エンジン.net管理人渡辺」とテキストが現れたと思います。

実際の代替テキストの入れ方については、通常の画像のＨＴＭＬにALT属性を追加します。
例　<img src="イメージのＵＲＬ" alt="代替テキスト" />

代替テキストと書いている部分に説明のテキストを挿入します。画像を使っている場合は、すべての画像にテキストを入力してください。そうすることでロボットが何の画像なのかと正しく判断することができます。

では、整理するためにつけた小さなボタン画像にもテキストを挿入するのかというとそうではありません。そのような画像は<ul>や<li>などを使い、ＣＳＳで画像を呼び出す必要があります。

小さなイメージ画像にキーワードをたくさん埋め込んでおくとスパムになる可能性もあります。

皆さん、イメージ画像を使う場合は必ず代替テキストを挿入してください。私もたまに忘れてしまうのですが・・・。