alt属性（代替テキスト）の正しい書き方とSEO効果！画像検索を制するプロの設定手順

「記事の本文にはこだわっているが、画像のalt属性は面倒だから空白のままにしている」
「とりあえず記事のメインキーワードを、すべての画像にコピペして設定している」

もしあなたがこのような画像管理をしているなら、今すぐ運用を見直す必要があります。なぜなら、あなたは「Googleの画像検索から得られるはずの数万単位の無償アクセス」と「記事全体の専門性をGoogleにアピールする絶好の機会」を、自らドブに捨てている状態だからです。

2026年現在、検索エンジンは高度なAI（画像認識技術など）を獲得していますが、それでもなお「この画像がどんな文脈で貼られているか」の最終決定権は、人間が手動で設定する「alt属性（代替テキスト）」に強く依存しています。

画像検索（Google Image Search）は、特にBtoC（アパレル、レシピ、インテリアなど）や、BtoBの図解（システム構成図、マニュアルなど）において、通常のウェブ検索に匹敵する、あるいはそれ以上のトラフィックを生み出す巨大な流入経路です。alt属性を正しく設定することは、その巨大市場への入場券を手にする唯一の方法です。

この記事では、IRORI（株式会社Cominka）のSEO専門チームが、alt属性のSEOにおける真の役割、Googleが推奨する「完璧な代替テキスト」の書き方、装飾画像の取り扱いルール、そして設定漏れを瞬時に見抜く必須ツールまで、1万文字を超える特大ボリュームで、事実とデータに基づき徹底解説します。見出し一つ一つの裏にある「プロの思考」を完全にインストールしてください。

alt属性（代替テキスト）の定義と2つの根本的な役割

alt属性（オルト属性）とは、HTMLの `` タグの中に記述される、その画像が「何を表しているか」をテキストで説明するための属性（付加情報）のことです。「Alternative Text（代替テキスト）」の略称です。

記述例：<img src="seo-graph.jpg" alt="2026年のSEO市場規模の推移を示す折れ線グラフ">

このalt属性は、単なるSEOのテクニックの前に、Webサイトという公共の場において以下の「2つの根本的かつ社会的な役割（アクセシビリティ）」を担っています。

視覚障がい者向けの「音声読み上げ（スクリーンリーダー）」対応

Webの世界には、視力に障がいがあり、画面の文字を音声で読み上げてくれるソフト（スクリーンリーダー）を使ってインターネットを利用しているユーザーが多数存在します。スクリーンリーダーは「画像そのもの（ピクセル）」を読み上げることはできませんが、画像に設定された「alt属性のテキスト」を検知し、音声としてユーザーに伝えます。

つまり、alt属性が空白であれば、視覚障がい者のユーザーにとってその画像は「存在しないも同然（情報が欠落している）」となってしまいます。alt属性の第一の目的は、全ての人が平等に情報を得られるようにする「Webアクセシビリティの担保」であることを絶対に忘れないでください。

通信障害・画像読み込みエラー時の「代替テキスト表示」

ユーザーが通信制限のかかったスマホや、極端に電波の悪い場所でサイトを閲覧した際、画像のデータ（重いファイル）が正常にダウンロードされず、画像が「×マーク」や「割れたアイコン」になって表示されないことがあります。

このようなエラーが発生した時、ブラウザはその空白の枠の中に、画像を表示する代わりに「alt属性に書かれたテキスト」を画面上に表示（代替）します。これにより、画像が見えなくても「ここに何の情報があるはずだったか」をユーザーに伝えることができ、サイトの利便性低下を最小限に食い止めることができます。

【重要】alt属性がもたらす「3つの強力なSEO効果」

前述の「ユーザーへの配慮（アクセシビリティ）」を前提とした上で、正しく設定されたalt属性は、Googleの検索アルゴリズム（SEO）に対しても絶大な効果を発揮します。プロのディレクターがalt属性の入力を絶対にサボらないのは、以下の3つの直接的な恩恵があるからです。

Googleの「画像検索（Google Image Search）」での上位表示

Googleの「画像検索」タブは、巨大な集客マーケットです。ユーザーは「クラウドPBX 構成図」「京都 カフェ おしゃれ」「結婚式 髪型」など、視覚的な情報を一目で探したい時に画像検索を強力に利用します。

