Scarica Lesuto Hub & Seller - Acquista e vendi su iOS e Android
Integrazioni
Motore di rendering Chameleon
Fornisci ai motori di ricerca e alle app social codice HTML reale sui siti Commerce SDK , con titoli e immagini da condividere.
Per i commercianti
ImplementazioneMercanteGratis
Di
Render Engine fornisce ai motori di ricerca e alle app social una pagina HTML completa di titoli, descrizioni e immagini di condivisione, in modo che le anteprime di Google e dei social funzionino correttamente sui siti che utilizzano l' Commerce SDK . Lo stesso processo si applica ai siti WordPress che ospitano l'SDK. Le pagine vengono memorizzate nella cache per garantire una risposta rapida ai crawler.
Caratteristiche
- Cache di rendering di 24 ore
- Generazione automatica di meta tag (titolo, OG, Twitter)
- Limitazione del rendering simultaneo
- Controllo degli accessi basato sul dominio
- Codice HTML definitivo per i motori di ricerca e le anteprime sui social media.
- Pannello di monitoraggio dello stato di salute
- Iniezione di dati strutturati JSON-LD
Requisiti
- Distribuzione Commerce SDK
- Rilevamento bot configurato sul tuo server web
Come funziona
Tracciare un visitatore dall'URL all'HTML
Scegli un acquirente, Googlebot, Facebook, GPTBot o un crawler di audit. Il percorso corrisponde a quello di produzione: rilevamento dei bordi, api.lesuto.com/api/v2/prerender, cache di 24 ore e fallback dell'origine.
Traccia in diretta
Segui una richiesta
Search and social crawlers on catalog paths. Included on Lesuto-hosted stores.
Casi limite
Googlebot on Cloudflare / Lesuto-hosted
- Visitatore
- Il tuo sito
- Controllo del bot
- API Lesuto
- Cache
- Rendering senza testa
- Snapshot HTML
In flight
Googlebot requests /products/teak-lounge
User-Agent: Googlebot/2.1
Registro delle richieste
01 info
Googlebot requests /products/teak-lounge
User-Agent: Googlebot/2.1
I negozi ospitati Lesuto utilizzano già bot di routing matching. Sul tuo hosting, aggiungi un Cloudflare Worker o utilizza il plugin WordPress . Verifica con curl prima di modificare il DNS.
Il problema
I striscianti non fanno acquisti come le persone
Google può renderizzare il codice JavaScript in un secondo momento, ma lentamente. Facebook, LinkedIn, Slack, iMessage e la maggior parte dei crawler basati sull'intelligenza artificiale scaricano solo il codice HTML sorgente. Se tale codice sorgente è un semplice script JavaScript vuoto, la pagina risulta invisibile.
Senza motore di rendering
- ✗I motori di ricerca vedono prima una pagina vuota
- ✗Le condivisioni sui social non mostrano immagine o titolo
- ✗La chat fallisce su Slack, iMessage e WhatsApp.
- ✗I crawler basati sull'intelligenza artificiale potrebbero non vedere mai la tua copia
Con motore di rendering
- ✓I crawler corrispondenti ricevono l'HTML completo
- ✓Open Graph e le schede Twitter funzionano
- ✓Le anteprime dei link funzionano nelle app di social network e di chat.
- ✓I visitatori possono comunque accedere al sito interattivo
A chi è rivolto
Ricerca, social, chat e intelligenza artificiale, con un routing affidabile.
Un unico percorso di snapshot. Host diversi decidono quali user-agent inoltrare.
Motori di ricerca
Google, Bing, DuckDuckGo, Yandex e Baidu ottengono l'HTML renderizzato, non il guscio vuoto.
Reti sociali
Le pagine a comparsa di Facebook, Instagram, LinkedIn, X e Pinterest possono mostrare titolo, immagine e prezzo.
App di chat
Slack, iMessage, WhatsApp, Discord e Telegram possono visualizzare un'anteprima di un URL anziché un link vuoto.
Crawler basati sull'intelligenza artificiale
Il plugin WordPress crea snapshot dei bot di intelligenza artificiale più comuni. Cloudflare non lo fa, a meno che non si estenda quel Worker. I bot di audit non vengono mai pre-renderizzati.
Impostare
Tre passaggi per rendere le pagine JavaScript indicizzabili dai motori di ricerca.
Collega un dominio, instrada i crawler, conferma con curl. Commerce SDK e WordPress sono host proprietari. Qualsiasi frontend JavaScript su quel dominio può utilizzare lo stesso percorso.
Collega il tuo dominio
Una chiave di sito collega il motore di rendering ai nomi host di tua proprietà. I visitatori continueranno a visualizzare la tua applicazione JavaScript live.
Instrada i crawler al motore di rendering
Su un negozio ospitato Lesuto questa funzionalità è già attiva. Sul tuo hosting, aggiungi un Cloudflare Worker, una regola per Apache o nginx, oppure collega il plugin WordPress .
Leggi la guida all'installazioneVerifica prima di condividere
Eseguire una richiesta curl con un user-agent di Facebook o Googlebot dovrebbe restituire 200 e X-Prerender. Successivamente, verificare con Google Rich Results, Facebook Sharing Debugger e LinkedIn Post Inspector.
Domande
Come si comporta effettivamente il routing
La visualizzazione qui sopra rappresenta lo stesso albero decisionale utilizzato dall'API, da Cloudflare Worker e dal plugin WordPress .
Questa funzionalità è disponibile solo per l' Commerce SDK ?
No. Qualsiasi frontend JavaScript ha lo stesso problema con i crawler. Collega una chiave del sito per il tuo dominio e indirizza i bot. Commerce SDK e WordPress sono host proprietari. Le pagine SDK attendono un evento di completamento affinché l'HTML del catalogo sia completo. Altri script JavaScript su quel dominio vengono acquisiti dopo il rendering.
I visitatori riescono mai a visualizzare la pagina pre-renderizzata?
No. Il motore di rendering analizza lo user-agent e cattura solo gli snapshot corrispondenti ai crawler. I visitatori mantengono la versione JavaScript del sito, inclusi il carrello e la pagina di pagamento, quando presenti.
Quali crawler ottengono snapshot HTML?
Motori di ricerca (Google, Bing, DuckDuckGo, Yandex, Baidu) e social network (Facebook, LinkedIn, X, WhatsApp, Slack, Discord, Pinterest, Telegram). Il plugin WordPress gestisce anche i crawler AI più comuni come GPTBot e ClaudeBot. Il routing gestito da Cloudflare e Lesuto rimane nell'elenco di ricerca e social network a meno che non si modifichi intenzionalmente tale Worker.
Perché ChatGPT e i bot di audit vengono trattati in modo diverso?
Gli strumenti di audit SEO (Ahrefs, Semrush, Screaming Frog) sono classificati nella dashboard e non vengono pre-renderizzati, quindi non possono consumare capacità di rendering. I crawler basati sull'IA sono classificati ovunque. Attualmente, solo l'hook dell'host del plugin WordPress pre-renderizza un set comune di IA.
Cosa succede se il renderer non è disponibile o il dominio è errato?
L'API restituisce un errore 403 quando il nome host non è presente nella chiave del sito e un errore 502 o 503 quando il rendering fallisce. Il tuo Worker o plugin quindi fornisce l'HTML originale in modo che i crawler non si trovino di fronte a una pagina di errore vuota.
Quanto è aggiornato il codice HTML?
Gli snapshot riusciti vengono memorizzati nella cache per 24 ore. Le modifiche al catalogo invalidano la cache. La prima scansione per un URL viene eseguita in un browser headless (budget di 12 secondi). Le scansioni successive vengono servite dalla cache.
Insieme siamo più forti
Come si inserisce nel resto di Lesuto
Il Render Engine è il livello di snapshot HTML sottostante a qualsiasi frontend JavaScript a cui ti connetti, inclusi SDK, WordPress e pagine di Studio.
Commerce SDK
Gli acquirenti ottengono l'SDK interattivo. I crawler corrispondenti ottengono l'HTML pre-renderizzato della stessa pagina.
plugin WordPress
Collegando una chiave del sito, il plugin offre snapshot ai motori di ricerca, ai social network e ai crawler basati sull'intelligenza artificiale più comuni.
Guida all'installazione
I controlli per Cloudflare Worker, Apache, nginx e curl sono presenti nella documentazione.
01
Cache di rendering di 24 ore
Render Engine fornisce ai motori di ricerca e alle app social una pagina HTML completa di titoli, descrizioni e immagini di condivisione, in modo che le anteprime di Google e dei social funzionino sui siti Commerce SDK .
Amazon, Etsy, Grok, Printful, Shopify, Walmart, WooCommerce, WordPress, and xAI are trademarks of their respective owners. Lesuto is an independent product and is not affiliated with, sponsored by, or endorsed by those companies. Trademarks.
Attiva nel Command Center
Registrati gratuitamente, apri la sezione Integrazioni e attiva ciò che ti serve.
Inizia subito