alt属性とは

alt属性とは、ウェブページに表示する画像（写真・イラストなど）の内容を説明するためのもので、画像が見られないときに代わりに示す文（代替テキスト）のことを言います。

検索エンジンは、alt属性の文と、画像そのものの解析、周りの文章から画像の内容を理解します。Googleは「代替テキストに加えて、コンピュータ ビジョン アルゴリズムやページのコンテンツを使用して、画像のテーマを理解します」と説明しています。

また、読み上げソフトを使う人や、通信が遅くて画像が表示されない人には、alt属性の文が画像の代わりになります。

そのため、alt属性には、そこに何が描かれているのかを正しく伝える、適切なテキストを設定しておく必要があります。

目次

1. alt属性の使い方について
   1. alt属性の書き方
   2. alt属性の注意点
   3. alt属性のSEO効果について
   4. 画像検索にも効果あり
2. まとめ

alt属性の使い方について

alt属性は、冒頭でもご説明した通り、画像に設置するもので、“オルト”と読み、その画像に何が表示されているのかを簡潔に記述しておくものです。

これによって、検索エンジンはどんな画像があるのかを理解しやすくなり、ページの内容を正しく評価することにつながります。

alt属性の書き方

alt属性は下記のように、img要素に“alt”属性を追加して適切な説明文を記述します。

特に文字数制限などはありませんが、読み上げソフトでこのテキストが読み上げられることも考慮して、ユーザー・クローラーともに分かりやすい内容にしておくことが大切です。

<img src="/images/common/header_logo.jpg" alt="SEO診断ツール itomakihitode.jp">

Googleのスターターガイドでは、「代替テキストとは、画像とコンテンツの関係を簡潔に説明するものです」と定義しています。何の画像かだけでなく、本文とどう関係するかが伝わる文にします。

ただし、コンテンツに配置した全ての画像に説明文が必要なわけではありません。区切り線や背景など、飾りのためだけの画像は、alt属性を空（alt=""）にします。読み上げソフトがその画像を読み飛ばせます。

本文の内容を表すために使った画像に絞って、内容を説明する文を書きます。

alt属性の注意点

alt属性に、上位表示させたいからといってキーワードを詰め込んではいけません。

そして、考えられる注意点としては以下のような点が考えられます。

• 重要な画像にalt属性が入っているか？
• alt属性の長さは適切か？
• alt属性に不自然にキーワードを詰め込みすぎていないか？
• 画像と関係のないテキストになっていないか？

あくまで前後の文章に自然につながるテキストが理想であり、画像の内容に合った説明文を記述しておきます。

alt属性のSEO効果について

このalt属性のSEO効果についてですが、キーワードを詰め込んでも効果は期待できません。

しかし、正しく記述しておくことで、検索エンジンがコンテンツをより理解し、ページの内容が正しく伝わります。画像をリンクにしている場合は、alt属性の文がリンクの文字（アンカーテキスト）として扱われます。

また、ユーザビリティはSEOにおいて重要度を増しています。
読者を第一に考えてコンテンツを作成すると、自然と適切な説明文がaltに入るはずなので、よく考えて設置しておくと良いでしょう。

画像検索にも効果あり

このalt属性を設置しておくメリットとしては、他にも画像検索に表示されるという点が考えられます。

ユーザーは、画像検索からサイトに訪問する可能性もあります。画像検索に表示させるためにも、適切なalt属性を設定しておきます。

どれくらい画像検索で流入しているのかを調べるには、Search Consoleの「検索パフォーマンス」レポートを開き、上部の「検索タイプ」で「画像」を選びます。クリック数や表示回数、検索キーワードを確認できます。「ウェブ」との比較もできます。

まとめ

ウェブページに配置した画像の内容を、検索エンジンと読者に正しく伝えるためのalt属性についてご説明してきました。クローラーだけでなく、ユーザーにとっても分かりやすい内容にして、簡潔に設置しておくことが大切です。

alt属性は、それだけで順位を動かすものではありません。正しくコンテンツを伝えることによる効果や、画像検索からの流入、読み上げソフトへの配慮を考えて、短すぎず長すぎずといった適切な説明文を入れておきます。まず、本文の中の主要な画像に、画像を見ないでも内容が分かるaltが付いているかを確かめてください。