ALTテキストとは？SEOに効く書き方

Q: 装飾画像にもALTテキストは必要ですか？

いいえ。装飾だけの画像には空のalt属性を使い、スクリーンリーダーが読み飛ばすようにします。ALTテキストは意味を持つ画像のために使いましょう。

ALTテキスト(代替テキスト)は、画像のHTMLコードに書く短い説明文です。検索エンジンは画像そのものを見ることができないため、ALTテキストを読んで画像の内容を理解します。スクリーンリーダーは、画像が見えない人のためにこのテキストを読み上げます。わかりやすいALTテキストを書くことは、画像SEOを改善し、画像検索からのアクセスを増やし、誰にとっても使いやすいサイトにするための最も簡単な方法のひとつです。

ALTテキストとは？

ALTテキストは、HTMLの画像タグにある alt 属性の値です。画像の内容と役割を短い言葉で説明します。実際の書き方は次のとおりです。

<img src="golden-retriever-puppy.jpg" alt="Golden retriever puppy sitting in a field of grass">

このテキストは通常、ページ上には表示されません。検索エンジンが画像をインデックスするとき、スクリーンリーダーが画像を読み上げるとき、そして画像の読み込みに失敗したときにブラウザが代わりに表示するテキストとして使われます。

alt属性とtitle属性の違い

alt 属性と title 属性は別のものです。alt 属性はSEOとアクセシビリティのために画像を説明するもので、意味のあるすべての画像に付けます。title 属性はマウスを重ねたときにツールチップを表示するだけの任意の属性で、検索エンジンやスクリーンリーダーでの扱いも異なります。SEOではALTテキストを優先しましょう。

ALTテキストはSEOに効果がある？

はい。ALTテキストは画像の本物のランキング要因であり、ページ全体のSEOも支えます。効果は次のとおりです。

Google画像検索で上位表示されやすくなります。Googleはファイル名や周囲のテキストとともにALTテキストを使って画像を理解します。画像検索からアクセスを集めるには、適切なALTテキストが欠かせません。
ページの関連性と文脈が高まります。内容を的確に表すALTテキストはページのテーマを補強し、関連する検索語でページ自体が上位に表示される助けになります。
ユーザー体験が向上します。画像が表示されないときはALTテキストが代わりに表示されるので、訪問者は内容を理解できます。
アクセシビリティが強化されます。アクセシブルで構造のしっかりしたページは良いページであり、検索エンジンもそうしたページを評価する方向を目指しています。

ALTテキストだけでページがGoogleの最上位に上がることはありませんが、手間が少なく早く効果が出る施策で、サイト上のすべての画像で効果が積み重なります。

良いALTテキストの書き方

良いALTテキストは、画像が見えない人に説明するつもりで、自然な言葉ではっきりと内容を書きます。次のルールを守りましょう。

具体的に説明する。「金色の留め金が付いた赤い革のハンドバッグ」は「ハンドバッグ」より良く、「IMG_2024」よりはるかに良い例です。
簡潔にする。目安は125文字以内です。長すぎるテキストはスクリーンリーダーが途中で読み上げをやめることがあり、Googleも長文を必要としていません。
キーワードは自然に使う。説明に合う関連キーワードがあれば入れますが、無理に詰め込まないでください。
「画像」「写真」で始めない。スクリーンリーダーは画像であることを自動的に読み上げるので、「〜の画像」「〜の写真」は文字数のむだになります。
文脈に合わせる。最適なALTテキストは、その画像がページにある理由によって変わります。同じ靴の写真でも、ギャラリーでは「青いランニングシューズ」、商品ページでは「Nike Pegasus 40 ブルーのランニングシューズ、側面」のようになります。
装飾画像は空にする。区切り線や背景の飾りなど、装飾だけの画像には空のalt属性(alt="")を指定して、スクリーンリーダーが読み飛ばすようにします。

ALTテキストの例:良い例と悪い例

商品写真。悪い例:「靴」。良い例:「赤い靴ひもの白いキャンバス地ハイカットスニーカー」。
ブログの写真。悪い例:「DSC_0453」。良い例:「日差しの入るカフェでノートパソコンを使う女性」。
インフォグラフィック。悪い例:「グラフ」。良い例:「2024年から2025年にかけてウェブサイトのアクセスが40%増えたことを示す棒グラフ」。
ロゴ。悪い例:「ロゴ」。良い例:「MyIMGs.orgのロゴ」。
装飾用の区切り線。良い例: alt=""。スクリーンリーダーが読み飛ばします。

