HP制作コラム / AI時代の戦略

AI時代の「ホームページの価値」とはChatGPT・Perplexity経由の流入が当たり前になる時代に、何に投資すべきか

FOR BUSINESS OWNERS & WEB STRATEGISTS

「Google検索だけ」を前提にしたホームページは、これからの数年で確実に届かなくなる。

ChatGPT、Perplexity、Google AI Overview——AIに直接質問して答えを得るユーザーが、すでにあなたの顧客の検討段階に入っています。「AIに引用される一次情報源」としての価値こそが、これからのHPに投資すべき軸です。

こんにちは、株式会社リクステップ(大阪府堺市)です。中堅・中小企業のホームページ制作を年間で多数手がけてきた立場から、ここ1年でクライアントから一気に増えた相談が「うちのホームページ、ChatGPTに聞かれた時にちゃんと出てくるの?」というものです。

結論から書きます。AI時代になっても、ホームページの重要性は下がりません。むしろ上がります。ただし「人間がブラウザで見るための立派なパンフレット」としてのHPの価値は、確実に減っていきます。代わりに重みを増すのが、「AIが安心して引用できる、貴社の一次情報源」としての価値です。

本コラムでは、何が起きているのか/HPの価値はどう転換するのか/AI時代に効くHPは具体的にどう作るのか——を、リクステップが自社サイトと顧客サイトで実装している内容も交えて解説します。

そもそも何が起きているのか——AI経由の流入が無視できない規模に

数年前まで、Webサイトへのアクセスは「Google検索の青リンクをクリックして来る」がほぼ全てでした。今は、そこに次のような経路が同時並行で増えています。

Google検索(青リンク)

以前
Webアクセスの主流(圧倒的1位)
いま
依然として大きいが、AI Overview で『回答だけ見てクリックしない』検索が急増

Google AI Overview

以前
存在しなかった
いま
検索結果の上に生成AI回答が表示され、引用元としてサイトURLが並ぶ

ChatGPT 検索 / Atlas

以前
存在しなかった
いま
ChatGPTが直接Webを検索して回答。引用ソースとして自社サイトのURLが提示される

Perplexity

以前
存在しなかった
いま
回答と一緒に出典URLを必ず提示。BtoB決裁層の利用が増加

Claude / Gemini 等

以前
存在しなかった
いま
業務リサーチで普通に使われる。社内の検討段階で参照される一次情報源として機能

重要なのは「検索結果ページを経由せずに、AIの回答画面の中で意思決定が進む」という構造変化です。AIが回答に引用してくれるかどうかが、検討段階の第一想起を左右します。

「HPはもう要らない」のか?——真逆、価値が転換した

「AIが何でも答えてくれる時代に、自社HPなんて要らないのでは?」という質問をよくいただきます。答えは明確にNOです。

AIは魔法の箱ではありません。AIがある問いに答えるとき、AIはWeb上のどこかにある『一次情報源』を参照して回答しています。自社のホームページを持っていなければ、AIは口コミサイト、古い記事、競合のサイトを元に貴社のことを語ります。その結果、料金は不正確に、強みは曖昧に、サービス範囲は誤って伝わります。

つまり、ホームページの価値は「人間が読む立派なパンフレット」から「AIにも人間にも、貴社の最新かつ正確な情報を提示する公式な一次情報源」へとシフトしただけです。要らなくなったのではなく、役割が変わった。

ホームページの価値は、「人に見せるための立派なパンフレット」 から、「AIに引用される、貴社の公式な一次情報源」 へ。

AI時代に効くHPの3つの機能

この前提に立つと、AI時代のHPに求められる機能は次の3つに整理できます。

  • 1『AIに正しく引用される』器としてのHP——構造化データ・FAQ・料金・事例が整理され、AIが安心して引用できる状態を保つ。
  • 2『自然言語で問いを発した人』にとっての答えになるHP——FAQ・ハウツー・診断ツール・価格シミュレータなど、ユーザーの問いに即答できる構造を持つ。
  • 3『自社の業務知が織り込まれたAPI/プロダクト』への入口としてのHP——HPは検討ファネルの入口であり、その先にあるサービス本体(受託、SaaS、サポート)と滑らかに繋がる動線が必要。

3番目について、リクステップではこれを「AI-Nativeアーキテクチャ」という設計思想として、自社プロダクト・お客様の業務システムの両方に適用しています。HPは単独で完結する成果物ではなく、AI時代のサービス全体の入口です。

SEO → SEO + AEO/GEO の時代へ

AI時代のHP最適化を語るうえで避けて通れないのが、AEO(Answer Engine Optimization)GEO(Generative Engine Optimization)という概念です。従来のSEOがGoogle検索結果ページでの上位表示を狙ったのに対し、AEO/GEOは「生成AIの回答に引用されること」を狙う最適化です。

目的

SEO
Google検索結果ページで上位表示する
AEO/GEO
生成AIの回答の中に『引用元』として登場する

