サービス写真は何を伝える?AI検索に備える画像と代替テキストの整え方

画像から文脈へ整理される情報の流れを表す抽象ビジュアル

施工例、料理、商品、店内、相談風景などの写真を載せても、「何のサービスで、どの点を見ればよい写真なのか」が本文から分からなくなっていないでしょうか。画像だけに説明を任せると、画像を見られない利用者だけでなく、ページの内容を確認したい人にも重要情報が伝わりにくくなります。

結論は、写真を情報提供用・装飾用・操作用に分け、重要なサービス情報は目に見える本文にも書いたうえで、画像の用途に合う代替テキスト、ファイル名、キャプション、周辺説明を整えることです。代替テキストへ検索語を詰め込むのではなく、その画像がページ内で担う役割から考えます。

この対応を行っても、Googleや各AIサービスによるクロール、インデックス登録、画像の理解、表示、引用、推薦、順位、回答修正は保証されません。本記事では、Google、W3C、WordPress.comの公式資料で確認できる事実と、AI BRAND CHECK運営者による実務上の提案を分けて説明します。

目次

写真の役割を先に分類する

同じ写真でも、ページ内の役割によって必要な説明は変わります。最初に「なぜこの画像を置くのか」を決めず、一律の文を代替テキストへ入れると、情報が重複したり、操作の目的が伝わらなかったりします。

W3Cの画像アクセシビリティの公式チュートリアルでは、画像の代替情報は見た目だけでなく、画像が置かれた目的と文脈に応じて決める考え方が示されています。主な区分には、情報を伝える画像、装飾画像、リンクやボタンとして機能する画像、図表のような複雑な画像などがあります。

これらを踏まえ、本記事では小規模事業者の画像を次のように棚卸しすることを推奨します。

  • サービスの内容を伝える写真:作業内容、設備、提供物、利用空間など
  • 違いや条件を補足する写真:サイズ、仕上がりの範囲、手順、選択肢など
  • 雰囲気だけを添える画像:背景模様、意味を持たない飾り、区切り用の図形など
  • リンクとして使う画像:予約、料金、詳細ページなどへ移動するバナーや画像リンク
  • 説明量が多い画像:工程図、対応範囲図、比較図など

Googleの「AI機能とウェブサイト」では、AIによる検索機能にも従来のSEOの基本が当てはまり、専用のAIファイルや特別な構造化データは不要と説明されています。また、重要な内容はテキストで利用できるようにし、適切な場合に高品質な画像や動画で補うことが案内されています。したがって本記事では、「画像を増やせばAI検索対策になる」とは考えず、画像の役割と本文の説明を先に整理します。

重要なサービス情報は本文にも書く

営業時間、料金、対象地域、予約条件、サービスに含まれる範囲、利用できない条件などを画像内の文字だけで伝えると、画像を読み取れない環境では確認できません。画像が削除されたり、縮小表示で文字が読めなくなったりしても、本文から要点を確認できる状態にします。

Googleの画像SEOの公式資料では、画像を関連する文章の近くへ配置し、ページ内の文章、キャプション、タイトルなどで文脈を与えることが、画像の主題を理解する助けになると説明されています。画像が掲載されるページの内容やメタデータも、画像の表示先を判断する材料になります。

これらを踏まえ、実務上は写真の直前または直後に、読者が判断するための情報を短い本文として置くと整理しやすくなります。たとえば施工写真なら「どのサービスの、どの工程か」、店内写真なら「どの席や設備を示すか」、商品写真なら「どの仕様や付属品を示すか」を文章で補います。

  • サービス名と写真が示す場面
  • 写真だけでは判断できない対象範囲や条件
  • 色、形、配置など、利用者の選択に関係する特徴
  • 期間限定・変更可能な情報であれば基準日や確認先
  • 詳細ページ、料金ページ、問い合わせ先への通常のテキストリンク

チラシやメニュー表を画像として掲載する場合も、画像内の文章をすべて代替テキストへ押し込むのではなく、主要事項を本文へ再構成します。W3Cの公式資料でも、ロゴなどを除き、文章そのものを画像にすることは可能な限り避ける考え方が示されています。

代替テキストは用途別に書き分ける

