Column

WordPressにAIを組み込んだサイト内検索を実装する方法

SiteAskを使って、WordPressサイトにAIサイト内検索を実装する方法をご紹介します。

SiteAskで実現するWordPressのAIサイト内検索

SiteAskは、Webサイト内の情報をもとに、ユーザーの質問へ会話形式で回答するAIチャットボットです。SiteAskのAIエンジンは、サイト内検索用途を想定して作られたGoogle社のAgent Searchを活用しており、ユーザーとの会話から最も関連度の高いページを案内することができます。

表示方法も、用途に合わせて調整可能です。

1. 画面右下に常駐する「チャットUI型」

画面右下に表示するチャットボタン

クリックで拡大表示できます

2. ブランドカラーに合わせた「カスタムUI型」

ブランドカラーを反映したチャット画面の例

クリックで拡大表示できます

3. ページ内に埋め込む「インラインUI型」

サイト上のコンテンツとして組み込むUIパターン

クリックで拡大表示できます

自然会話でユーザーを迷わせないナビゲーション効果

SiteAskでは、例えば、次のような質問に対応できます。

  • 仕様の組み合わせで探す:「屋外で使えて軽量な製品を教えてください」
  • 複数の製品を比較する:「A製品とB製品の違いは何ですか」
  • 会話で条件を絞り込む:「初心者向けのサービスにはどんなものがありますか」

ユーザーは、正式な製品名や専門用語を知らなくても、普段使っている言葉で検索条件を絞り込むことができます。また、サイトに製品の比較情報がなくても、AIがサイト上に掲載された情報から比較結果を生成し、ユーザーに案内することもできます。通常のキーワードマッチ型の検索で発生しうる、情報にたどり着けないといった問題(機会損失)を防止することができます。

登録不要のデモを試す

SiteAskをWordPressサイトに実装する方法

通常、WordPressサイトでサイト内検索機能を実装する場合、大きくわけて以下の方法があります。

  • WordPress標準のウィジェットを使用する
  • サイト内検索用プラグインを導入する
  • 自前でサイト内検索機能を実装する

上記の方法はスタンダードな方法である一方、いずれもシステム改修が必要です。

SiteAskはタグを1行追加するだけ:最短2週間で導入可能

SiteAskは、専用タグをWebサイトに追加して導入します。WordPressでは、Googleタグマネージャーやタグ管理用プラグイン、テーマの共通部分などにタグを設置できます。大規模なシステム改修や、AI用データの作成は必要ありません。

WordPressにタグを追加する方法はいくつかアプローチがあります。現在のサイトの状況や導入しているテーマ、プラグインによって最適な方法を選択しましょう。

方法 01

Googleタグマネージャー(GTM)を使う

すでにサイトにGTMが導入されているなら、この方法が最も安全で、今後の管理も楽になります。GTMの管理画面で「新しいタグ」を作成し、タグの種類で「カスタムHTML」を選択してSiteAskのタグを貼り付けます。設定を公開すれば完了です。サイトのタグを1行も直接修正しないため、シンプルで安全に導入できます。

方法 02

テーマ独自の「カスタムスクリプト」機能を使う

Lightning、Cocoon、SWELLなどの多機能テーマや、企業のB2Bサイトでよく使われる有料テーマには、追加コードを挿入できる枠が用意されていることが多くあります。プラグインを増やす必要がなく、テーマの標準機能だけで完結したい場合におすすめです。

方法 03

専用のプラグインを使う

HFCM(Header Footer Code Manager)やWPCodeなど、共通部分を編集できるプラグインを導入しているなら、プラグインの機能でSiteAskのタグを追加できます。管理画面でオン・オフを簡単に切り替えられる、手軽で安全な方法です。

タグの追加と並行して、検索エンジンに相当するAIを構築していきます。構築は弊社担当者がサポートしながら、お客様と一緒に進めていきます。基本的な導入の流れは次のとおりです。

  1. AIに学習させるページ(URL)、PDFなどの資料を用意する。(サイト上で既に公開されているものでOK)
  2. サイト内の情報を学習し検索エンジン(RAG)を構築する。
  3. AIの回答ルール(文体や文章の長さなど)ガードルール(ハルシネーション防止の仕組み)をSiteAskの管理システム上で設定する
  4. チャットUIのデザインをサイトのデザインにあわせてカスタマイズする
  5. 管理システム上でAI会話のテスト、チューニングを行う
  6. WordPressにタグを追加して公開する