Googleのクローラー（ロボット）は、画像に何が写っているかをある程度AIで認識できますが、最終的な検索順位の決定には「人間が手動で記述したalt属性のテキストとキーワードが一致しているか」を極めて重視します。alt属性を正しく設定した画像は、画像検索で上位に表示され、そこから「掲載元のページ」へと大量のトラフィックを呼び込みます。

ページ全体（本文）の「テーマとの関連性・専門性」の証明

Googleは、ページ内にある画像のalt属性を「そのページが何のトピックについて語っているか」を判断するための重要な補助シグナルとして利用します。本文で「確定申告のやり方」について語りつつ、途中に挿入された画像に「スマートフォンを使ったe-Taxの青色申告申請画面」という詳細なalt属性が設定されていれば、Googleは「このページはテキストだけでなく、視覚情報も含めて高度に専門的な解説を行っている優良なページだ」と判断し、通常のWeb検索における順位（全体のページ評価＝E-E-A-T）を引き上げます。

画像リンク（バナー等）における「アンカーテキスト」の役割

テキストではなく、画像自体をクリックさせて別のページに飛ばす「画像リンク（バナーなど）」の場合、SEO上、その画像のalt属性が「リンク先のアンカーテキスト」としてそのまま処理されます。

もしバナー画像のalt属性が空っぽであれば、Googleは「リンク先のページが何について書かれているか」を事前に予測できません。正しく「【無料ダウンロード】2026年版SEOマニュアルPDF」とalt設定されたバナーは、リンク先のページに対して強力な内部リンクの評価（リンクジュース）を渡すことができます。

Google公式発表：画像そのものより「テキスト」を重視する理由

alt属性がどれほど重要かについて、Googleは公式のSEOスターターガイド等で明確なスタンスを表明しています。

「画像の最適化を行うにあたって特に重要な項目は、画像の代替テキスト（alt 属性）を提供することです。（中略）Google は、画像の理解を画像の横のテキスト（代替テキスト、キャプション、タイトルなど）のみに依存しています。」
「わかりやすい代替テキスト（alt 属性）は、Google 検索が有益な検索結果（画像とウェブの両方）を返すうえで重要な役割を果たします。」引用・参考：Google 検索セントラル「検索エンジン最適化（SEO）スターター ガイド」

非常に重要なポイントは、「Google は、画像の理解を（略）テキストのみに依存しています」という点です。どんなに高画質で、プロのデザイナーが作成した素晴らしい図解画像であっても、HTML上にテキスト（alt属性）としてその内容が記述されていなければ、Googleにとっては「意味不明なピクセル（点）の集まり」でしかありません。画像の価値を検索エンジンに翻訳して伝える唯一の通訳が「alt属性」なのです。

【完全版】プロが実践するalt属性の「正しい書き方」と「NG例」

では、具体的にどのようにalt属性を書けば、ユーザーに優しく、かつGoogleから高く評価されるのでしょうか？答えは「目をつぶってそのテキストを聞いた時、画像の内容が具体的に頭に浮かぶかどうか」です。

ここでは、ある犬（柴犬）が公園の芝生の上でフリスビーを咥えている画像を例に、段階的な書き方の違いを解説します。

【大罪・最悪のNG例】

• alt="image01.jpg" （ファイル名がそのまま入っているだけ）
• alt="犬, いぬ, イヌ, 柴犬, フリスビー, 公園, 遊ぶ" （無関係なスパムやキーワードの羅列）
• alt="画像" （意味がない）

【及第点・少し惜しい例】

• alt="犬の画像" （何の犬で、何をしているのかわからない）
• alt="柴犬" （情報が少なすぎる）

【大正解・プロが書く完璧な例】

• alt="公園の青々とした芝生の上で、赤いフリスビーを咥えて走る柴犬"

プロの書き方のポイントは、画像内の「主語（柴犬）」「場所・状況（公園の芝生）」「アクション（赤いフリスビーを咥えて走る）」を、極めて具体的な名詞と動詞を使って、1つの自然な文章（日本語）として表現していることです。このレベルの具体性を持たせることで、画像検索で「犬 フリスビー」「柴犬 公園」など、複数のロングテールキーワード（関連検索）に同時に引っ掛かる確率が飛躍的に高まります。

【よくある間違い】装飾用画像と意味のある画像の見分け方と空指定（alt=””）

SEOの担当者が最も陥りがちな失敗が、「サイト内にある全ての画像（意味のない線や背景画像まで）に、無理やり文章を埋め込もうとする」行為です。これは音声読み上げソフトを使うユーザーにとって「ただのノイズ（邪魔な音声）」となり、マイナス評価を受けます。

