Téléchargez Lesuto Hub & Seller - Achetez et vendez sur iOS et Android
Téléchargez Lesuto Hub & Seller - Achetez et vendez sur iOS et Android
Moteur de rendu
Les moteurs de recherche, les applications sociales et de nombreux robots d'exploration IA ne peuvent pas exécuter correctement une interface JavaScript. Cela vaut pour React, Vue, Next et le Commerce SDK . Le moteur de rendu capture l'URL au format HTML afin que les pages puissent être indexées, partagées et prévisualisées. Les visiteurs accèdent ainsi au site en ligne.
Comment ça marche
Choisissez un robot d'exploration : Googlebot, Facebook, GPTBot ou un robot d'audit. Le chemin d'accès correspond à l'environnement de production : détection des contours, api.lesuto.com/api/v2/prerender, cache de 24 heures et origine de repli.
Suivi en direct
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
Journal des requêtes
01 info
Googlebot requests /products/teak-lounge
User-Agent: Googlebot/2.1
Les boutiques hébergées Lesuto acheminent déjà les robots de correspondance. Sur votre propre hébergement, ajoutez un Worker Cloudflare ou utilisez l'extension WordPress . Vérifiez avec curl avant de modifier le DNS.
Le problème
Google peut interpréter le JavaScript ultérieurement, mais lentement. Facebook, LinkedIn, Slack, iMessage et la plupart des robots d'exploration basés sur l'IA récupèrent uniquement le code HTML source. Si ce code source est une structure JavaScript vide, la page est invisible.
À qui cela s'adresse-t-il ?
Un seul chemin d'instantané. Différents hôtes décident quels agents utilisateurs sont redirigés.
Google, Bing, DuckDuckGo, Yandex et Baidu récupèrent le code HTML rendu, et non la structure vide.
Les bannières Facebook, Instagram, LinkedIn, X et Pinterest peuvent afficher le titre, l'image et le prix.
Slack, iMessage, WhatsApp, Discord et Telegram peuvent afficher un aperçu d'une URL au lieu d'un lien vide.
Le plugin WordPress capture des instantanés des robots d'IA courants. Cloudflare ne le fait pas, sauf si vous étendez ce Worker. Les robots d'audit ne sont jamais pré-rendus.
Compris
Détection de robots, HTML, données structurées, cartes sociales, mise en cache et plans de site. Les visiteurs ne sont jamais redirigés vers ce chemin.
Les robots d'exploration des moteurs de recherche et les déployeurs sociaux sont identifiés par leur agent utilisateur. Les visiteurs accèdent toujours au site JavaScript en direct.
Un navigateur sans interface graphique exécute la page, puis renvoie le code HTML avec le contenu déjà présent dans le code source. Les pages Commerce SDK attendent un événement « prêt » pour que le code HTML du catalogue soit complet.
Grâce à Open Graph et aux cartes Twitter, une URL partagée affiche le titre, l'image et la description corrects dans les flux et les messages directs.
Le plugin WordPress associé capture également des instantanés des robots d'exploration IA courants tels que GPTBot et ClaudeBot. Cloudflare reste dans la liste des robots de recherche et des réseaux sociaux, sauf si vous modifiez ce robot.
La première analyse est rendue. Les analyses suivantes sont servies depuis le cache. Toute modification du catalogue sur les serveurs Lesuto invalide l'instantané.
Le titre, la description, l'Open Graph, les cartes Twitter et les données structurées sont inclus dans le code HTML récupéré par le robot d'exploration, et non injectés ultérieurement.
Sur les pages du catalogue Lesuto , le cache est actualisé lors de toute modification de produit, de collection ou de page. Aucune purge manuelle n'est nécessaire pour les mises à jour courantes.
Les boutiques Lesuto reçoivent des sitemaps XML contenant les produits et les collections, ce qui permet à Search Console de disposer d'une liste complète d'URL.
En cas de clé de site incorrecte, de nom d'hôte inconnu ou de délai d'attente du moteur de rendu, le robot d'exploration utilise le code HTML d'origine. Les robots d'exploration ne sont pas confrontés à une page d'erreur vide.
Installation
Connectez un domaine, configurez le chemin des robots d'exploration et vérifiez avec curl. Commerce SDK et WordPress sont hébergés par nos soins. Tout frontend JavaScript sur ce domaine peut utiliser le même chemin.
Une clé de site associe le moteur de rendu aux noms d'hôte dont vous êtes propriétaire. Les visiteurs accèdent toujours à votre application JavaScript en direct.
Sur une boutique hébergée Lesuto , cette fonctionnalité est déjà activée. Sur votre propre hébergement, ajoutez un Worker Cloudflare, une règle Apache ou nginx, ou connectez l'extension WordPress .
Lisez le guide d'installationUne requête curl avec un user-agent Facebook ou Googlebot devrait renvoyer un code 200 et X-Prerender. Vérifiez ensuite les résultats enrichis de Google, le débogueur de partage Facebook et l'inspecteur de publications LinkedIn.
Questions
La visualisation ci-dessus représente le même arbre de décision utilisé par l'API, Cloudflare Worker et le plugin 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.
Mieux ensemble
Le moteur de rendu est la couche d'instantané HTML sous-jacente à toute interface JavaScript que vous connectez, y compris les pages SDK, WordPress et Studio.
Les acheteurs reçoivent le kit de développement logiciel interactif. Les robots d'exploration correspondants reçoivent le code HTML pré-rendu de la même page.
Connectez une clé de site et le plugin propose des instantanés aux moteurs de recherche, aux réseaux sociaux et aux robots d'exploration IA courants.
Les vérifications concernant Cloudflare Worker, Apache, nginx et curl sont disponibles dans la documentation.
Connectez un domaine, configurez le routage des robots d'exploration et maintenez l'application en ligne pour les visiteurs. Les sites auto-hébergés nécessitent environ 15 minutes de configuration (Worker, plugin ou Apache).
Commencez gratuitement