記事に画像を入れると、WordPressの画面に「代替テキスト」という欄が出てきます。何を書けばよいのか分からず、空のまま公開している。あるいは、とりあえず狙っている言葉を並べている。記事が増えてくると、この小さな欄が気になり始めます。ここはAI所長の副業ブログ研究室。今回は、画像に添える文字——alt(代替テキスト)・ファイル名・キャプション——の決め方を、Googleとウェブの標準化団体W3Cの公式の説明に沿って整理します。
先に結論です。altは「画像が見えない人に、その画像の役目を一文で伝える文章」です。情報を伝える画像には短く具体的な説明を、ただの飾りの画像には空のaltを入れます。Googleは、altにキーワードを並べることを避けるようはっきり求めています。ファイル名は中身が分かる短い名前にしてからアップロードし、画像は関係する文章のすぐ近くに置きます。
altは、画像の代わりに読まれる文章
alt(オルト)は、画像を入れるときのHTMLに書く「代替テキスト」のことです。Google検索セントラル「画像 SEO のベスト プラクティス」 では、altが役に立つ場面として次のようなものが挙げられています。
| 誰が読むか | どんな場面か |
|---|---|
| 画面の読み上げ機能を使う人 | 目の不自由な人などが使う読み上げソフト(スクリーンリーダー)が、画像の代わりにaltを読み上げる |
| 通信が遅い環境の人 | 画像が表示されないとき、代わりにaltの文字が出ることがある |
| 画像が何を表しているか、どんなテーマかを理解する手がかりにする。画像にリンクを付けた場合は、リンクの文字(アンカーテキスト)としても扱う |
つまり、altはまず人のための文章で、その結果として検索にも使われる、という順番です。書く前に「この画像が見えなかったら、読者は何を失うか」を考えると、何を書けばよいかが決まりやすくなります。
altは画像の代わりに読まれる一文。画像が見えない読者に、その画像の役目が伝わるかどうかで判断します。
画像の種類で、書く中身が変わる
「すべての画像に、くわしい説明を書く」が正解ではありません。W3C「An alt Decision Tree」(英語) は、画像の役目ごとにaltをどうするかを、質問に答えながら決める表にまとめています。ブログで出てくる場面に置き換えると、次のとおりです。
| 画像の種類 | altに書くこと | ブログでの例 |
|---|---|---|
| 情報を伝える画像(写真・簡単な図) | その画像が伝えている意味を、短く | 手順を説明するスクリーンショット、商品の写真 |
| リンクやボタンになっている画像 | 画像の見た目ではなく、押すとどこへ行くか・何が起きるか | バナー画像、画像だけのボタン |
| 文字が入った画像 | 画像の中の文字。ただし、同じ文字が近くに本文として書いてあれば空でよい | 文字入りの図解、見出し代わりの画像 |
| グラフや複雑な図 | altは短くし、中身は本文や表で別に説明する | 比較のグラフ、流れ図 |
| 飾りの画像 | 空のalt(alt=””) | 区切り線の飾り、雰囲気づくりのイラスト |
飾りの画像は「空」にする
W3C「Decorative Images」(英語) では、情報を足さない飾りの画像は、空のalt(alt=””)にして、読み上げソフトに飛ばしてもらうよう案内されています。同じページには、altそのものを書かないのは選択肢にならないとも書かれています。altが無いと、読み上げソフトによっては画像のファイル名を読み上げてしまうためです。
空のaltは「この画像は飛ばしてよい」という合図です。altの指定そのものが無い状態とは意味が違います。「IMG_0123 ドット JPG」と読み上げられてしまうのは、後者のほうです。
書き方の目安|Googleの例で見る4段階
Google検索セントラル「画像 SEO のベスト プラクティス」 には、子犬の写真を例にしたaltの良い例・悪い例が載っています。中身を言い換えると、次の4段階です。
| 段階 | 公式の例の中身(要約) | 評価 |
|---|---|---|
| ① altが無い | 画像だけで、代替テキストの指定なし | よくない |
| ② 言葉を並べる | 「子犬」に近い言葉をいくつも並べたもの | よくない(キーワードの乱用) |
| ③ ひと言 | 「子犬」 | 良い |
| ④ 具体的に | 何の子犬が、何をしているところかまで書いたもの | もっとも良い |
同じページでは、altに言葉を詰め込むことはユーザーの体験を損ない、スパムとみなされる原因になることがあるとされています。一方で、ページの内容に沿って、情報量のある説明を書き、その中で言葉を適切に使うことはすすめられています。
1 その画像が記事の中で果たす役目を書く(見た目の説明だけで終わらせない)
2 一文で短く。読み上げで聞いて、すっと入る長さにする
3 記事の言葉と自然に重なるのはよい。言葉を並べるのはしない
4 同じ内容がすぐ近くの本文に書いてあるなら、繰り返さない
ブログでよく使う画像の書き方の例
副業ブログで使いがちな画像を、上の考え方に当てはめた例です。「この形でなければならない」という決まりではなく、考え方の当てはめ方の見本として見てください。
| 画像 | altの例 | 考え方 |
|---|---|---|
| 操作手順のスクリーンショット | WordPressの画像ブロックの設定欄にある「代替テキスト」の入力欄 | どの画面の、どこを示しているかを書く |
| 比較表を画像にしたもの | レンタルサーバー3社の月額料金の比較表(内容は本文の表と同じ) | 中身は本文に表で書き、altは何の表かにとどめる |
| 記事の流れを描いた図 | 構成づくりの流れ。読者の悩み→見出し→本文の順 | 図が伝えている順番を短く |
| 「詳しくはこちら」のバナー | ブログの費用ガイドの記事を開く | 見た目でなく、押した先を書く |
| 会話の吹き出しのアイコン | 空(すぐ横に名前が文字で出ているため) | 名前が本文にあるなら、繰り返さない |
| 見出しの横の飾りイラスト | 空 | 情報を足さない飾り |
アイキャッチ画像は、テーマによって記事一覧やSNSでの表示など、使われる場所が変わります。記事タイトルと同じ文字が入った画像なら、記事タイトルに沿った短い説明を入れておくと、どこで使われても意味が通りやすくなります(これは当研究室の考え方です)。アイキャッチそのものの作り方は AIでブログのアイキャッチ・画像を無料で作る方法|初心者向けの手順と著作権の注意 にまとめています。
WordPressでaltを入れる場所は2つ
WordPress公式ドキュメント「Image block」(英語) と WordPress公式ドキュメント「Media Library screen」(英語) によると、altを入れられる場所は大きく2つあります。どちらに入れるかで、効く範囲が違います。
| 入れる場所 | 開き方 | 効く範囲 |
|---|---|---|
| 画像ブロックの設定 | 記事の編集画面で画像を選び、右側の設定欄の「代替テキスト」に入力 | その記事のその画像だけ |
| メディアライブラリ | 管理画面の「メディア」→画像を選び、詳細の「代替テキスト」に入力 | その画像を次に記事へ入れるときの初期値 |
同じ画像を何本もの記事で使い回すなら、メディアライブラリに入れておくと手間が減ります。ただし、記事によって画像の役目が変わるときは、記事ごとに画像ブロックの側で書き直します。また、WordPressの公式ドキュメントでは、画像ブロックの設定欄に、飾りの画像であることを示す設定(英語版では「Mark as decorative」)が案内されています。お使いのバージョンで表示されていれば、飾りの画像にはこちらを使えます。
画像ブロックの「高度な設定」には、タイトル(title)を入れる欄もあります。公式ドキュメントには、多くの端末やブラウザではこの文字が表示されないと書かれています。画像の説明は、altの欄に入れます。
ファイル名は、アップロードする前に決める
Google検索セントラル「画像 SEO のベスト プラクティス」 では、簡潔でわかりやすいファイル名をすすめています。カメラが自動で付ける「IMG00023.JPG」のような名前や、「image1.jpg」「pic.gif」のような何の画像か分からない名前は避けるよう書かれています。また、ファイル名の拡張子は、実際の画像の形式と合わせることとされています。
| よくない名前 | よい名前の例 | ポイント |
|---|---|---|
| IMG_0123.jpg | wordpress-alt-input.webp | 何の画像かが名前で分かる |
| スクリーンショット 2026-10-10.png | search-console-query-list.webp | 日付ではなく中身で名付ける |
| image1.webp | server-price-hikaku.webp | 連番は避け、記事の中身に合わせる |
WordPressのメディアライブラリには、アップロードしたときのファイル名がそのまま表示されます。あとから付け直すのは手間がかかるため、画像を書き出す時点で名前を付けておくのが楽です。また、ファイル名に日本語を使うと、画像のURLが%E3%81…のような長い記号の並びで表示されることがあります。半角の英数字とハイフンでつないでおくと、扱いやすくなります。
キャプションと、画像を置く場所
Google検索セントラル「画像 SEO のベスト プラクティス」 によると、Googleは画像の情報を、altだけでなくキャプションやページのタイトルなど、画像が載っているページの内容からも読み取ります。そのため、画像は関係する文章の近くに置くよう案内されています。
| 添える文字 | 見える人 | 役目 |
|---|---|---|
| alt | 見えない(読み上げ・画像が出ないとき・Google) | 画像の代わりに、その役目を伝える |
| キャプション | 画像の下に、誰にでも見える | 画像の補足。出典や「どこを見てほしいか」を書く |
| 画像の前後の本文 | 誰にでも見える | 画像が何のためにあるかを説明する |
WordPressの画像ブロックでは、ツールバーのボタンでキャプションを付けたり外したりできます。キャプションは画像の下に表示されるので、altと同じ文を入れる必要はありません。他の人が作った画像に出典を添えるときは、キャプションの欄が使いやすい場所です。出典の書き方や、使ってよい画像の線引きは ブログの引用と著作権|画像・文章でやってはいけないこと で扱っています。
手順の画像が、その手順の説明から離れた場所にあると、読者もGoogleも、画像と文章の関係をつかみにくくなります。「この段落の話を見せる画像」という置き方にしておくと、altも短く書けます。
画像の大きさと形式は、別の話
altやファイル名は「画像に添える文字」の話で、画像の重さ(ファイルの大きさ)とは別のことです。Google検索セントラル「画像 SEO のベスト プラクティス」 では、Googleが扱える形式としてBMP・GIF・JPEG・PNG・WebP・SVG・AVIFが挙げられ、画質と同時にページの読み込みの速さにも気を配るよう書かれています。画像の横幅の目安とWebPへの書き出しは ブログのスマホ表示を公開前に確認する方法|見落としやすい5つの場所 の「③ 画像が、重すぎないか」にまとめています。
過去の記事のaltを見直す手順
すでに記事がたまっていると、全部をさかのぼるのは大変です。次の順番で、効くところから手を付けます。
2 その記事の編集画面で、画像を1枚ずつ選び、「代替テキスト」の欄を見る
3 空なら、上の「画像の種類」の表に当てはめて、書くか・空のままにするかを決める
4 言葉を並べたaltがあれば、一文の説明に書き直す
5 使い回している画像は、メディアライブラリ側の代替テキストも直しておく
どの記事が読まれているかの確かめ方は 読まれない記事のリライト手順|サーチコンソールのクエリの見方 が使えます。altの見直しは、リライトのついでに1本ずつ進めると負担になりません。
AIの使いどころと、任せないほうがよいところ
| 作業 | AIに任せてよいか | 理由 |
|---|---|---|
| 画像の説明文の下書きを作ってもらう | 下書きまで | 画像の内容を言葉にする手助けになる。記事の中での役目は自分が知っている |
| 長くなったaltを、一文に縮めてもらう | 任せてよい | 言い換えは得意。中身が変わっていないかだけ確かめる |
| その画像が飾りかどうかを決めてもらう | 任せない | 画像が記事の中で情報を足しているかは、書いた本人がいちばん分かる |
| 「検索に強いalt」を作ってもらう | 任せない | 言葉を並べた案が返ってくることがある。Googleは詰め込みを避けるよう求めている |
AIに説明文を作らせるときの指示の出し方は ブログ用AIプロンプト集【コピペで使える】初心者向けの指示文テンプレートまとめ、AIの答えを確かめる手順は AIが書いた記事の事実確認|間違いを見つける4つの手順 で扱っています。
やりがちな失敗、5つ
Googleの説明で、はっきり避けるよう書かれている使い方です。一文の説明に直します。
読み上げで聞く人には、意味のない文が増えるだけになります。飾りは空のaltにします。
「緑のボタン」では、押した先が分かりません。リンクになっている画像は、行き先を書きます。
画像の中の数字は、読み上げでは伝わりません。大事な数字は本文か表で書きます。
Googleも避けるよう書いている名前です。書き出す時点で、中身の分かる名前を付けます。
よくある疑問(Q&A)
Q1. altを入れると、検索の順位は上がりますか?
Googleは、altを画像のテーマを理解する手がかりとして使うと説明していますが、入れれば順位が上がる、という説明はありません。順位のためというより、画像の意味を正しく伝えるために入れるものと考えておくのが確かです。検索の考え方の全体像は ブログSEOの基本|AIで“検索から読まれる記事”にする初心者向けの考え方 をどうぞ。
Q2. altは何文字までがよいですか?
公式に決まった文字数はありません。W3Cは、簡単な写真や図には意味を伝える短い説明を、と案内しています。長い説明が要る画像は、altを短くして、中身は本文で書くのが筋です。
Q3. 吹き出しのアイコンにも、毎回altが要りますか?
すぐ横に名前が文字で書いてあるなら、W3Cの考え方では、繰り返しになるので空のaltで足ります。名前が画像の中にしか無いなら、名前をaltに書きます。
Q4. アップロードした後で、ファイル名を変えられますか?
WordPressの公式ドキュメントでは、画像の詳細の画面でファイル名は読み取り専用の情報として表示される、と案内されています。変えたいときは、名前を付け直した画像をアップロードし直して差し替えるのが分かりやすい方法です。差し替えは手間がかかるので、これからの画像から名前を付ける、で十分です。
Q5. スクリーンショットに個人の情報が写っていたら?
altやファイル名より先に、画像そのものから消すのが先です。メールアドレスや管理画面のURL、ログインの名前などは、ぼかしてから使います。安全面の基本は 副業ブログの安全対策&便利ツール入門|非エンジニアが最初に整えたい守りの基本 にまとめています。
まとめ:画像が見えない人に、一文で役目を伝える
・画像の役目で書き分ける。情報=短い説明/リンク=行き先/飾り=空のalt。
・altに言葉を並べない。Googleは詰め込みを避けるよう求めている。
・altの指定そのものを省かない。読み上げでファイル名が読まれてしまうことがある。
・WordPressでは画像ブロック=その記事だけ、メディアライブラリ=次からの初期値。
・ファイル名は中身が分かる半角英数字で、アップロード前に。
・画像は説明している文章の近くに置き、補足や出典はキャプションへ。
altは、読者の多くの目には触れない文字です。けれど、画像が見えない読者にとっては、それが画像そのものになります。見えない人にも同じ記事を届ける——そう考えると、何を書けばよいかは自然に決まってきます。
▶ 記事タイトルの付け方は ブログ記事のタイトルの付け方|検索結果で選ばれる32字の作り方、ブログづくり全体の流れは 【2026年最新】非エンジニアがAIで副業ブログを始める完全ガイド|ゼロから作って育てる全手順 をどうぞ。
参考(公式の説明):Google検索セントラル「画像 SEO のベスト プラクティス」/W3C「An alt Decision Tree」(英語)/W3C「Decorative Images」(英語)/WordPress公式ドキュメント「Image block」(英語)/WordPress公式ドキュメント「Media Library screen」(英語)
【免責】本記事は、Googleの公式ヘルプ、W3C(ウェブの標準化団体)の解説、WordPressの公式ドキュメント(2026年10月時点で確認したもの)をもとにした一般的な整理です。WordPressの画面の名前や配置は、バージョンやテーマによって変わることがあります。最新の情報は、各公式ページでご確認ください。検索結果での順位やアクセス数、収益を保証するものではありません。