alt属性を入れるべき「意味のある画像（情報）」と、無視すべき「装飾用の画像（デザイン）」を明確に切り分けるルールを解説します。

alt属性を「空（空白）」にすべき装飾画像

以下のような、コンテンツの「意味」には全く関係がなく、ただデザインを見栄え良くするためだけに置かれている画像の場合は、意図的に空指定 alt="" （ダブルクォーテーションのみで中身を書かない）にしてください。空指定にすることで、音声ソフトは「この画像には意味がない」と判断し、読み上げをスキップしてくれます。

• 見出しの横に置かれた「ただの青い四角（アイコン）」や「吹き出しの飾り」
• ページの区切りに使われる「ドット線」や「影」の画像
• 背景の模様（ただし、CSSのbackground-imageで処理するのがSEO上の正解）

グラフや表（図解データ）のalt設定の注意点

「2026年スマートフォンの普及率推移」といった複雑なグラフ（画像）の場合、alt属性にグラフ内の数値を全て書き込もうとすると、何百文字というスパムのような長さになってしまいます。
このような場合は、alt="2026年のスマートフォンの年代別普及率を示した棒グラフ" といった概要（タイトル）のみを簡潔に記述し、グラフの具体的な数値データ自体は、その画像のすぐ下（キャプションや本文のテキスト）にHTMLとして記述するのが、Googleが推奨する最も正しいアクセシビリティの対応です。

画像SEOの盲点：「ファイル名」もGoogleは見ている

alt属性と並んで、画像のSEOにおいて非常に重要であり、かつ9割の担当者がサボっているのが「画像ファイルの命名規則（ファイル名）」です。

スマホやデジタルカメラで撮影した画像や、フリー素材サイトからダウンロードした画像を、そのままのファイル名（例：IMG_987654.jpg や sozai-download-abc.png）でサーバーにアップロードしていませんか？

Googleの公式ドキュメントでは、「画像のファイル名とalt属性から、画像に関するヒントを抽出します」と明記されています。意味不明な英数字のファイル名では、一切のヒントになりません。

【正解のファイル名】
<img src="shiba-inu-frisbee-park.jpg" alt="公園の芝生上で赤いフリスビーを咥える柴犬">

このように、画像の内容を英単語で端的に表し、単語と単語の間は「ハイフン（-）」で繋ぐのが世界標準のSEOのルールです（アンダースコア `_` は非推奨）。ファイル名とalt属性をセットで最適化することで、初めて画像のSEO対策が完成します。

作業漏れをゼロにする！alt属性チェック用プロ必須ツール3選

記事内に数十枚の画像を使っている場合、手作業でHTMLのソースコードを一行ずつ確認してalt属性の抜け漏れを探すのは至難の業です。現場のプロが使っている「一瞬でエラーを見抜くツール」を3つ紹介します。

yoriaiSEO（ヨリアイSEO）【AIによるサイト全体の包括診断】

株式会社Cominkaが展開するSEO総合ツールです。サイト診断機能を使えば、サイト内の数百〜数千ページを瞬時にクロールし、「alt属性が設定されていない（空になっている）意味のある画像」や「altの文字数が過剰に多いスパムの疑いがある画像」をリストアップしてくれます。コンテンツ作成チームとは別の、ディレクター目線での一括管理に最適です。
▶ yoriaiSEOの公式サイトで機能詳細を見る

Alt & Meta viewer（Chrome拡張機能）【執筆者向け・無料一発確認】

記事を書いた担当者自身が公開前にチェックするための神ツール（ブラウザ拡張機能）です。インストールした状態で確認したいWebページを開き、ボタンを1クリックするだけで、画面上にある全ての画像の上に「設定されているalt属性のテキスト」が緑色の吹き出しでオーバーレイ（重なって）表示されます。「あ、ここ空っぽになってる！」と視覚的に一瞬で気付くことができます。
▶ Chromeウェブストアで検索（Alt & Meta viewer）

Screaming Frog SEO Spider（スクリーミング・フロッグ）【エンジニア向け技術監査】

テクニカルSEOエンジニアが愛用するクローリングツール。自サイトのURLを入力してクロールを実行し、「Images（画像）」タブを選択すると、サイト内にある全ての画像のアドレス、ファイル容量、そしてalt属性の中身がExcelライクな表で一括出力されます。「100KB以上の重い画像で、かつaltがMissing（欠落）しているもの」といった複雑な条件でのフィルタリングが可能で、大規模リニューアル時の監査で必須のツールです。
▶ Screaming Frogの公式サイトを見る

