Lesuto Hub & Sellerをダウンロード - iOSとAndroidでショッピングと販売をしよう
Lesuto Hub & Sellerをダウンロード - iOSとAndroidでショッピングと販売をしよう
仕組み
ショッピングボット、Googlebot、Facebook、GPTBot、または監査クローラーのいずれかを選択してください。パスは本番環境と一致します：エッジ検出、api.lesuto.com/api/v2/prerender、24時間キャッシュ、およびオリジンフォールバック。
ライブトレース
Search and social crawlers on catalog paths. Included on Lesuto-hosted stores.
Googlebot on Cloudflare / Lesuto-hosted
In flight
Googlebot requests /products/teak-lounge
User-Agent: Googlebot/2.1
リクエストログ
01 info
Googlebot requests /products/teak-lounge
User-Agent: Googlebot/2.1
Lesutoでホストされているストアは、既にマッチングボットのルーティングに対応しています。独自のホストを使用する場合は、Cloudflare Workerを追加するか、 WordPressプラグインを使用してください。DNSを変更する前に、curlで確認してください。
問題
GoogleはJavaScriptを後からゆっくりとレンダリングできます。Facebook、LinkedIn、Slack、iMessage、そしてほとんどのAIクローラーは、ソースHTMLのみを取得します。そのソースが空のJavaScriptシェルである場合、ページは表示されません。
誰に役立つのか
スナップショットパスは1つ。転送するユーザーエージェントは、ホストごとに異なる。
Google、Bing、DuckDuckGo、Yandex、Baiduは、空のシェルではなく、レンダリングされたHTMLを取得します。
Facebook、Instagram、LinkedIn、X、Pinterestでは、タイトル、画像、価格を表示できます。
Slack、iMessage、WhatsApp、Discord、Telegramでは、空白のリンクではなくURLをプレビュー表示できます。
WordPressプラグインは一般的なAIボットのスナップショットを作成します。Cloudflareは、そのワーカーを拡張しない限りスナップショットを作成しません。監査ボットは決してプリレンダリングされません。
含まれる
ボット検出、HTML、構造化データ、ソーシャルカード、キャッシュ、サイトマップ。訪問者がこのパスに誘導されることは決してありません。
検索クローラーやソーシャルアンファーラーはユーザーエージェントによって識別されます。訪問者には引き続きJavaScriptを使用したライブサイトが表示されます。
ヘッドレスブラウザはページを実行し、ソースコードに既に含まれたコンテンツを含むHTMLを返します。Commerce Commerce SDKページは、カタログHTMLが完成するまで準備完了イベントを待ちます。
Open GraphとTwitterカードを使用することで、共有されたURLがフィードやDMで適切なタイトル、画像、説明を表示するようになります。
接続されたWordPressプラグインは、GPTBotやClaudeBotなどの一般的なAIクローラーのスナップショットも取得します。Cloudflareは、ワーカーを変更しない限り、検索とソーシャルのリストに残り続けます。
最初のクロールLesutoレンダリングされます。それ以降のクロールはキャッシュから提供されます。Lesutoストアでのカタログ編集はスナップショットを無効にします。
タイトル、説明、Open Graph、Twitterカード、および構造化データは、クローラーが取得したHTMLに含まれており、後から挿入されるものではありません。
Lesutoカタログページでは、商品、コレクション、またはページが変更されるとキャッシュが更新されます。通常の更新では手動でキャッシュをクリアする必要はありません。
Lesutoストアは、商品とコレクションを含むXMLサイトマップを取得するため、Search Consoleには完全なURLリストが表示されます。
サイトキーが間違っている、ホスト名が不明、またはレンダリングのタイムアウトが発生した場合は、元のHTMLにフォールバックします。クローラーは空白のエラーページを受け取ることはありません。
設定
ドメインを接続し、クローラーをルーティングし、curlで確認します。Commerce Commerce SDKとWordPressファーストパーティホストです。そのドメイン上のJavaScriptフロントエンドはすべて同じパスを使用できます。
サイトキーは、レンダリングエンジンをあなたが所有するホスト名に紐付けます。訪問者は引き続き、あなたのライブJavaScriptアプリケーションを利用できます。
Lesutoでホストされているストアでは、この機能は既に有効になっています。独自のホストを使用している場合は、Cloudflare Worker、Apacheまたはnginxのルールを追加するか、 WordPressプラグインを接続してください。
インストールガイドをお読みくださいFacebookまたはGooglebotのユーザーエージェントを使用してcurlを実行すると、ステータスコード200とX-Prerenderが返されるはずです。その後、Googleリッチリザルト、Facebook共有デバッガー、およびLinkedIn投稿インスペクターで確認してください。
質問
上記の図は、API、Cloudflare Worker、およびWordPressプラグインで使用されているものと同じ意思決定ツリーです。
No. Any JavaScript frontend has the same crawler problem. Connect a site key for your domain and route bots. Commerce SDK and WordPress are first-party hosts. SDK pages wait for a ready event so catalog HTML is complete. Other JavaScript on that domain snapshots after the render budget.
No. The Render Engine inspects the user-agent and only snapshots matching crawlers. Visitors keep the live JavaScript site, including cart and checkout when those are on the page.
Search engines (Google, Bing, DuckDuckGo, Yandex, Baidu) and social unfurlers (Facebook, LinkedIn, X, WhatsApp, Slack, Discord, Pinterest, Telegram). The WordPress plugin also routes common AI crawlers such as GPTBot and ClaudeBot. Cloudflare and Lesuto-hosted routing stay on the search plus social list unless you change that Worker on purpose.
SEO audit tools (Ahrefs, Semrush, Screaming Frog) are classified in the dashboard and are not prerendered, so they cannot spend render capacity. AI crawlers are classified everywhere. Only the WordPress plugin host hook prerenders a common AI set today.
The API returns 403 when the hostname is not on the site key, and 502 or 503 when a render fails. Your Worker or plugin then serves origin HTML so crawlers are not left with a blank error page.
Successful snapshots are cached for 24 hours. Catalog changes invalidate the cache. The first crawl for a URL runs a headless browser (12 second budget). Later crawls are served from cache.
一緒にいる方がより良い
レンダリングエンジンは、SDK、 WordPress 、Studioページなど、接続するすべてのJavaScriptフロントエンドの下にあるHTMLスナップショットレイヤーです。
ドメインを接続し、クローラーをルーティングし、訪問者向けにライブアプリを維持します。セルフホスティングサイトの場合、Worker、プラグイン、またはApacheの設定に約15分かかります。
無料で始めよう