代替テキスト：多くのブログが間違える SEO ガイド

代替テキスト（alt テキスト）は、画像を文字で簡潔に説明したものです。2 つの重要な目的があります。検索エンジンが画像を理解してインデックスする助けになることと、視覚に障がいのあるユーザーが画像の内容を理解できるようにすることです。それなのに、ほとんどのウェブサイトは代替テキストを誤っています。完全に省略するか、「image1.jpg」や「スクリーンショット」のような意味のない説明を書いています。これはアクセシビリティの障壁を生み、SEO の機会を逃します。

2026 年は、画像検索が成長し、Google が順位のシグナルとして画像やビジュアルのコンテンツをますます使うので、代替テキストはこれまで以上に重要です。さらに、アクセシビリティは法的で倫理的な要件になりつつあります。そして、AI のシステムは、文脈と関連性を理解するために画像の説明を使います。良い代替テキストは、検索エンジン、視覚に障がいのあるユーザー、AI のシステムという、これらすべての対象に役立ちます。このガイドでは、代替テキストを正しく書く方法を解説します。

代替テキストとは何か、なぜ重要か

Web.dev は、代替テキストが、検索エンジン、アクセシビリティのためのスクリーンリーダー、画像の読み込みに失敗したときのブラウザーという、複数の対象に役立つと説明しています。通信状況が悪い、あるいはリンクが壊れていて画像が読み込まれないとき、ブラウザーは画像の代わりに代替テキストを表示します。スクリーンリーダーは、視覚に障がいのあるユーザーのために代替テキストを読み上げます。Google は、代替テキストを使って画像を理解し、検索クエリと結びつけます。

SEO の観点では、代替テキストは、Google がコンテンツ内の画像を理解する助けになり、ページの関連性と網羅性を高めます。「チョコレートケーキのレシピ」についてのページで、関連する画像が適切に説明されていれば、ページがそのトピックについて権威があると Google が理解する助けになります。検索での画像についての Google のガイダンスは、代替テキストが Google 画像検索での画像のインデックスと表示にどう影響するかを説明しています。

代替テキストと画像のタイトルの違い

代替テキストは、画像を説明する HTML の属性です。画像のタイトルは別の属性で、通常、ユーザーが画像にカーソルを重ねたときにツールチップとして表示されます。多くのサイトがこの 2 つを混同しています。代替テキストは、画像の内容を説明するべきです。タイトルはより創造的でユーモアのあるものにもできますが、推奨はされません。例：スクリーンショットの代替テキスト：「AI での言及の追跡データを表示する Sorank のダッシュボードのスクリーンショット」。タイトル：「AI の引用をリアルタイムで確認しましょう。」

代替テキストは必ず含めましょう。タイトルは任意です。両方を含めるサイトもあれば、代替テキストだけを含めるサイトもあります。アクセシビリティと SEO では、重要なのは代替テキストです。代替テキストを優先しましょう。1 つの属性しか加えられないなら、代替テキストを加えます。

効果的な代替テキストの書き方

代替テキストは、画像が何を示しているかと、ページ上でのその文脈を説明する、短い説明的な文として書きましょう。具体的にします。「スクリーンショット」はあいまいです。「ChatGPT、Perplexity、Claude にわたる AI での言及の追跡を示す、Sorank の GEO ダッシュボードのスクリーンショット」は具体的で説明的です。主題、動作、文脈を説明します。

可能なら、100〜125 文字にしましょう。通常は 1 文で十分です。無理なく自然に収まるなら、狙うキーワードを含めます。タイトルタグについて論じているなら、「タイトルタグのベストプラクティスのスクリーンショット」が機能します。画像が装飾的（区切り線、背景画像、箇条書きのアイコン）なら、スクリーンリーダーが読み飛ばせるよう、空の代替テキスト `alt=""` を使います。装飾的な画像が、代替テキストの流れの場所を占めるべきではありません。

画像の種類ごとの代替テキスト

スクリーンショットと図：「〔表示内容〕を示す〔ツール/画面〕のスクリーンショット。」例：「Core Web Vitals のデータを示す Google Search Console のスクリーンショット。」チャートとグラフ：データと傾向を説明します。「人気の 5 つの CMS プラットフォームのページの読み込み時間を比べた棒グラフ。WordPress が最も遅く、Webflow が最も速い。」インフォグラフィック：簡単な要約を提供します。「キーワード調査から成果の測定まで、SEO のプロセスの 7 つの手順を示すインフォグラフィック。」

写真：「〔何をしている/見せている〕〔被写体〕の写真。」例：「複数のモニターでコードを確認する開発者の写真。」ロゴ：ブランド名だけ。「Sorank のロゴ。」アイコン：その目的を説明します。「完了を示す緑のチェックマークのアイコン。」商品画像：「ノートパソコンの画面に表示された Sorank の GEO ダッシュボードの画面。」

代替テキストでのキーワードの最適化

自然に収まるなら、代替テキストに狙うキーワードを含めましょう。「タイトルタグの最適化」についての記事を書いていて、画像がタイトルタグの例を示しているなら、キーワードを自然に含めます。「長さとキーワードの配置のベストプラクティスを示すタイトルタグの例。」これは、Google が画像とページの両方の関連性を理解する助けになります。

ただし、キーワードを不自然に押し込んではいけません。「タイトルタグ タイトルタグ最適化 タイトルタグのスクリーンショット」はキーワードの詰め込みで、読みやすさとユーザー体験を損ないます。人にとっての明確さを優先しましょう。キーワードが自然に収まらないなら、省きます。Google のウェブマスター向けガイダンスは、キーワードの最適化より、役に立つ代替テキストに集中することを推奨しています。キーワードを自然に含めることのアルゴリズム上の利点は、良い説明のアクセシビリティと明確さの利点に比べると、わずかです。