【事実とデータ】画像検索の最適化でトラフィックを爆増させた導入事例

「たかが画像のテキストを入力するだけで、ビジネスの成果（数字）に本当に影響があるのか？」とお疑いかもしれません。ここで、yoriaiSEOを活用した「画像SEO（alt属性とファイル名の徹底最適化）」により、通常の検索だけでなく画像検索からの大量の新規顧客を獲得した、実在のクライアント事例（一次情報）をご紹介します。

事例：株式会社アートクリック様（Webサイト制作事業）のケース

【導入前の課題と「機会損失」の闇】
同社は関西における実績あるWeb制作会社であり、自社の制作実績（ポートフォリオ）や、UI/UXデザインの解説記事を多数公開していました。しかし、せっかく制作した何百枚もの「美しいサイトの画面キャプチャ」や「システムの構成図」の画像のalt属性が、すべてWordPressの初期設定のまま（画像ファイル名や空白）で放置されており、Googleの画像検索から完全にスルーされている状態（極大の機会損失）にありました。

【yoriaiSEOを活用した画像SEO（alt最適化）の実行】

1. サイト診断による「空のalt」の完全可視化：
   yoriaiSEOのサイト診断機能を活用し、自社サイトに存在する数千枚の画像の中から「alt属性が設定されていない画像（エラー一覧）」をExcelデータとして1分で抽出。修正すべき対象を明確にしました。
2. AIを活用した「人間味のある代替テキスト」の生成と一括設定：
   単なるキーワードの羅列ではなく、「美容室向けの予約システム連動型WordPressテーマのスマートフォン表示画面」といった、主語・状況・対象が明確な具体的な文章（プロ推奨の書き方）を全画像に対して手動・および生成AIを活用して再定義。同時に画像のファイル名も意味のある英単語（例: `beautysalon-wordpress-sp.jpg`）に変更して再アップロードする力技を実行しました。

【半年後に実証された圧倒的成果・数理的結果】

• この地道な画像SEOの徹底により、施策開始から数ヶ月後、「ホームページ制作 京都 おしゃれ」「予約システム UI デザイン」といった、視覚情報を求める見込み客による「Google画像検索」からのトラフィック（流入）が、前年比で約300%の爆発的な増加を記録しました。
• 画像検索から流入するユーザーは、「デザインのテイストが自分の要望に合っているか」を既に目で見て確認した上でサイトを訪れるため、通常のテキスト検索経由に比べて直帰率が低く、最終的な問い合わせ（CV：制作依頼）の成約率が通常の約1.8倍に跳ね上がるという強烈な副産物を生み出しました。
• サイト全体の専門性（E-E-A-T）の底上げ：画像に正確な意味づけ（alt）がなされたことで、その画像を内包する親記事自体の「テーマの網羅性と専門性」がGoogleに高く評価され、全体のテキスト検索順位（「ホームページ制作 京都」など）の1ページ目獲得を強力に後押しする結果となりました。

▶ 【一次情報】この導入事例（株式会社アートクリック様）のインタビュー詳細全文を読む

絶対にやってはいけないalt属性の「大罪（スパム行為）」

alt属性は強力なツールですが、それを利用してGoogleのアルゴリズムを騙そうとする悪意ある行為（ブラックハットSEO）に対して、Googleは極めて厳格なペナルティ（手動による対策・順位下落）を下します以下の大罪は、サイトの命取りになるため絶対に避けてください。

サイトを崩壊させる禁止事項

• 大罪1：キーワードスタッフィング（大量の単語の詰め込み）
  画像の説明とは全く関係なく、自分が上げたい検索順位のキーワードを呪文のように羅列する行為。
  NG例：<img alt="SEO対策, 大阪, 費用, 安い, 会社, おすすめ, ランキング, 口コミ">
  これは視覚障がい者のスクリーンリーダーが「SEO対策カンマ 大阪カンマ…」と延々と読み上げ続けるという、ユーザーに対する最悪の拷問（迷惑行為）であり、Googleはこれを非常に悪質で古典的なスパムとして即座にペナルティ対象とします。