ALTテキストのよくある間違い

キーワードの詰め込み。「安い靴靴購入ランニングシューズおすすめ靴」のようにキーワードを並べると、Googleにはスパムと判断され、スクリーンリーダーの利用者にも役に立ちません。画像を説明し、自然なキーワードをひとつ入れる程度にしましょう。
ALTテキストがない。意味のある画像にalt属性がないと、検索エンジンにもスクリーンリーダーにも画像の内容が伝わりません。
ファイル名をそのまま使う。ALTテキストが「IMG_2024.jpg」では、何も伝わりません。
書きすぎる。段落ほどの説明が必要なら、それはページ本文に書き、ALTテキストは短くします。
装飾画像を説明する。スクリーンリーダーが不要な情報を読み上げてしまいます。代わりに alt="" を使いましょう。

ALTテキストとアクセシビリティ

ALTテキストはSEOだけのものではなく、ウェブアクセシビリティの中心的な要素です。視覚障害のある人や弱視の人はALTテキストを読み上げるスクリーンリーダーを使うため、説明がなかったり役に立たなかったりすると、コンテンツを利用できなくなってしまいます。良いALTテキストには次の効果があります。

視覚に障害のあるユーザーにも、目で見える人が画像から得る情報と同じ情報を届けられます。
多くの国で法律上求められているWCAGなどのアクセシビリティ基準を満たす助けになります。
誰にとっても使いやすいサイトになり、それは検索エンジンが評価したいことそのものです。

ALTテキストの簡単チェックリスト

意味のあるすべての画像にalt属性がありますか？
ALTテキストは画像の内容を正確かつ具体的に説明していますか？
125文字以内におさまっていますか？
キーワードを詰め込まず、自然な文章になっていますか？
「〜の画像」「〜の写真」を省きましたか？
装飾だけの画像は alt="" になっていますか？

MyIMGs.orgに画像をアップロードするときは、画像ごとに説明を追加できます。また、無料の画像ツールで公開前に画像をリサイズや圧縮でき、画像SEOとページ表示速度の改善にも簡単に役立ちます。

よくある質問

altタグはSEOに効果がありますか？

はい。検索エンジンはaltタグを使って画像を理解するため、画像検索で上位に表示されやすくなり、ページの関連性も高まります。小さいながらも確かなランキング要因です。

ALTテキストはSEOに影響しますか？

影響します。ALTテキストは画像検索での見つけやすさを高め、ページのテーマを補強し、アクセシビリティも支えます。そのすべてがSEOにつながります。

altタグはSEOでどのくらい重要ですか？

altタグは重要ですが、それだけで決定的な効果があるわけではありません。質の高いコンテンツやリンクを上回ることはありませんが、最も手軽にできる最適化のひとつで、サイト上のすべての画像で効果が積み重なります。

ALTテキストの最適な長さは？

125文字以内が目安です。ほとんどの画像をはっきり説明でき、スクリーンリーダーが途中で読み上げをやめない長さです。

ウェブサイトの画像のALTテキストでキーワードを詰め込んではいけないのはなぜですか？

キーワードを詰め込んだALTテキストは検索エンジンにスパムと見なされて順位が下がることがあり、スクリーンリーダーを使う人に画像を説明するという本来の役割も果たせないためです。自然な説明文を書き、本当に合う場合にだけキーワードを入れましょう。

SEOにおける画像のALTテキストとは？

SEOにおける画像のALTテキストとは、画像タグに付ける説明文のことです。画像の内容を検索エンジンに伝え、インデックスされて画像検索の結果に表示されるようにします。

装飾画像にもALTテキストは必要ですか？

いいえ。装飾だけの画像には空のalt属性(alt="")を使い、スクリーンリーダーが読み飛ばすようにします。ALTテキストは意味を持つ画像のために使いましょう。

まとめ

ALTテキストは、画像SEOの中でも手間が少なく効果の高い施策のひとつです。意味のある画像はそれぞれはっきりと説明し、簡潔にまとめ、キーワードは自然に使い、装飾画像は alt="" にします。これを続ければ、画像検索からのアクセスが増え、誰にとっても使いやすいサイトになります。