Altテキストの書き方: きれいな画像なのに、なぜ検索に出てこないのか
ブログを書いていると、最後に画像を入れる瞬間があります。
記事の内容はしっかりしている。
見出しも整えた。
アイキャッチ画像も悪くない。
スマホで見ても、それなりに読みやすい。
それなのに、Google画像検索ではほとんど反応がない。
「画像のセンスが悪いのかな？」
「もっと派手なサムネイルにした方がいいのかな？」
そう考えてしまいがちです。
でも、原因は画像そのものではなく、画像を説明するためのAltテキストが弱いことかもしれません。
Altテキストとは、画像の内容や役割を検索エンジンやスクリーンリーダーに伝えるための代替テキストです。
人間は画像を見れば、なんとなく意味を理解できます。
しかし検索エンジンは、画像だけを人間と同じように読むわけではありません。
Googleは画像を理解する際に、Altテキスト、画像周辺の本文、ファイル名、画像認識などを組み合わせて判断すると説明しています。
つまりAltテキストは、画像に付ける小さな説明文でありながら、画像SEOとアクセシビリティを支える大事な土台なのです。
Altテキストとは何か
Altテキストは、HTMLの画像タグに入る alt 属性のことです。
たとえば、次のような形です。
<img src="wordpress-image-seo-checklist.webp" alt="WordPressで画像SEOのAltテキスト設定を確認している画面">
このAltテキストは、通常の読者には画面上で見えないことが多いです。
しかし、画像が読み込まれなかったとき。
スクリーンリーダーがページを読み上げるとき。
検索エンジンが画像の意味を理解しようとするとき。
この短い説明文が役に立ちます。
WordPressでは、画像をアップロードすると「代替テキスト」や「Altテキスト」と呼ばれる入力欄があります。
初心者のうちは、ここを空欄のままにしがちです。
でもブログを長く運営するなら、この欄はただの飾りではありません。
Altテキストは、画像に対してこう説明する場所です。
この画像は、この記事の中で何を伝えるためにあるのか。
ここを意識するだけで、画像の扱い方がかなり変わります。
Altテキストが画像SEOに重要な理由
画像SEOというと、まず画像圧縮やWebP形式を思い浮かべる人も多いと思います。
もちろん画像サイズは大事です。
重い画像はページ表示速度に影響します。
表示が遅いページは、読者にも検索エンジンにもあまり親切ではありません。
ただし、画像SEOは軽量化だけでは終わりません。
検索エンジンにとって大切なのは、画像が何を意味しているかです。
たとえば、ファイル名が IMG_1234.jpg の画像があるとします。
この名前だけでは、検索エンジンも内容を判断しにくいです。
さらにAltテキストも空欄なら、その画像は記事内で何のためにあるのか伝わりにくくなります。
悪い例はこれです。
Altテキスト:
画像SEO
これだけでは情報が足りません。
良い例はこうです。
Altテキスト:
WordPressブログで画像SEOのAltテキストとファイル名を確認している画面
この方が、画像の内容と記事のテーマが自然につながります。
Googleの画像SEOガイドでは、Altテキストは情報量があり、役に立つ内容にすることが推奨されています。一方で、キーワードの詰め込みは避けるべきだとされています。
つまり大事なのは、キーワードを入れることではありません。
意味のある文章として、自然に説明することです。
日本のブログ運営でAltテキストが見落とされやすい理由
日本のブログ運営では、本文・タイトル・メタディスクリプションには力を入れる人が多いです。
一方で、画像まわりは後回しになりがちです。
理由はわかります。
記事を書く。
見出しを整える。
内部リンクを入れる。
アイキャッチを作る。
装飾を整える。
最後に画像をアップロードする。
この段階で、もうかなり疲れています。
そのためAltテキストは「あとでいいや」となりやすいです。
でも、画像は記事の一部です。
特にスマホ読者は、文章だけでなく画像や表を見ながら内容を理解します。
だからAltテキストも、ただのSEO設定ではなく、ブログ全体の読みやすさを支える小さな設計だと考えるとよいです。
Altテキスト・ファイル名・キャプションの違い
Altテキストを書く前に、画像まわりの項目を整理しておきましょう。
| 項目 | 役割 | 書き方のポイント |
|---|---|---|
| ファイル名 | 画像の基本的な識別情報 | 英小文字とハイフンで簡潔にする |
| Altテキスト | 画像の意味や役割を説明 | 本文の流れに合わせて自然な文章にする |
| キャプション | 読者に見える補足説明 | 画像の下で内容理解を助ける |
| 画像タイトル | メディア管理用の名前 | 管理しやすい名前にする |
| 周辺本文 | 画像の文脈を作る文章 | 画像の前後で自然に説明する |
この5つは、同じように見えて役割が違います。
たとえば、WordPressの画像SEO記事に使う画像なら、こう書けます。
ファイル名:
wordpress-alt-text-image-seo-checklist.webp
Altテキスト:
WordPressブログでAltテキスト、ファイル名、キャプションを確認する画像SEOチェックリスト
キャプション:
画像SEOは、ファイル名・Altテキスト・キャプションをそれぞれの役割に合わせて整えることで強くなります。
全部を同じ文章にする必要はありません。
方向性はそろえる。
でも役割は分ける。
これが自然な画像SEOの基本です。
Altテキストの基本公式
Altテキストは、難しく考えすぎなくて大丈夫です。
基本はこの形です。
対象 + 状況 + 記事内での役割
たとえば、ブログ記事のテーマが「Altテキストの書き方」なら、ただの画像説明では弱いです。
悪い例です。
Altテキスト:
パソコン
これでは、画像の意味が伝わりません。
良い例です。
Altテキスト:
WordPressでAltテキストの入力欄を確認しているパソコン画面
このように書くと、画像に写っている対象と記事のテーマがつながります。
さらにSEOを意識するなら、次のような表現も自然です。
Altテキスト:
WordPressブログの画像SEO設定でAltテキストとキャプションを確認している画面
ここには「WordPress」「画像SEO」「Altテキスト」「キャプション」という関連語が入っています。
ただし、不自然な繰り返しはありません。
これが大事です。
良いAltテキストと悪いAltテキストの実例
以下の表は、ブログ運営でよく使う画像を想定した例です。
| 画像の種類 | 悪いAltテキスト | 良いAltテキスト |
|---|---|---|
| WordPress画面 | WordPress | WordPressのメディアライブラリでAltテキスト入力欄を確認している画面 |
| SEOチェックリスト | SEO画像 | 画像SEOのためにファイル名、Altテキスト、キャプションを確認するチェックリスト |
| 装飾用の背景 | 青い背景 | alt="" |
| アクセス解析グラフ | グラフ | 画像SEO改善後にGoogle画像検索からの流入が増えたアクセス解析グラフ |
| ロゴ画像 | ロゴ | KORI THINKのトップページへ移動するロゴ |
ポイントは、画像が何をしているかです。
情報を伝える画像なら、意味を説明する。
リンクになっている画像なら、リンク先や機能を説明する。
ただの装飾なら、無理に読ませない。
W3CのAlt Decision Treeでも、画像が情報画像なのか、機能画像なのか、装飾画像なのかによってAltの扱いを分ける考え方が示されています。
Kori’s Mid-Article Thoughts｜途中の本音
正直に言うと、Altテキストを書くのは少し面倒です。
画像を何枚も入れる記事だと、
「本文を書くだけでも大変なのに、ここまでやるのか」
と思うこともあります。
でもブログは、こういう小さな作業の積み重ねです。
1記事では差が見えなくても、
100記事、500記事、1000記事と増えたとき、
画像まわりの整理ができているブログと、できていないブログでは印象が変わります。
私はAltテキストを、画像につける名前札ではなく、
読者と検索エンジンに向けた小さな案内板だと思っています。
ワンポイント
ワンポイント: Altテキストは「画像に何が写っているか」だけでなく、「この記事の中でその画像が何を説明しているか」まで考えると自然に書けます。
装飾画像にはAltテキストを書かなくてもよい
ここは意外と大事です。
すべての画像に、説明文を入れればいいわけではありません。
たとえば、区切り線。
背景パターン。
意味を持たない装飾アイコン。
こうした画像までスクリーンリーダーが読み上げると、かえって読みにくくなります。
装飾だけが目的の画像には、空のAlt属性を使うことがあります。
alt=""
W3Cの画像チュートリアルでも、情報を伝えない装飾画像には空のテキスト代替を使う考え方が紹介されています。
つまりAltテキストは、何でも書けばよいものではありません。
読者にとって必要な情報かどうか。
ここを判断することが大切です。
リンク画像のAltテキストは機能を書く
画像がリンクになっている場合は、少し考え方が変わります。
たとえば、ボタン画像をクリックするとPDFがダウンロードされるとします。
この場合、Altテキストに「矢印アイコン」と書いても、読者にはあまり役に立ちません。
良いのは、機能を説明することです。
悪い例:
矢印アイコン
良い例:
画像SEOチェックリストをダウンロード
WebAIMも、リンク画像のAltテキストは、画像の見た目だけでなくリンクの機能を伝える必要があると説明しています。
特にスマホブログでは、バナー画像やCTA画像を使うことがあります。
その場合は、見た目の説明よりも、
「どこへ移動するのか」
「何ができるのか」
を意識して書くと親切です。
Altテキストの長さはどれくらいがよいか
Altテキストに絶対の文字数ルールはありません。
ただ、通常のブログ画像であれば、1文で十分です。
短すぎる例です。
Altテキスト:
SEO
これでは意味が足りません。
長すぎる例です。
Altテキスト:
机の上にノートパソコンがあり、画面にはWordPressの管理画面が表示され、右側にはコーヒーカップとメモ帳が置かれていて、画像SEOの設定としてAltテキストとキャプションを編集している様子
これだと少し長すぎます。
読みやすい例はこうです。
Altテキスト:
WordPressの管理画面で画像SEO用のAltテキストを編集している様子
これくらいなら、内容も伝わりやすく、くどくありません。
複雑なグラフや図解の場合は、Altテキストを短くまとめて、詳しい説明は本文やキャプションに書くのが自然です。
WordPressでAltテキストを書く手順
WordPressでの流れはシンプルです。
まず画像をアップロードする前に、ファイル名を整理します。
日本語ファイル名でも使える場合はありますが、SEOや管理のしやすさを考えると、英小文字とハイフンで書くのが無難です。
たとえば、こうです。
悪いファイル名:
IMG_3388.png
良いファイル名:
alt-text-writing-guide-wordpress-seo.webp
次にWordPressへアップロードします。
そのあと、メディアライブラリまたは投稿編集画面でAltテキストを入力します。
おすすめの流れは次の通りです。
| 手順 | 作業内容 |
|---|---|
| 1 | 画像の内容に合う英語ファイル名へ変更する |
| 2 | WordPressへ画像をアップロードする |
| 3 | Altテキストに画像の意味を書く |
| 4 | 必要に応じてキャプションを追加する |
| 5 | 画像の前後の本文と内容がつながっているか確認する |
| 6 | 同じAltテキストを複数画像に使い回していないか見る |
この流れを毎回やるだけで、画像まわりの品質はかなり安定します。
Altテキストで避けたい失敗
一番多い失敗は、キーワードの詰め込みです。
たとえば、次のような書き方です。
悪い例:
Altテキスト 画像SEO WordPress SEO Google画像検索 ブログSEO アクセシビリティ
これは文章ではありません。
検索キーワードの一覧です。
読者にもスクリーンリーダーにも親切ではありません。
次に多い失敗は、あまりに抽象的なAltテキストです。
悪い例:
きれいな画像
説明画像
ブログ画像
これでは、画像が何を説明しているのか伝わりません。
もう一つの失敗は、画像と本文が合っていないことです。
たとえば、画像SEOの記事なのに、まったく関係のないカフェ写真を入れて、Altテキストだけ「画像SEO」と書く。
これは不自然です。
画像・Altテキスト・本文の3つは、同じ方向を向いている必要があります。
FAQ構造化データを入れるときの注意点
最後に、FAQPageのJSON-LDについても触れておきます。
ブログでは、記事の最後にQ&Aを入れ、その内容と同じFAQPage構造化データを入れることがあります。
ここで大事なのは、読者に見えるFAQと、JSON-LDに入れるFAQを同じ内容にすることです。
Googleの構造化データガイドラインでは、構造化データはユーザーに見えるページ内容を正しく表す必要があるとされています。
つまり、読者には見せていない内容を検索エンジンだけに見せるような使い方は避けるべきです。
また、Googleは2023年にFAQリッチリザルトの表示を大きく制限し、主に有名で権威性のある政府・健康系サイトに表示される形へ変更したと発表しています。
そのため、FAQスキーマを入れたからといって、必ず検索結果で目立つわけではありません。
それでも、記事構造を整理する意味はあります。
大切なのは、見えるFAQとJSON-LDを一致させ、自然な形で実装することです。
Altテキストの書き方を理解すると、画像を1枚入れる作業も、ただの装飾ではなくなります。
画像は、検索エンジンが記事の内容を理解するための大切な手がかりになるからです。
この考え方は、より大きなSEO戦略にもつながります。
画像SEO、キーワード設計、内部リンク、ページ表示速度、構造化データ、技術SEOは、それぞれ別々に存在しているわけではありません。ブログ全体の検索評価を支える仕組みとして、互いに関係しています。
あわせて読みたいのが、「SEO完全ガイド：検索意図とテクニカルSEOで上位表示を狙う」 です。
Altテキストが画像SEOの基本だとすれば、このガイドはブログ全体を検索エンジンに伝わりやすく整えるための大きな地図になります。
Koriの考え｜最後に整理
Altテキストは、ブログ運営の中では小さな作業に見えます。
しかし実際には、画像SEO、アクセシビリティ、読者体験をつなぐ重要なポイントです。
整理すると、次のようになります。
- Altテキストは画像の意味を伝える説明文です。
- キーワードを詰め込むより、自然な文章にすることが大切です。
- 情報画像・装飾画像・リンク画像で書き方を変える必要があります。
- ファイル名、Altテキスト、キャプションは役割を分けて書くと効果的です。
- FAQPage JSON-LDは、本文に見えるQ&Aと同じ内容で入れるのが安全です。
結局、良いAltテキストとは、検索エンジンをごまかすための文章ではありません。
画像を見られない人にも伝わる。
検索エンジンにも文脈が伝わる。
読者にも記事の流れが自然に伝わる。
そういう小さな親切が、ブログ全体の品質を底上げしてくれます。
参考資料
- Google Search Central「Image SEO Best Practices」
画像SEOにおけるAltテキスト、ファイル名、周辺本文の重要性を確認するために参考にしました。 - Google Search Central「General Structured Data Guidelines」
FAQPage JSON-LDを本文のFAQと一致させる必要性を整理するために参考にしました。 - Google Search Central Blog「Changes to HowTo and FAQ rich results」
FAQリッチリザルトの表示変更について確認するために参考にしました。 - W3C WAI「Images Tutorial / Alt Decision Tree」
情報画像、装飾画像、機能画像のAltテキスト判断基準を整理するために参考にしました。 - WebAIM「Links and Hypertext」
リンク画像のAltテキストはリンク機能を伝える必要がある点を確認するために参考にしました。
Altテキストの書き方 Q&A
Q1. すべての画像にAltテキストを書くべきですか？
情報を伝える画像にはAltテキストを書くべきです。ただし、単なる装飾画像の場合は alt="" のように空のAlt属性にする方が適切なこともあります。
Q2. AltテキストにSEOキーワードを入れてもいいですか？
入れても構いません。ただし、画像の内容や本文の流れに自然に合う場合だけです。キーワードを無理に詰め込むと、読者にも検索エンジンにも不自然な文章になります。
Q3. 画像SEOはAltテキストだけで十分ですか？
Altテキストは重要ですが、それだけでは不十分です。ファイル名、キャプション、画像の配置、周辺本文、画像サイズ、ページ全体の検索意図まで合わせて整えることが大切です。
#Altテキスト #画像SEO #WordPressSEO #ブログ運営 #アクセシビリティ #Google画像検索 #代替テキスト #KoriThink
👉 あわせて読みたい
この記事が参考になった方は、下の記事もあわせて読んでみてください。
同じテーマを、より広く、より深く理解するのに役立ちます。
内部リンク戦略完全ガイド｜WordPressブログのSEOと回遊率を高めるサイト設計
Hタグの使い方：WordPress SEOでH1・H2・H3を正しく使う見出し構造ガイド
SEOスラッグの書き方｜WordPressのURLを整えて検索にも読者にも伝わるブログにする実践ガイド
心が少し軽くなったなら、それで十分ですよ。
次の問いでまた会いましょう — Beautiful KoriThink