alt属性とは

目次

alt属性

alt属性とは、
ウェブページに表示された画像について
「何の画像なのか」を検索エンジンに伝えるテキスト情報のことをいいます。

検索エンジンは
コードと呼ばれるテキスト情報を読み込んで
そのサイトの構造等を判断して行きます。

つまり、検索エンジンは
画像の内容を「読み込んだり」「内容を理解したり」することはできません。

alt属性とは、画像の説明文です

そこで、画像に説明文を入れることが必要になり、
それを「alt属性」といいます。

alt属性の記述は以下のようにします。

<img src="画像のURL" alt="画像の説明" width="幅" height="高さ" />

  • alt="画像の説明"
    の「画像の説明」のところに説明文を入れます。
  • 「幅」「高さ」はpx(ピクセル)で記述します。

alt属性のSEO効果について

検索エンジンは、画像内容を読み込むことができません。

ですので、alt属性をきちんと記述することで
検索エンジンに、そのページの理解を深めてもらうという効果があります。

端的に言えば
検索順位を上げる効果があるとまでは言えない
SEO補助的効果はある、
というこです。

alt属性のその他のメリット

「検索エンジンに画像内容を伝えて、ページの内容の理解を深めてもらう」
という効果のほかに、
alt属性には、以下のようなメリットがあります。

  • 画像表示に時間がかかる場合、
    画像が読み込まれるまでの間に、alt属性の説明文が表示される
  • 視覚障害を持った方などが利用する「スクリーンリーダー」などのソフトでは、
    alt属性の説明文が読み上げられる
  • 画像にマウスを合わせると説明文がポップアップ表示される
  • 画像検索でヒットする可能性がある
  • 画像をリンクして使う場合、アンカーテキストとして認識される

できるだけalt属性はこまめに入れるようにしましょう。

alt属性の注意点

alt属性を使うとき、以下の点にご注意下さい。

  • 無関係なワードを入れてSEO効果を狙ったりしないこと
    ガイドライン違反となります。
  • キーワードを繰り返して入れることは避ける
    1つの画像の説明に、キーワードを繰り返し埋め込むとスパム認定されることがあります。
  • 長すぎる文章で説明しないこと
    あまりに長い文章を入れると、スパム評価される危険があります。
    その画像について説明する適切な長さで文章を入れれば大丈夫です。
    (時に推奨される文字数はありませんが、30字以内に抑えるとよいと思います)
  • すべての画像に入れる必要はない
    矢印などの装飾用の画像に、alt属性の説明文は不要です。

画像表示の際には、適切にalt属性を使い、説明文を入れることで
検索エンジンに画像の内容を知らせることができ、SEO効果を高めることにつながります。

画像は、コンテンツの理解を助けたり、ページを見やすくしたりなどの効果で、ユーザーの満足度を高めます。

コンテンツ内への画像表示とalt属性によって、
エクスペリエンスとSEO効果の両方を高めましょう。

sen-2.png