alt属性とは?alt属性の基礎知識について

更新日: 公開日:

alt属性とは、画像表示の代替となるテキスト情報です。ユーザーだけでなく、検索エンジンも画像を認識する際に使用されるため、alt属性(代替テキスト)を適切に記述しておくことは重要なポイントになります。

ここでは、alt属性の基本から応用まで、詳しく解説していきます。

この記事のポイント

  • alt属性とは、画像表示の代わりとなるテキスト情報のこと
  • alt属性は、画像検索の最適化においても効果を発揮する
  • alt属性は、画像に設定されたリンクにおいてはアンカーテキストの役割も持つ

alt属性の基本

alt属性(オルト属性)とは、HTMLのimg要素の中に記述される、画像の代替となるテキスト情報です。テキストブラウザや音声読み上げブラウザでは、画像ではなくalt属性に記載された内容がテキストとして表示、または読み上げられることになります。

従って、そうした「画像が閲覧できない環境下でも、その情報が正しく理解される」ような代替テキスト情報がalt属性には記述されなければなりません。

また、alt属性は検索エンジンが画像を認識する際にも参考にします。

alt属性の最適化のコツ

alt属性の評価

alt属性のテキスト情報が、そのページの検索順位に影響することはほぼありません。alt属性内の文字列はページの評価に加点されていないか、していたとしても微々たるものでしかありません。むしろ、特定のキーワードを繰り返し記述することは検索エンジンスパムと判定される可能性を高めますので推奨されません。

一方で、画像検索最適化においてはalt属性のテキストは重要です。検索エンジンは、ページ内の画像を認識する際にalt属性や、画像前後のテキストなどのテキスト情報を参考にしており(2019年4月開催Webmaster Conference OkinawaでのGary Illyes氏の発言を参考)、端的に画像の内容を表すalt属性の設定は、検索エンジンが画像内容を認識する助けとして効果があるようです。

とはいえ、先ほどお伝えしたようにalt属性の正しい記述はアクセシビリティの観点からも、検索エンジンに情報を正しく伝えるためにも重要なことですので、SEO上の効果があるなしに関わらず正しく記述することが必要になります。

実際にalt属性を設定するにはこちらを参考にしてください。
代替テキストとは?SEOに効果的な画像・動画のalt属性の書き方について

画像にリンクを設定する際のalt属性の働き

画像コンテンツに対しリンクを設定する場合、alt属性はアンカーテキストの代わりとしての役割をもちます。
その際「○○へのリンクのボタン」のように記述する必要はなく、例えば「会社概要」「採用情報」、また商品ページに画像でリンクする場合には商品名をそのままalt属性に設定するなど、テキストリンクで記述するのと同様の記述をします。

リンク先の内容を示しアンカーテキストの代わりとなるalt要素

alt属性を設定しなくても良いケース

全ての画像にalt属性を設定する必要はありません。例えばラインマーカーなどはサイトのデザイン上の要素でしかなく、サイトコンテンツの中で意味をもつものではありません。そのためラインマーカーなどに関してはalt=””と空白のままで構いませんが、HTML 4.01以降alt=””という記述は必須になりました。

alt属性のまとめ

  • alt属性は非テキストコンテンツの意味情報を正しく伝える手助けをする
  • 特定のキーワードの詰め込み・繰り返しは禁物
  • 画像検索最適化においては重要な役割をもつ
  • 画像にリンクを設定する場合はアンカーテキストの代わりとなる
  • 意味情報を持たない画像はalt=””と空白でよい

alt属性の設定は画像検索を意識したSEOなどでとても重要です。ただ、実務となると「数が多くて対応できない」や「この記述で問題ないか」とご不安になることもあると思います。
他にも、「そもそもこのサイトは画像検索からの流入も狙えるのか」とお考えになることもあるかと思います。もしお困りでしたら弊社のコンサルタントがサポートいたします。弊社は、戦略策定から実装支援まで一貫してサポートしております。


また、SEO対策の全体像を知りたい方は以下の記事も読んでみてください!
SEOとは?SEO対策を分かりやすく徹底解説!
検索エンジンの仕組み、リスティング広告との違い、技術要件、コンテンツ制作について1つ1つ解説しています。

Webサイトの運用・集客でお困りの際は、ぜひお気軽にご相談ください

お問い合わせはこちら