• 大罪2：全ての画像に対して「同じaltテキスト」をコピペする
  記事内に10枚の画像があるのに、面倒だからといって10枚すべてに alt="確定申告の手順" と全く同じテキストを設定する行為。
  Googleから見れば、これは極めて不自然（怠慢）な状態です。画像Aは「領収書の整理」、画像Bは「ソフトの入力画面」など、それぞれに独自の意味があるはずです。一枚一枚の画像に対して、独立した具体的な説明文をつけてください。
• 大罪3：1万文字以上の本文をalt属性に全てコピーする
  これも「文字情報が多い方がSEOに有利だ」という勘違いからくるスパムです。alt属性の目的は「画像の内容を『端的』に説明すること」です。長すぎるaltテキストは検索エンジンにスパム判定されるだけでなく、システムによっては読み込みエラーを起こします。目安として、人間がスッと一息で読める長さ（長くても100文字以内、通常は30文字程度）に要約して記述してください。

---

よくある質問（FAQ）

alt属性の設定を行う際、開発者やライターからよく寄せられる技術的・実務的な疑問に対して、SEOコンサルタントが明確に回答します。

Q. アイコン画像（例えば「電話」のマークや「メール」のマーク）には、どのようなaltを設定するのが正解ですか？

A. そのアイコンが「何のために存在しているのか」という機能（目的）に焦点を当ててください。例えば、電話番号の横にある電話のアイコンなら「電話マーク」ではなく、機能としての意味はない（単なる装飾）ため、空指定 `alt=””` が推奨されます。しかし、そのアイコン自体がリンクのクリックボタンとして機能している場合（例：スマホ画面下部の電話アイコン）は、`alt=”弊社への電話での問い合わせ”` など、クリックした後に何が起こるか（リンク先の内容）を明記する必要があります。

Q. WordPressなどのCMSを使っていますが、メディアライブラリの「タイトル」や「キャプション」と、「代替テキスト（alt）」はどう使い分ければいいですか？

A. 「代替テキスト（alt）」がSEOにおいて最も重要であり、画像が読み込めない時に代わりになるテキスト（本記事で解説した主役）です。「タイトル」は主に管理画面での検索用（または画像にマウスを乗せた時に出るツールチップ）で、SEO効果は低いです。「キャプション」は、画像の下に常に表示される「補足説明の文字」であり、グラフの注釈や出典（引用元）などを書くのに適しています。SEOで勝つためには、まず「代替テキスト」の入力ボックスを最優先で必ず埋めてください。

Q. AI（ChatGPTなど）を使って、画像を読み込ませてalt属性を自動で生成させてもSEO的に問題ありませんか？

A. 全く問題ありません。むしろ、作業の効率化と「客観的でフラットな説明文（人間特有の主観や過度なキーワード詰め込みを避ける）」を作成する手段として、AI系の画像解析（Vision API等）によるalt文案の生成は現在、最前線のSEO現場でも推奨されています。ただし、生成されたテキストが自社のビジネスの文脈（例えば、単なる『車』ではなく『自社が販売している〇〇という車種のハイブリッドモデル』）と合致しているかは、最終的に人間の目で必ずレビュー（調整）を行ってください。

まとめ：alt属性は、画像に「魂の叫び（専門性）」を吹き込む最後の魔法

SEOにおいて、誰もが「記事の本文（テキスト）」を書くことには全力を注ぎます。だからこそ、多くの競合がサボって見落としている「画像（alt属性とファイル名）」の設定という地道な泥臭い作業にこそ、勝敗を分ける決定的な「差（ブルーオーシャン）」が存在しています。

alt属性とは、単にGoogleのクローラーのご機嫌を取るための機械的なタグではありません。それは、視覚に障がいを持つユーザーや通信環境の悪いユーザーに対しても、「私たちが提供したい情報は、全ての人に平等に届いてほしい」と願って書き込む『思いやりの言葉』の結晶です。

Googleのアルゴリズムは、その『ユーザーへの思いやりの深さ』を、何千行ものソースコードの中から極めて正確に読み取り、サイトの評価（順位）という形と、爆発的な画像検索トラフィックというボーナスで必ず還元してくれます。

今日から、Webサイトに画像を一枚アップロードするごとに問いかけてください。
「もし私が目をつぶってこの記事を読んでもらった時、この画像の中にある『熱量』は本当に伝わるだろうか？」と。その一つの問いが、あなたのサイトを見違えるほど強力な資産（無敵のメディア）へと変貌させる最初の一歩となります。