GoogleやAI検索はJavaScript専用の料金ページを読み取ることができるか？

GoogleやAI検索はJavaScript専用の料金ページを読み取ることができるか？

GoogleはJavaScript専用の料金ページを読み取ることができますが、プラン名、価格、主な制限事項はページの初期HTMLに含めるべきです。 Googleのレンダリングは遅延したり不完全になったりすることがあり、またGoogleはすべてのボットがJavaScriptを実行できるわけではないと警告しています。

リスクは「GoogleがJavaScriptを実行できないこと」ではない

GoogleはChromiumのモダンバージョンを使用してJavaScriptをレンダリングします。しかし、ページは段階的に処理されます。まずページを取得し、次にレンダリングを行い、最後にレンダリングされたコンテンツをインデックス作成に使用します。Googleによると、ページはレンダリングキューで数秒以上待機することがあります。スクリプトやページリソースがブロックされている場合、あるいはスクリプトの読み込みに失敗して詳細な料金情報が表示されない場合、Googleにはブラウザで見えているコンテンツが表示されない可能性があります。GoogleのJavaScript SEOガイドおよびJavaScriptのトラブルシューティングガイドでは、これらの制限について説明しています。(developers.google.com)

これによりビジネス上のリスクが生じます。料金ページが訪問者には完成して見えても、クローラーには空のシェルや不完全なプラン詳細として映る可能性があるということです。Googleのレンダリング済みバージョンに価格や利用制限が含まれていない場合、Googleはその欠落したコンテンツをインデックスに登録できないとしています。GoogleのAI機能も、ページのインデックス登録や重要なコンテンツがテキストとして利用可能であることなど、同じコアSEO基盤に依存しています。(developers.google.com)

AI検索の存在も、単一のレンダリング設定に依存すべきではない別の理由となります。GoogleはJavaScriptを実行できないボットもあるとしており、一方OpenAIは、ChatGPT検索でウェブサイトを表示するために使用されるクローラーとしてOAI-SearchBotを特定しています。すべての検索システムが、顧客のブラウザと同じようにページを見ていると仮定してはいけません。GoogleのJavaScript SEOガイド、OpenAIのクローラーに関するドキュメント。(developers.google.com)

修正の優先順位：初期HTMLの勝利

1. 最適：プラン名、価格、請求条件、主要な制限事項を初期HTMLに含める。 ページは、ブラウザがJavaScriptを実行する前にそれらの事実を送信する必要があります。
2. 次に：インタラクションにはJavaScriptを使用する。 月額/年額の切り替えや登録ボタンなどの処理を任せます。
3. ブラウザのチェックだけに頼らない。 ノートパソコンで価格が表示されていることは、ご自身のブラウザがそれらを読み込んだことを証明するものであり、Googleや他のクローラーが何を受け取ったかを示すものではありません。

このアプローチは、多くのSaaSサイトにとって小さくフォーカスされた修正です。すべてのページを作り直したり、特別な「AI」マークアップを追加したりする必要はありません。GoogleのAI機能には追加の技術的要件や特別なスキーマはなく、SEOの基本に従い、重要なコンテンツをテキストとして利用可能にすることがガイドラインであるとGoogleは述べています。GoogleのAI機能に関するガイダンス。(developers.google.com)

3つのプランがあるページ：ドルと時間換算のリスク

3人体制のSaaS企業が30ページのマーケティングサイトを持っていると仮定します。Search Consoleによると、その料金ページは月間120回のオーガニッククリックを獲得しています。このページでは、JavaScriptが実行された後にのみ3つのプランが表示されます。

これらは価格と制限の例です。実際の提供内容を使用してください。要点は、スクリプトの実行後に描画するだけでなく、ページがそれらの詳細をテキストとして公開する必要があるということです。クローラーが49ドルのチームプランやその5シートの制限を見逃した場合、その価格や制限に関する検索にページを一致させるのに十分なほどオファーを理解できない可能性があります。これは発見可能性のリスクであり、価格の欠落が順位の低下を保証するという主張ではありません。

簡単なコスト計算をしてみましょう。49ドルのプランを選んでいたはずの顧客1人がそれを見つけられなかったり理解できなかったりした場合、それは12年間で588ドルのサブスクリプション収益の損失となります。これは予測ではなく算術です。実装予算のサンプルとして、創業者が正確なプランのコピーを確認するために30分、ページの変更と確認のために2人の開発者時間を確保します。想定される社内開発者のコストを時給100ドルとすると、時間のコストは200ドルになります。

この修正は、30ページすべてではなく1つの料金ページに適用されます。この例の場合、妥当な対応と言えます。つまり、最初のレスポンスに実際のオファーを記載し、その後にJavaScriptでインタラクティブな部分を追加するということです。

開発者への1文での引き継ぎ事項

ブラウザがJavaScriptを実行する前に存在するように、サーバーにプラン名、価格、請求条件、主要な制限事項をページの最初のレスポンスで送信させてください。

顧客やクローラーに矛盾した価格が提示されないよう、表示されるページと初期HTMLで同じ事実を維持してください。

Google Search Consoleでレンダリングされたページを確認する

今週、Search Consoleで料金ページのURLを検査します。

1. Search Consoleの検索バーに料金ページの完全なURLを貼り付けます。
2. 公開URLをテストをクリックします。
3. テスト済みページを表示をクリックします。
4. HTMLタブを開き、各プラン名、価格、請求期間、主な制限事項を検索します。

Googleのヘルプガイドでは、テスト済みページを表示にレンダリングされたHTMLが表示されることが確認されており、ライブテストではレンダリングされたページのスクリーンショットも表示されます。レンダリングされたソースを表示するためのGoogleの手順。(support.google.com)

スクリーンショットにカードが表示されているにもかかわらずHTMLからテキストが欠落している場合は、そのページに初期HTMLの修正が必要です。レンダリングされたHTMLに3つのプランとその条件がすべて含まれている場合、Googleはそのテストでそれらの詳細を確認できることになります。これはGoogleのレンダリングを確認するものであり、すべてのAIクローラーがそのページをどのように処理するかを伝えるものではありません。

正確な価格の公開をスキップすべき企業： カスタム価格のエンタープライズプランのみを意図的に販売しているSaaS。代わりに初期HTMLに「カスタム価格」と明確な問い合わせへの導線を記載してください。

**今週の次のアクション：料金ページでURL検査を実行し、レンダリングされたHTMLから3つのプラン名、価格、制限事項すべてを検索してください。