システム改修やシナリオデータの準備が不要なため、最短2週間でAIチャットボット型のサイト検索機能を導入することができます。

プラグイン、PHPのバージョン依存なし:PowerCMSなど他のCMSにも対応

SiteAskは、WordPressプラグインではなく、独立した外部のチャットシステムとして動作する仕組みです。そのため、特定のWordPressやPHPのバージョンに依存しにくく、既存サイトを大きく変更せずに導入できます。PowerCMSなどWordPress以外のCMSや、STUDIO、WIXなどのノーコードツールで制作したサイト、HTMLで作られたサイトにも設置可能です。

サイト内検索でページがヒットしない問題にAI検索で対応

WordPressに限らず、一般的な「キーワードを入力するタイプ」のサイト内検索では、ユーザーが探している情報にたどり着けないことがよくあります。その理由は、従来の検索が「キーワードが1文字でも完全に一致しているか」だけで判断する仕組みだからです。そのため、ページ内にその単語がそっくりそのまま含まれていない限り、どれだけ関連性の高いページであっても検索結果には表示されません。

SiteAskは、ユーザーが入力した言葉そのものだけでなく、「何を求めているか(検索の意図)」をAIが文脈から賢く判断します。そのため、ユーザーが正式な製品名を知らなかったり、多少の「誤字脱字」や「表現のゆれ(言い換え)」があったりしても、AIが意図をくみ取って最適なページへと迷わず案内することができます。

AIが自動学習:シナリオ作成・メンテナンスが不要な理由

SiteAskは、サイト内のコンテンツを検索し、その内容をもとに回答を生成します。これはRAGと呼ばれる仕組みで、AIが一般知識だけで回答するのではなく、Webサイト内の情報を参照して回答します。

回答と一緒に参照元ページのリンクも表示されるため、ユーザーは詳しい製品ページやFAQ、マニュアルを確認できます。Webサイトの更新内容も検索対象へ反映されるため、AI用の回答データを毎回作り直す必要はありません。

SiteAskがサイト内の情報を参照して回答を生成する仕組み
クリックで拡大表示できます

ユーザーの声(会話ログ)をサイト改善に活かす方法

ユーザーとAIのすべての会話データを記録・可視化する管理機能です。ユーザーが「何に疑問を持ち」「AIがどう答えたか」だけでなく、満足度(GOOD/BAD)や質問が発生したページURLまでを一覧形式で確認できます。顧客ニーズの把握や回答精度の改善に役立つほか、頻出質問や無回答ログから不足情報を見つけて、FAQ強化やコンテンツ拡充にもつなげられます。

管理画面のイメージを見る

WordPress標準検索・プラグインとSiteAskの比較表

比較項目WordPress標準SiteAsk
導入方法ウィジェット・プラグインの追加、検索結果ページの構築が必要タグを追加。その他のサイト上のシステム改修は不要
検索方式キーワード一致質問の意味や文脈を理解
入力方法単語やキーワード自然な文章
検索画面検索ボックスチャットUI
結果表示ページ一覧回答の要約と引用リンク
あいまいな質問苦手得意
辞書やデータ準備必要な場合がある原則不要
ログ分析検索キーワード中心質問、回答、評価を確認

まとめ

サイト内検索機能はある程度規模の大きいサイトなら必須の機能です。WordPressサイトにおいては、特にバージョン依存やプラグイン管理の問題などが起こりやすいです。また、サイト内検索の機能面においても、検索に「ヒットしない」問題や検索結果からユーザーが対象のページを探しだす負担がかかってしまいます。これらの課題をスマートにAIで解決するSiteAskをぜひ、ご検討ください。

「サイトにあるのに見つからない」を、なくす。

自然な言葉で聞くだけで、求める情報へすばやく案内。SiteAskは、情報量が多く複雑なサイトでも、ユーザーの意図をくみ取り、「探しても見つからない」という機会損失を減らします。現在の検索機能を残したまま、GTMの設定だけで導入できます。