代替テキストは、画像が表示されないときや、スクリーンリーダーで内容を確認するときに使われます。Googleの画像SEO資料も、代替テキストをアクセシビリティ上重要な情報とし、ページの文脈や画像認識とあわせて画像の主題を理解するために利用すると説明しています。一方で、検索語の過剰な詰め込みは避けるよう案内しています。

情報を伝える写真

画像が伝える重要な情報を、文脈に合う短い文で表します。たとえば訪問サービスの作業写真なら、「スタッフが工具を使って壁掛け機器の内部を清掃している様子」のように、写真を置く目的に関係する内容へ絞ります。近くの本文ですでに同じ説明をしている場合は、読み上げ時の重複が大きくならないよう調整します。

装飾だけの画像

内容や操作に意味を加えない装飾画像は、W3Cの公式資料では空の代替テキスト、つまりalt=""を使う方法が示されています。「青い曲線の装飾」など、読む必要のない情報を追加すると、かえって本文の理解を妨げることがあります。ただし、同じ見た目でもサービス内容を示す役割があれば、装飾とは扱いません。

リンクやボタンとして使う画像

画像をクリックして別ページへ移動する場合は、見た目の描写より「料金プランを見る」「来店予約へ進む」のように、移動先や操作の目的を伝えます。W3Cの公式資料も、機能を持つ画像では、その機能を代替テキストで説明する考え方を示しています。画像の近くに同じリンク文言がある場合は、二重に読み上げられない構成かを確認します。

工程図や対応範囲図

複雑な図を短い代替テキストだけで説明し切る必要はありません。画像が何の図かを短く示し、同じページの本文や箇条書きで詳しい内容を提供します。本記事では、図内の情報だけを更新して本文が古いまま残ることを避けるため、図と本文を同じ確認項目で管理することを推奨します。

ファイル名・キャプション・周辺文をそろえる

Googleの画像SEO資料では、画像ファイル名は画像の内容についてごく軽い手掛かりになり得るため、短く説明的な名前が勧められています。IMG00023.jpgやimage1.jpgのような管理番号だけの名前より、実際の内容を表す名前をアップロード前に決めます。また、ファイルの拡張子は実際の画像形式と一致させます。

本記事では、ファイル名、代替テキスト、キャプション、周辺文へ同じ文章を機械的に複製するのではなく、役割を分けることを推奨します。

  • ファイル名:社内でも識別できる短い内容名
  • 代替テキスト:画像がその場で伝える情報または機能
  • キャプション:読者へ常に見せたい補足、撮影条件、対象プランなど
  • 周辺文:サービスの範囲、条件、料金、更新日などの判断材料

実績写真へ根拠のない評価や効果を加えたり、代替テキストだけへ「地域一番」「必ず改善」などの表現を入れたりしません。価格、性能、期間、成果を示す場合は、画像・本文・リンク先の条件が一致し、合理的な根拠を確認できる範囲に限定します。

画質と表示速度を両立する

Googleの画像SEO資料は、鮮明で高品質な画像が利用者に訴求しやすい一方、画像はページ容量の大きな部分を占めることが多いため、品質を保ちながら表示速度へ配慮するよう案内しています。大きな元画像をそのまま掲載するのではなく、ページで必要な表示サイズに合わせて準備します。

小規模事業者の通常運用として、本記事では次の順番を推奨します。数値を一律に固定せず、写真の細部が判断材料になるか、スマートフォンで読めるか、通信環境が厳しい場合でも待ち時間が長くならないかを確認します。

  1. 掲載場所の縦横比と必要な最大表示幅を確認する
  2. 重要な対象が切れない構図へトリミングする
  3. JPEG、PNG、WebPなど、内容に合う形式で書き出す
  4. 拡大時に必要な細部を残しながら圧縮する
  5. PCとスマートフォンの両方で画質と読み込みを確認する

画像に細かな料金表や長文を焼き込むと、縮小表示で読めないだけでなく、内容変更時に画像を作り直す必要があります。変更されやすい情報は本文として管理し、写真にはその写真でなければ伝わりにくい視覚情報を担当させます。

WordPressで登録する順番

WordPress.comの画像ブロックの公式サポートでは、画像ブロックで1枚の写真、スクリーンショット、イラスト、図などを追加でき、サイズ、配置、キャプション、代替テキスト、リンク、切り抜きなどを調整できると説明されています。