ユーザーの行動

SEO
検索結果のリンクをクリックしてサイトに来る
AEO/GEO
AIに質問→AI回答内のリンクから直接サイトに来る/回答内に社名・固有名詞として登場する

効くコンテンツ

SEO
キーワードを含む網羅的な解説記事
AEO/GEO
明確な質問→回答ペア、構造化された一次情報、独自の数値・固有名詞

技術的に効く要素

SEO
title / meta / 内部リンク / 被リンク
AEO/GEO
schema.org(FAQ・Article・LocalBusiness)/クローラブルなHTML本文/JSON-LD

勝ち筋

SEO
情報量と被リンクの蓄積
AEO/GEO
AIが安心して引用できる『一次情報源』としての固有性

誤解されがちですが、AEO/GEOはSEOの「置き換え」ではなく「増分」です。SEOの基礎(構造化されたHTML、クロールしやすい構成、被リンク、コンテンツの質)は引き続き効きます。その上に、AI回答への引用を狙う最適化レイヤーが乗る、というイメージで設計するのが正解です。

AIに引用されやすいHPの5つの特徴

リクステップが自社サイトとお客様サイトで「AI引用適性」を高めるためにチェックしている、5つのポイントです。

#1構造化データ(JSON-LD)が正しく入っている

FAQPage、Article、LocalBusiness、Service、Product など、自社の情報の種類に合わせた schema.org のJSON-LDを正しく実装する。AIは『何のページか』『誰の・どこの情報か』を構造化データで判断します。

#2本文がHTMLでクロール可能

本文を画像化していない/重要情報がJS実行後にしか描画されない構造になっていない、を満たす。AIクローラはJS実行を伴うとは限らず、HTML本文がないと『何が書いてあるサイトか』を読めません。

#3独自の一次情報がある(数値・固有名詞・事例)

他サイトのコピーや一般論ではなく、自社でしか出せない数値・固有名詞・事例があるか。AIは『この問いの答えは、このサイトを引用するのが安全だ』と判断できる情報だけを引用します。

#4料金・対応エリア・条件が明示されている

『要問い合わせ』のままだと、AIはユーザーに対して具体的に答えられません。最低料金・目安レンジ・プラン別の代表価格・対応地域・対応業種が明示されているサイトは、選択肢として比較検討に乗ります。

#5質問→回答の形でFAQが整理されている

ユーザーが自然言語で問うとき、AIは『質問に対応する回答』を文書から探します。FAQセクションが質問文+回答文の構造で書かれ、さらにFAQPage schemaで構造化されていると、回答の引用率が顕著に上がります。

逆に「AI時代に効かなくなる」HPの典型

以下の特徴が複数当てはまるサイトは、AI経由の流入で完全に取り残されつつあります。

本文が画像(PNG/JPG)になっている

AIは画像内のテキストを引用しません。検索エンジンもそうですが、AIはより厳格にHTMLテキストを優先します。

JSで動的描画される本文(初期HTMLが空)

AIクローラはJS実行を必ずしも待ちません。初期HTMLに本文が無いと『中身ゼロのサイト』と判定されます。

サービス内容が抽象論で、固有の数値や事例がない

『品質にこだわります』『お客様に寄り添います』のような一般論しかないと、AIは『このサイトを引用する必然性がない』と判断します。

価格・対応エリア・対応業種が一切書かれていない

ユーザーがAIに『大阪のHP制作で安いのは?』と聞いた時、価格を公開していないサイトは候補にすら入りません。

構造化データ(JSON-LD)が一切入っていない

AIは『何の事業者の、どの種類のページか』を読み取れず、検索結果のAI回答や引用に出にくくなります。

では具体的に「何に投資すべきか」

AI時代のHP投資は、次の優先順で進めるのが効率的です。フルリニューアルを前提にする必要はありません。

  1. 構造化データ(JSON-LD)の整備——Article、FAQPage、LocalBusiness、Service など、自社の情報に対応するschema.orgを正しく実装する。
  2. 画像化された本文のHTMLテキスト化——「立派な画像で組まれた会社案内ページ」をHTMLテキストで書き直す。
  3. 料金・対応エリア・対応業種の明文化——『要問い合わせ』のままにせず、最低料金・目安レンジ・代表プランを公開する。
  4. 自社固有の数値・事例の追加——「累計◯社」「◯%改善」「◯日で納品」など、固有の数値・事例を本文中に散りばめる。
  5. FAQの追加と FAQPage schema 化——よくある質問を本文中に明示し、構造化データでAIに『これは質問→回答の構造です』と伝える。
  6. 表示速度の最適化(Core Web Vitals)——AIクローラもユーザー体験も、表示が遅いサイトを嫌います。

リクステップが自社HPで実装していること