代替テキストと画像検索の順位

Google 画像検索は、トラフィックの大きな源です。代替テキストを最適化すれば、Google 画像検索の結果での可視性を高められます。画像についての Google のガイドラインは、代替テキストが画像のインデックスと順位付けにどう影響するかを説明しています。説明的な代替テキストを持つ画像は、関連する画像検索でインデックスされ、上位に表示されやすくなります。「タイトルタグの例」や「SEO のチェックリスト」などのクエリでは、画像検索の結果がウェブの結果と並んで表示されます。適切な代替テキストで十分に最適化された画像は、画像検索から大きなトラフィックを生めます。

関連するキーワードを代替テキストに含めれば、Google が画像を検索クエリと結びつける助けになります。「順位とキーワードの追跡を示す無料の SEO 診断のダッシュボード」という代替テキストを持つ SEO のダッシュボードのスクリーンショットは、「SEO 診断のダッシュボード」「SEO の追跡ツール」や関連するキーワードで上位に表示されます。これにより、ウェブ検索の順位だけでなく、トラフィックの流入元が多様になります。

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

間違い 1：空、または欠けている代替テキスト。純粋に装飾的でない限り、すべての画像に代替テキストが必要です。間違い 2：画像のキャプションと同じ冗長な代替テキスト。画像の下にキャプションがあるなら、代替テキストでそれを繰り返す必要はありません。キャプションにない文脈や詳細を加えます。間違い 3：キーワードの詰め込み。「タイトルタグ最適化 キーワード SEO ベストプラクティス タイトルタグ」はスパムです。

間違い 4：長すぎる。125 文字を超えると、通常は多すぎます。間違い 5：当たり前のことを説明する。「赤いボタン」は不要です。「毎週の SEO のヒントを受け取る購読ボタン」は役に立ちます。間違い 6：画像のファイル名を代替テキストにする。「IMG_12345.jpg」は、誰にも何も伝えません。間違い 7：不必要に「〜の画像」や「〜の写真」と書く。代替テキストはすでに画像の説明なので、「画像」と言う必要はありません。直接説明しましょう。

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

適切な代替テキストは、アクセシビリティに欠かせません。視覚に障がいのあるユーザーは、代替テキストを読み上げるスクリーンリーダーに頼っています。代替テキストがあいまいだったり欠けていたりすれば、こうしたユーザーはコンテンツを理解できません。法的な観点では、ウェブサイトは、障害を持つアメリカ人法（ADA）と欧州アクセシビリティ法（EAA）のもとでアクセシブルでなければなりません。代替テキストの欠落は、法的責任を負うおそれがあります。アクセシビリティは、法的な要件であるだけでなく、能力にかかわらずすべてのユーザーがコンテンツを利用できるようにするという、倫理的な責務です。

W3C のウェブアクセシビリティイニシアチブは、画像の種類ごとに良い代替テキストを書く方法についての詳しいガイダンスを提供しています。原則は単純です。画像を取り除いても、代替テキストだけを読んだ人がコンテンツを理解できるか。できなければ、代替テキストにもっと詳細が必要です。スクリーンリーダーのツールでサイトをテストして、代替テキストが音声でどう聞こえ、文脈の中で意味が通じるかを確かめましょう。

代替テキストの監査と更新

サイトで、欠けている、または不十分な代替テキストを監査しましょう。ブラウザーの開発者ツールで画像を調べるか、SEO ツールでサイトをクロールして、欠けている alt 属性を特定します。画像のあるページ、現在の代替テキスト、改善した代替テキストのスプレッドシートを作ります。SEO 戦略にとって重要なページ（検索ボリュームの多いキーワードのページ、柱となるコンテンツ）を優先しましょう。20 枚の画像で代替テキストが欠けているページが 1 つだけでも、アクセシビリティと SEO の両方を同時に改善する機会です。

ブラウザーで画像を無効にしてページを読み、代替テキストをテストしましょう。代替テキストだけで意味が通じるか。各画像が何を示し、コンテンツとどう関連しているかを理解できるか。できなければ、代替テキストを改善します。Google Search Console で、Google 画像検索からのトラフィックを監視します。代替テキストの改善は、時間とともに画像検索のトラフィックの増加と相関するはずです。どの画像が最も多くのトラフィックをもたらしているかを追跡し、戦略を磨くにつれて、その代替テキストをさらに最適化します。

まとめ

代替テキストは、SEO とアクセシビリティの両方のために画像を説明します。画像が何を示し、どんな文脈にあるかを説明する、説明的で簡潔な代替テキスト（100〜125 文字）を書きましょう。キーワードは自然に含めますが、明確さを優先します。スクリーンショット、図、写真、アイコンで、異なるアプローチを使います。キーワードの詰め込みと冗長な説明は避けます。サイトで、欠けている、または不十分な代替テキストを監査し、最も重要なページから体系的に更新しましょう。良い代替テキストは、コンテンツの価値を複数の対象に広げます。

良い代替テキストは、Google の画像のインデックス、視覚に障がいのあるユーザー、ビジュアルのコンテンツを分析する AI のシステムという、複数の対象に役立ちます。小さな労力で、アクセシビリティ、ユーザー体験、SEO に、大きな見返りがあります。今日から優先度の高いページで始め、画像を加えるたびに良い代替テキストを書く習慣を築きましょう。画像の代替テキストの分析を含む総合的な SEO 診断には、Sorank の無料 SEO 診断をお試しください。