これらの機能を使う際は、次の順番で作業すると確認漏れを減らしやすくなります。これはWordPress.comが指定する唯一の手順ではなく、本記事による運用提案です。

  1. 画像を置く目的を情報・装飾・操作・複雑な説明のどれかに分類する
  2. 自社で撮影・制作した画像か、掲載権限を確認できる画像だけを選ぶ
  3. 顧客、従業員、車両番号、書類、画面内の個人情報などが写っていないか確認する
  4. 用途に合わせてトリミング、変換、圧縮し、説明的なファイル名を付ける
  5. 画像ブロックまたはメディアライブラリへ登録する
  6. 画像の役割に合う代替テキストを設定し、装飾だけなら空欄にする
  7. 常時表示したい補足があればキャプションへ記載する
  8. 重要な条件や判断材料を周辺の本文にも記載する
  9. 画像リンクの場合は、移動先と操作目的が分かるか確認する
  10. プレビューで切り抜き、文字の重なり、読み込み、リンク先を確認する

アイキャッチ画像は記事の入口となる画像ですが、それだけでサービス内容を説明したことにはなりません。テーマによって表示位置や切り抜き方が変わるため、PCとスマートフォンで確認します。AI生成画像を使う場合は、実在の店舗、設備、施工結果、人物、利用実績を示す証拠のように見せず、必要に応じてイメージ画像であることを分かる形で示すことを推奨します。

公開前後の確認リスト

公開前は、検索向けの設定だけでなく、利用者が画像なしでも要点を確認できるかを中心に点検します。

  • 料金、対象範囲、日時、所在地、予約条件などを本文でも確認できる
  • 情報を伝える画像に、文脈に合う簡潔な代替テキストがある
  • 装飾だけの画像へ不要な説明を付けていない
  • 画像リンクの移動先や操作目的が分かる
  • 図表の主要情報が本文または箇条書きにもある
  • ファイル名、拡張子、キャプション、周辺文に矛盾がない
  • 画像の権利、人物・私物・個人情報の公開範囲を確認した
  • 根拠のない最上級、比較、効果、実績、保証表現がない
  • PCとスマートフォンで、不自然な切り抜きや極端な画質低下がない

公開後は、実際のページで画像、代替テキスト、キャプション、リンクが意図どおり保存されているかを確認します。サービス内容や掲載条件を変更したときは、本文だけでなく、古い写真、画像内の文字、キャプション、リンク先も同じ更新対象に含めます。

Googleは、画像検索やAI機能への表示対象を自動で決定しており、技術要件や推奨事項を満たしても、クロール、インデックス登録、検索結果への表示は保証されないと説明しています。これらを踏まえ、本記事では、検索結果だけを成果判定にせず、まず自社サイト上で情報が正確に伝わる状態を維持することを推奨します。

AI BRAND CHECKのご案内

AI BRAND CHECKは、Tom’sWorkersが運営する、AI検索上のブランド情報と参照元を確認・整理するためのサービスです。サービス画像と本文の関係、代替テキスト、周辺説明、公式情報の整合性についてもご相談いただけます。診断や改善提案は、特定のAIサービスへの表示・引用・推薦、画像の理解、回答修正、順位、アクセス、問い合わせ、売上の増加を保証するものではありません。

本記事は、公開されている公式資料をもとに、AI BRAND CHECK運営者が独自に構成・解説しています。個別の出典を示した事実以外の確認手順・優先順位は、運営者による実務上の提案です。掲載内容は記事作成日時点の情報です。

参考情報

  • AI機能とウェブサイト|Google 検索セントラル|https://developers.google.com/search/docs/appearance/ai-features|確認日:2026年9月14日
  • Google画像検索のSEOベストプラクティス|Google 検索セントラル|https://developers.google.com/search/docs/appearance/google-images|確認日:2026年9月14日
  • Images Tutorial|W3C Web Accessibility Initiative|https://www.w3.org/WAI/tutorials/images/|確認日:2026年9月14日
  • Image Block|WordPress.com Support|https://wordpress.com/support/wordpress-editor/blocks/image-block/|確認日:2026年9月14日