Blog
漫画でわかる画像キャプションとファイル名の付け方
Acqua Academy × SEO Manga
この漫画は、ホームページ育成アカデミーの実践編です。
漫画で要点をつかんだあと、アカデミーの通常講座でチェックリストや実務手順まで確認できます。前後の記事を読む場合はSEO漫画一覧へ進んでください。
漫画でわかる画像キャプションとファイル名の付け方
漫画で見るポイント




冒頭の結論
画像キャプションとファイル名は、画像SEOの小さな作業に見えます。
しかし実務では、読者が画像の意味をすぐ理解できるか、WordPress内で画像を管理しやすいか、検索エンジンが画像とページテーマの関係を読み取りやすいかに関わる大事な要素です。
ALTテキストが「画像を見られない人や検索エンジンに向けた代替説明」だとすれば、キャプションは「画像を見ている読者への短い補足」です。ファイル名は「運用者と検索エンジンが画像の内容を推測しやすくする名前」です。3つは同じ文章にする必要はありませんが、記事テーマからずれてはいけません。
この記事では、SEO漫画 第8章の「LLMO向け記事テンプレート」をもとに、画像キャプション、ファイル名、ALT、周辺本文をどうそろえると、読者にも検索エンジンにもAIにも伝わりやすくなるかを整理します。対応する通常講座は /academy/llmo-article-template/、章別漫画は /academy/manga/chapter-08/ です。
漫画で分かる要点
- キャプションは画像を見ている読者への短い補足
- ファイル名は画像内容が分かる短い名前にする
- ALT、キャプション、ファイル名、前後本文は役割を分ける
- 画像内の文字だけに頼らず、本文や表にも同じ情報を書く
- WordPressへアップロードする前にファイル名を整える
- 画像が記事のどの章で何を説明するのかを先に決める
- 漫画画像も「章番号、ページ番号、テーマ」が分かる形で管理する
キャプションとファイル名はなぜ重要か
画像は、ただ置くだけでは記事の情報資産になりません。
読者にとっては、画像の下に短い説明があるだけで「この画像は何を見るべきなのか」が分かりやすくなります。運用者にとっては、ファイル名が整っていると、あとから同じ画像を探したり差し替えたりしやすくなります。検索エンジンにとっても、画像の周辺テキストやファイル名は画像の主題を理解する手がかりになります。
| 要素 | 主な役割 | 読者への効果 | 運用への効果 |
|---|---|---|---|
| ALT | 画像の代替説明 | 画像が見られない時も意味が伝わる | メディア設定の品質が上がる |
| キャプション | 画像を見た読者への補足 | 何を見るべきか分かる | 画像の使いどころが明確になる |
| ファイル名 | 画像内容の管理名 | 直接は見えないことが多い | 探しやすく、差し替えやすい |
| 直前の本文 | 画像を見る目的 | 読む流れが途切れない | 画像の役割を決めやすい |
| 直後の本文 | 画像から分かること | 理解を次の行動につなげる | CTAや内部リンクへつなぎやすい |
画像SEOは、1つの設定項目だけで決まるものではありません。画像の内容、ページの文脈、周辺本文、ALT、キャプション、ファイル名をそろえる作業です。
ALT、キャプション、ファイル名の違い
ALT、キャプション、ファイル名は似ていますが、同じではありません。
全部に同じ文章を入れると、管理は楽に見えます。しかし、読者に見える説明と、画像の代替説明と、ファイル管理名は役割が違います。役割を分けて書くことで、読みやすく、管理しやすく、検索にも伝わりやすい画像になります。
| 項目 | 見える場所 | 書く内容 | 例 |
|---|---|---|---|
| ALT | 通常は画面に表示されない | 画像の内容と役割 | 内部リンク改善の4ステップを示す図 |
| キャプション | 画像の下に表示される | 読者が押さえる要点 | まずは親記事と子記事の関係から整理します |
| ファイル名 | URLや管理画面で見える | 短く説明的な名前 | internal-link-4steps.png |
| 本文 | 画像の前後 | なぜ見るのか、何が分かるのか | 次の図で、リンク設計の流れを確認します |
たとえば、比較表の画像を使う場合、ALTは SEOとLLMO/AIOの目的、対象、見る場所を比較した表、キャプションは SEOはクリック、LLMO/AIOは参照・引用を意識します、ファイル名は seo-llmo-comparison-table.png のように分けます。
キャプションの基本
キャプションは、画像の下に置く短い補足文です。
画像を見た読者に「ここで何を理解すればよいか」を伝えます。写真であれば何が判断できるのか、図解であれば何の流れなのか、比較表であればどの軸を見るべきなのかを短く書きます。
| 画像の種類 | キャプションで書くこと | 例 |
|---|---|---|
| 店舗写真 | 読者が判断できる情報 | 入口と駐車場の位置が分かる外観写真です |
| 事例写真 | 変化や成果 | 施工前後の色味と仕上がりを比較できます |
| 比較表 | 判断軸 | 費用だけでなく、継続性と専門性も比較します |
| 手順図 | 次に見る流れ | 確認、仮説、修正、再確認の順で改善します |
| 漫画画像 | 学習の要点 | LLMO向け記事は、結論から順に疑問へ答える構成にします |
キャプションは長文にしすぎない方が読みやすいです。詳しい説明は本文で行い、キャプションでは「この画像の見どころ」を短く補足します。
良いキャプションと弱いキャプション
弱いキャプションは、画像を見ても何を判断すればよいかが分かりません。
画像1、サービス紹介、イメージ のようなキャプションは、読者の理解を助けにくいです。良いキャプションは、画像から分かることを1つに絞ります。
| 避けたいキャプション | 改善例 | 改善理由 |
|---|---|---|
画像1 | Search Consoleで表示回数とCTRを確認する画面です | 何を見る画像か分かる |
店舗写真 | 入口、看板、駐車場の位置が分かる外観写真です | 来店前の不安に答えている |
比較表 | 内製と外注は、費用だけでなく継続性で比較します | 判断軸が分かる |
SEO対策 | タイトル改善は、表示回数が多くCTRが低い記事から着手します | 次の行動につながる |
漫画 | LLMO向け記事テンプレートの7要素を確認します | 学習テーマが伝わる |
キャプションを書くときは、「この画像を見た人に、次の1文で何を分かってほしいか」を考えると整えやすくなります。
ファイル名の基本
画像ファイル名は、アップロード前に整えます。
WordPressへアップロードした後でも変更できる場合はありますが、URLや管理上の扱いが複雑になることがあります。基本は、画像を作った段階で、内容が分かる短い英数字名にしてからアップロードします。
| 悪いファイル名 | 良いファイル名 | 理由 |
|---|---|---|
IMG_0001.jpg | cafe-parking-entrance.jpg | 何の写真か分かる |
スクリーンショット 2026-06-05.png | search-console-ctr-report.png | 管理しやすい |
名称未設定-1.png | seo-llmo-comparison-table.png | 画像の主題が分かる |
image_final_final2.png | faq-internal-link-flow.png | 差し替え時に迷いにくい |
manga.png | chapter-08-llmo-template-page-01.png | シリーズ内の位置が分かる |
ファイル名は、短く、説明的で、英数字とハイフンを使う形が管理しやすいです。日本語ファイル名でも動く環境はありますが、URLや外部連携、移行時の扱いやすさを考えると、実務では英数字に寄せる方が安全です。
ファイル名に入れるべき情報
ファイル名には、画像の中身を短く入れます。
ただし、狙いたいキーワードを詰め込む場所ではありません。記事テーマと関係する自然な名前にします。長すぎるファイル名は管理しにくく、何の画像かも見づらくなります。
| 入れる情報 | 例 | 注意点 |
|---|---|---|
| 対象 | cafe、dental、manufacturing | 業種やページテーマが分かる |
| 内容 | parking、comparison、flow | 画像の種類が分かる |
| 役割 | faq、cta、case-study | 記事内の使いどころが分かる |
| 番号 | page-01、step-03 | 連番画像の順番が分かる |
| 形式 | .jpg、.png、.webp | 用途に合う形式を選ぶ |
例として、製造業の設備写真なら cnc-machine-small-lot-processing.jpg、FAQの導線図なら faq-to-service-link-flow.png のようにします。読めば画像の用途が分かる程度で十分です。
キャプションは本文の代わりではない
キャプションに詳しく書きすぎると、本文が薄くなります。
キャプションは補足であり、本文の代わりではありません。重要な説明、比較軸、手順、料金、注意点は本文にも書きます。特にAI検索やLLMO/AIOを意識するなら、画像周辺の本文で情報を整理しておくことが大切です。
| 情報 | キャプションに向く | 本文に向く |
|---|---|---|
| 画像の見どころ | 向いている | 補足で説明 |
| 判断軸の名前 | 向いている | 詳細まで説明 |
| 手順の全体像 | 向いている | 各手順を説明 |
| 注意点の詳細 | 向きにくい | 向いている |
| FAQの回答 | 短い要点なら可 | 具体例まで説明 |
画像下の短い文章だけで完結させるのではなく、キャプションで目線を作り、本文で理解を深める形にします。
画像の前後文をそろえる
画像SEOでは、画像の近くにあるテキストも重要です。
画像の直前には「これから何を見るのか」を書き、直後には「この画像から何が分かるのか」を書きます。キャプションだけを頑張るより、前後文までそろえた方が読者にも検索エンジンにも伝わりやすくなります。
| 場所 | 役割 | 例 |
|---|---|---|
| 画像の前 | 見る目的を示す | 次の図で、内製と外注の判断軸を整理します |
| 画像のALT | 画像の内容を説明 | 内製、外注、ハイブリッドの判断軸を比較した表 |
| キャプション | 見どころを短く補足 | 費用だけでなく、時間と専門性も見ます |
| 画像の後 | 読者の判断へつなぐ | 自社では、まず担当者と継続時間を確認しましょう |
この4点が同じ方向を向いていると、画像が記事の中で孤立しません。
漫画画像のキャプションとファイル名
漫画ブログでは、漫画画像の扱いを統一すると運用しやすくなります。
AcquaのSEO漫画では、1記事に4枚の漫画画像を入れています。画像のALTでは、章番号、ページ番号、テーマ、何を説明している漫画かを入れます。キャプションでは、読者がその画像から押さえる要点を短く書きます。ファイル名では、章番号とページ番号を管理できる形にします。
| 項目 | 例 | 目的 |
|---|---|---|
| ALT | SEO漫画 第8章1ページ目 LLMO向け記事テンプレートの全体像を説明する漫画 | 画像の意味を説明する |
| キャプション | LLMO向け記事は、結論からCTAまで流れで設計します | 読者の理解を助ける |
| ファイル名 | chapter-08-llmo-template-page-01.png | 管理しやすくする |
| 本文 | 第8章では、記事テンプレートを7要素で整理します | 画像の学習内容を補う |
漫画画像のファイル名を manga1.png のようにしてしまうと、あとから何章の何ページか分からなくなります。シリーズ化するなら、最初から管理ルールを決めることが大切です。
WordPressでの実務手順
WordPressでは、画像をアップロードする前後で確認する項目が変わります。
ファイル名はアップロード前に整えます。ALTはメディアライブラリでも記事内でも確認します。キャプションは、画像を記事に入れる場所が決まってから書く方が自然です。
- 記事テーマを決める
- 画像が説明する役割を決める
- アップロード前にファイル名を整える
- WordPressへ画像をアップロードする
- メディア設定でALTを入れる
- 記事内に画像を配置する
- 画像下にキャプションを書く
- 画像の前後本文を整える
- 公開前にスマホ表示で読めるか確認する
- 公開後に一覧、個別記事、画像表示を確認する
特に大事なのは、画像の役割を先に決めることです。役割が決まっていない画像は、ALTもキャプションもファイル名もあいまいになります。
業種別のキャプション例
キャプションは、業種ごとに読者が知りたいことへ合わせます。
同じ写真でも、カフェなら「来店前の不安」、歯科なら「治療前の安心」、製造業なら「対応範囲や品質管理」、採用なら「働く場面」を補足すると実用的です。
| 業種 | 画像 | キャプション例 | ファイル名例 |
|---|---|---|---|
| カフェ | 店舗外観 | 入口と駐車場の位置を来店前に確認できます | cafe-entrance-parking.jpg |
| 歯科 | 診療室 | 個室診療と設備の雰囲気が分かります | dental-private-room-equipment.jpg |
| 士業 | 相談フロー | 初回相談から必要書類確認までの流れです | inheritance-consultation-flow.png |
| 製造業 | 設備写真 | 小ロット加工に使う設備の一例です | small-lot-cnc-machine.jpg |
| 採用 | 仕事風景 | 朝礼後に現場確認を行う仕事風景です | construction-morning-check.jpg |
| EC | 商品比較 | サイズ違いの商品を横並びで比較できます | storage-case-size-comparison.jpg |
キャプションは、画像を見た読者の「だから何?」に答える文章にします。
ファイル名のNGパターン
ファイル名でよくある失敗は、あとから見ても意味が分からない名前にすることです。
検索エンジン向け以前に、運用者が困ります。画像が増えるほど、ファイル名の乱れは差し替え、再利用、記事改善の手間になります。
| NGパターン | 例 | 問題 |
|---|---|---|
| カメラ初期名のまま | IMG_3481.jpg | 内容が分からない |
| 日付だけ | 20260605.png | 何の画像か分からない |
| キーワード詰め込み | seo-llmo-aio-ai-search-best-rank-top-1.png | 不自然で管理しにくい |
| 最終版が複数 | final-final-2.png | どれが本番か分からない |
| 日本語と記号が多い | 画像(最新版)!!.png | URLや移行時に扱いづらい |
短く説明的な名前にしておくと、記事が増えても運用しやすくなります。
画像内テキストとキャプションの関係
画像内に文字を入れる場合、キャプションは画像内テキストを繰り返すだけでは弱いです。
画像内に 確認、仮説、修正、再確認 と書いてあるなら、キャプションでは 数字を見て原因を仮説化し、修正後に再確認します のように、読者が意味を理解できる補足にします。
| 画像内テキスト | 弱いキャプション | 改善キャプション |
|---|---|---|
確認 → 仮説 → 修正 → 再確認 | 改善の流れ | 数字を見て原因を仮説化し、修正後に再確認します |
SEO / LLMO | SEOとLLMO | SEOはクリック、LLMOは参照される情報設計を意識します |
内製 / 外注 | 内製と外注 | 担当者、時間、専門性の3軸で現実的に判断します |
FAQ | FAQの例 | 読者の不安を短く回収し、次の行動へつなげます |
キャプションは、画像を読み解くための一言です。画像内の文字をそのまま繰り返すより、意味を補います。
検索に強い画像まわりの設計
検索に強い画像設計は、画像だけで完結しません。
タイトル、見出し、本文、画像、ALT、キャプション、ファイル名、内部リンクが同じテーマでつながっていることが大切です。画像だけを頑張っても、本文の内容が薄い場合は評価されにくくなります。
| 要素 | そろえる内容 |
|---|---|
| タイトル | 記事の主テーマ |
| 見出し | 画像を置く章の役割 |
| 本文 | 画像で示した内容の説明 |
| ALT | 画像の内容と役割 |
| キャプション | 読者が押さえる見どころ |
| ファイル名 | 画像内容が分かる短い名前 |
| 内部リンク | 関連講座や次に読む漫画 |
今回の記事なら、タイトルは「画像キャプションとファイル名」、画像は第8章のテンプレート漫画、本文は画像SEOとLLMOの実務、関連リンクは /academy/llmo-article-template/ や /manga/alt-text-writing-manga/ にそろえます。
既存画像を見直す優先順位
既存サイトのすべての画像を一気に直す必要はありません。
まずは、検索流入がある記事、問い合わせ前に読まれるサービスページ、事例ページ、漫画ブログの画像から見直します。画像の数が多い場合は、優先順位を決めないと途中で止まりやすくなります。
| 優先度 | 対象 | 見直す項目 |
|---|---|---|
| 高 | サービスページの主要画像 | ALT、キャプション、前後文 |
| 高 | 事例写真、施工前後 | ファイル名、説明、実績情報 |
| 高 | SEO漫画の4枚画像 | 章番号、ページ番号、ALT、キャプション |
| 中 | 検索流入のあるブログ画像 | ALT、キャプション、本文補足 |
| 中 | 比較表、手順図 | HTML表での補足、ファイル名 |
| 低 | 装飾画像、背景画像 | 意味を持たせすぎない |
Search Consoleで表示回数があるページから直すと、改善の効果を見やすくなります。
画像キャプションとファイル名のチェックリスト
- 確認: 画像の役割を先に決めている
- 確認: アップロード前にファイル名を整えている
- 確認: ファイル名が短く説明的になっている
- 確認:
IMG_0001やfinal-finalのまま公開していない - 確認: ALTとキャプションを同じ文章で済ませていない
- 確認: キャプションが画像の見どころを短く補足している
- 確認: 画像の前に見る目的を書いている
- 確認: 画像の後に分かることを書いている
- 確認: 画像内の重要情報を本文にも書いている
- 確認: スマホでキャプションが読みにくくない
- 確認: 漫画画像は章番号とページ番号で管理している
- 確認: 関連漫画や通常講座への導線がある
- 確認: 公開後に一覧と個別ページで画像表示を確認している
FAQ
Q1. キャプションは必ず入れた方がよいですか?
必ずではありません。本文だけで十分に説明できている画像や、装飾目的の画像では不要な場合もあります。ただし、比較表、手順図、事例写真、漫画画像のように「画像から何を理解してほしいか」がある場合は、短いキャプションを入れると読者が迷いにくくなります。
Q2. ALTとキャプションは同じ文章でよいですか?
同じになることもありますが、基本は役割を分けます。ALTは画像を見られない人や検索エンジンへの代替説明、キャプションは画像を見ている読者への補足です。ALTでは画像内容、キャプションでは画像の見どころや判断軸を書くと整理しやすいです。
Q3. 画像ファイル名は日本語でも問題ありませんか?
日本語ファイル名でも表示できる場合はあります。ただし、URL、移行、外部連携、管理のしやすさを考えると、英数字とハイフンで短く付ける方が実務では扱いやすいです。IMG_0001.jpg のままにせず、内容が分かる名前にします。
Q4. ファイル名にSEOキーワードを入れた方がよいですか?
画像内容を説明する自然な範囲なら入れて構いません。ただし、キーワードを詰め込む必要はありません。seo-llmo-comparison-table.png のように、画像の内容が分かる短い名前で十分です。
Q5. WordPressにアップロードした後でファイル名を変えるべきですか?
大量に公開済みの画像をあとから変えると、URLやリンク切れの管理が必要になる場合があります。既存画像は無理に全部変更するより、ALT、キャプション、前後本文を先に整える方が安全です。新規画像は、アップロード前にファイル名を整える運用にします。
Q6. 漫画画像のキャプションには何を書けばよいですか?
漫画画像では、セリフを全部書くより、そのページで学ぶ要点を短く書きます。たとえば LLMO向け記事は、結論からFAQ、CTAまで流れで設計します のように、読者がその画像から押さえるポイントを示します。
Q7. キャプションやファイル名を整えればAI検索に引用されますか?
それだけで引用が保証されるわけではありません。大切なのは、画像、ALT、キャプション、ファイル名、見出し、本文、FAQ、内部リンクが同じテーマで整理されていることです。キャプションとファイル名は、画像まわりの文脈を強くする部品です。
参考・関連リンク
- Google 画像 SEO ベストプラクティス: https://developers.google.com/search/docs/appearance/google-images
- Google SEO Starter Guide: https://developers.google.com/search/docs/fundamentals/seo-starter-guide
- Google Creating helpful, reliable, people-first content: https://developers.google.com/search/docs/fundamentals/creating-helpful-content
- Google Link best practices: https://developers.google.com/search/docs/crawling-indexing/links-crawlable
- 漫画章: /academy/manga/chapter-08/
- 関連漫画: /manga/image-diagram-usage-manga/
- 関連漫画: /manga/alt-text-writing-manga/
- 関連漫画: /manga/heading-structure-improvement-manga/
- 関連漫画: /manga/primary-information-manga/
- 関連講座: /academy/llmo-article-template/
- 関連講座: /academy/ai-search-page-structure/
- 関連講座: /academy/blog-asset-strategy/
- SEO漫画カテゴリ: /manga/
- ホームページ育成アカデミー: /academy/
- 無料診断: /academy/diagnosis/
- ホームページ育成プラン: /service/llmo_seo/auto-blog-lp/
無料診断CTA
画像を入れているのに検索や問い合わせにつながらない場合、画像そのものではなく、画像の説明、キャプション、ファイル名、本文、内部リンクがばらばらになっていることがあります。
Acquaのホームページ育成では、記事本文だけでなく、画像ALT、キャプション、ファイル名、漫画、図解、FAQ、内部リンク、Search Consoleの数字までまとめて確認します。自社サイトで「画像はあるけれど伝わっていない」と感じている場合は、無料診断で改善の優先順位を整理してください。