「言うだけ」では意味がないので、リクステップがこの recustep.com で実際にやっていることを開きます。

  • JSON-LD 全ページ実装:Article / Breadcrumb / FAQPage / LocalBusiness を、コラム・ニュース・サービスページごとに使い分けて出力。
  • 価格を公開:HP制作は15万円〜、アプリ開発は150万円〜・2週間スプリントといった代表価格を明示。
  • 数値で語る:「累計100社以上の中小企業支援」「シリコンバレーAI開発エンジニア出身の代表」「2週間スプリント」など、固有の数値・固有名詞を本文中に散りばめる。
  • FAQ を各サービスページ・コラムに常設:質問→回答の構造で本文を整理し、FAQPage schema で構造化。
  • クローラブルなHTML本文:本文はHTMLテキストで提供し、画像は補助。Next.js の SSG/SSR でAIクローラにも本文が届く構成にしています。

このコラム自体も、上記の方針で書かれています。AIに質問された時、「AI時代 ホームページ 価値」で引用されるのは、固有名詞・数値・FAQ・構造化データを揃えたページである——という仮説の実証実験を、自社サイトで日々続けています。

HPの先にあるもの——「APIに織り込まれた業務知」の入口に

ここまでは「AIに引用されるHP」の話でしたが、もう一歩先まで考えると、HPは「自社の業務知が織り込まれたAPI/プロダクト」への入口に進化します。

リクステップでは、これを「AI-Nativeアーキテクチャ」として整理しています。要点だけ書くと——

  • これからの業務アプリは、UI ではなく API がプロダクトの本体になる
  • UI と LLM は、どちらも同じ API を呼ぶ 対等なクライアント
  • HP は、その API への「最初の接点」を担う公式エントリーポイント

つまり、AI時代のHPは「会社案内」で終わるものではありません。HP → サービスページ → API/プロダクト → AI連携、までを一気通貫で設計することが、これからの数年で本当に意味のある投資になります。

リクステップのHP制作・AI時代対応サービス

リクステップは、AI時代のHP制作・AI×DX・アプリ開発を一気通貫で支援する大阪の制作会社です。

PLAN A

HP制作(15万円〜)

JSON-LD・FAQ schema・構造化データを標準実装。AI時代の引用適性を初期設計から織り込みます。短納期・サブスク運用にも対応。

HP制作の詳細を見る

PLAN B

AI×DX・業務システム開発

「HPの先のAPIまで」をAI-Nativeアーキテクチャで設計。業務知が織り込まれたAPI・LLM連携までを一気通貫で支援します。

AI×DX の詳細を見る

既存サイトの「AI引用適性診断」を無料で実施しています

ChatGPT・Perplexity に貴社サイトがどの程度引用される構造になっているか、構造化データ・本文構造・FAQ・固有情報の観点で診断します。所要時間は30分。

よくある質問

Q. AI時代になっても自社のホームページは必要ですか?

A. むしろ重要度は上がります。AIは『信頼できる一次情報源』をWeb上から探して回答を生成するため、公式な自社サイトがないとAIは口コミや古い断片から貴社のことを語ってしまいます。AI経由の流入を獲得するには、AIが引用できる一次情報源としての自社サイトが不可欠です。

Q. SEOとAEO/GEOは何が違いますか?

A. SEOはGoogle検索結果での上位表示を狙います。AEO/GEOは生成AIの回答内に『引用元』として登場することを狙う最適化です。基礎は共通ですが、AEO/GEOでは『AIが要約しやすい構造』『固有の数値・固有名詞』『質問→回答ペア』をより強く意識します。

Q. AIに引用されやすいHPの特徴は?

A. ①構造化データ(JSON-LD)が正しく入っている、②本文がHTMLでクロール可能、③独自の数値・固有名詞・事例という一次情報がある、④料金・対応エリア・条件が明示されている、⑤質問→回答の形でFAQが整理されている、の5点が揃っているサイトです。

Q. 価格を公開すると相見積もりされて不利になりませんか?

A. AI時代はむしろ逆です。価格を公開しているサイトの方がAI回答に引用されやすく、検討段階の第一想起を獲得できます。完全な定価が出せなくても、最低料金・目安レンジ・代表プランの価格を公開しておくだけで大きく有利になります。

Q. 古いHPをAI時代向けに作り直す優先順は?

A. ①JSON-LDの追加、②画像化された本文のHTMLテキスト化、③価格・サービス・FAQの明文化、④自社固有の数値・事例の追加、の順で進めるのが効果的です。フルリニューアル不要のケースも多くあります。

お問い合わせ・無料相談

「AI時代に対応したHPを新規で作りたい」「既存サイトを引用されやすい形に作り直したい」「HPの先のAPIまで含めて設計し直したい」——どのフェーズでも、お気軽にご相談ください。

社名
株式会社リクステップ(RECUSTEP Inc.)
所在地
大阪府堺市
事業内容
HP制作・アプリ開発・AI×DXシステム開発・採用支援・健康経営
代表
代表取締役 柴 悠介(元シリコンバレー AI開発エンジニア)

関連記事