ดาวน์โหลด Lesuto Hub & Seller - ซื้อและขายสินค้าบน iOS และ Android
ดาวน์โหลด Lesuto Hub & Seller - ซื้อและขายสินค้าบน iOS และ Android
เอ็นจิ้นการเรนเดอร์
เครื่องมือค้นหา แอปโซเชียล และโปรแกรมรวบรวมข้อมูล AI จำนวนมากไม่สามารถใช้งานส่วนหน้าเว็บที่เขียนด้วย JavaScript ได้อย่างน่าเชื่อถือ ซึ่งเป็นความจริงสำหรับ React, Vue, Next และ Commerce SDK Render Engine จะบันทึก URL เดียวกันกับ HTML เพื่อให้สามารถจัดทำดัชนี แชร์ และแสดงตัวอย่างหน้าเว็บได้ ผู้เข้าชมยังคงได้รับเว็บไซต์เวอร์ชันจริงอยู่
วิธีการทำงาน
เลือกบอทผู้ซื้อ, 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 ตรวจสอบด้วย curl ก่อนที่จะแก้ไข DNS
ปัญหา
Google สามารถแสดงผล JavaScript ได้ในภายหลัง แต่จะช้ากว่า ส่วน Facebook, LinkedIn, Slack, iMessage และโปรแกรมรวบรวมข้อมูล AI ส่วนใหญ่จะดึงข้อมูล HTML ต้นฉบับเท่านั้น หากโค้ดต้นฉบับนั้นเป็นเพียงโครงสร้าง JavaScript ว่างเปล่า หน้าเว็บก็จะไม่ปรากฏให้เห็น
ใครคือกลุ่มเป้าหมาย
เส้นทางสแนปช็อตเดียว โฮสต์ต่างๆ จะตัดสินใจว่าจะส่งต่อเอเจนต์ผู้ใช้ใด
Google, Bing, DuckDuckGo, Yandex และ Baidu ได้รับโค้ด HTML ที่แสดงผลแล้ว ไม่ใช่โครงสร้างว่างเปล่า
ฟีเจอร์แสดงข้อมูลเพิ่มเติมของ Facebook, Instagram, LinkedIn, X และ Pinterest สามารถแสดงชื่อสินค้า รูปภาพ และราคาได้
แอปพลิเคชันอย่าง Slack, iMessage, WhatsApp, Discord และ Telegram สามารถแสดงตัวอย่าง URL แทนที่จะเป็นลิงก์ว่างเปล่าได้
ปลั๊กอิน WordPress จะบันทึกภาพรวมของบอท AI ทั่วไป แต่ Cloudflare จะไม่ทำเช่นนั้น เว้นแต่คุณจะขยาย Worker นั้น บอทตรวจสอบจะไม่ถูกเรนเดอร์ล่วงหน้า
รวมอยู่ด้วย
การตรวจจับบอท, HTML, ข้อมูลที่มีโครงสร้าง, การ์ดโซเชียล, การแคช และแผนผังเว็บไซต์ ผู้เข้าชมจะไม่ถูกนำไปยังเส้นทางนี้โดยเด็ดขาด
โปรแกรมรวบรวมข้อมูลของเครื่องมือค้นหาและโปรแกรมเผยแพร่เนื้อหาบนโซเชียลมีเดียจะถูกระบุด้วย User-Agent ผู้เข้าชมยังคงได้รับเว็บไซต์เวอร์ชัน JavaScript แบบเรียลไทม์
เบราว์เซอร์แบบไม่มีส่วนติดต่อผู้ใช้จะเรียกใช้หน้าเว็บ จากนั้นส่งคืน HTML ที่มีเนื้อหาอยู่ในซอร์สโค้ดแล้ว หน้าเว็บ Commerce SDK จะรอเหตุการณ์ "พร้อมใช้งาน" เพื่อให้ HTML ของแคตตาล็อกเสร็จสมบูรณ์
Open Graph และ Twitter Cards ช่วยให้ URL ที่แชร์แสดงชื่อเรื่อง รูปภาพ และคำอธิบายที่ถูกต้องในฟีดและข้อความส่วนตัว
ปลั๊กอิน WordPress ที่เชื่อมต่ออยู่ยังทำการบันทึกภาพสแนปช็อตของโปรแกรมรวบรวมข้อมูล AI ทั่วไป เช่น GPTBot และ ClaudeBot ด้วย Cloudflare จะยังคงอยู่ในรายการผลการค้นหาและโซเชียลจนกว่าคุณจะเปลี่ยน Worker นั้น
การรวบรวมข้อมูลครั้งแรกจะแสดงผล การรวบรวมข้อมูลครั้งต่อๆ ไปจะดึงข้อมูลจากแคช การแก้ไขแคตตาล็อกในที่เก็บข้อมูล Lesuto จะทำให้สแนปช็อตนั้นไม่ถูกต้อง
ชื่อเรื่อง คำอธิบาย Open Graph การ์ด Twitter และข้อมูลที่มีโครงสร้างทั้งหมดอยู่ในไฟล์ HTML ที่โปรแกรมรวบรวมข้อมูลดึงมา ไม่ได้ถูกแทรกเข้าไปภายหลัง
ในหน้าแคตตาล็อก Lesuto ระบบจะรีเฟรชแคชเมื่อมีการเปลี่ยนแปลงสินค้า คอลเลกชัน หรือหน้าเว็บ ไม่จำเป็นต้องล้างแคชด้วยตนเองสำหรับการอัปเดตทั่วไป
ร้านค้า Lesuto จะได้รับแผนผังเว็บไซต์ XML ที่มีข้อมูลสินค้าและหมวดหมู่ต่างๆ เพื่อให้ Search Console มีรายการ URL ที่ครบถ้วน
หากพบข้อผิดพลาด เช่น คีย์เว็บไซต์ไม่ถูกต้อง ชื่อโฮสต์ไม่รู้จัก หรือเกิดการหมดเวลาในการแสดงผล ระบบจะเปลี่ยนไปใช้ HTML ต้นฉบับแทน โปรแกรมรวบรวมข้อมูลจะไม่พบหน้าข้อผิดพลาดว่างเปล่า
การตั้งค่า
เชื่อมต่อโดเมน กำหนดเส้นทางให้กับโปรแกรมรวบรวมข้อมูล และยืนยันด้วย curl Commerce SDK และ WordPress เป็นผู้ให้บริการโฮสติ้งหลัก ส่วนหน้าเว็บ JavaScript ใดๆ บนโดเมนนั้นสามารถใช้เส้นทางเดียวกันได้
คีย์เว็บไซต์จะเชื่อมโยง Render Engine กับชื่อโฮสต์ที่คุณเป็นเจ้าของ ผู้เข้าชมจะยังคงได้รับแอปพลิเคชัน JavaScript ที่ทำงานอยู่ของคุณ
สำหรับร้านค้าที่ใช้บริการโฮสติ้งของ Lesuto ฟีเจอร์นี้จะเปิดใช้งานอยู่แล้ว แต่ถ้าเป็นโฮสติ้งของคุณเอง ให้เพิ่ม Cloudflare Worker, Apache หรือ nginx rule หรือเชื่อมต่อปลั๊กอิน WordPress ก็ได้
คำสั่ง curl ที่ใช้ user-agent ของ Facebook หรือ Googlebot ควรส่งคืนรหัส 200 และ X-Prerender จากนั้นตรวจสอบผลลัพธ์อย่างละเอียดอีกครั้งด้วย Google Rich Results, Facebook Sharing Debugger และ LinkedIn Post Inspector
คำถาม
ภาพประกอบด้านบนเป็นแผนผังการตัดสินใจแบบเดียวกับที่ 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.
อยู่ด้วยกันแล้วดีกว่า
Render Engine คือเลเยอร์แสดงภาพรวม HTML ที่อยู่เบื้องหลังส่วนหน้าเว็บ JavaScript ใดๆ ที่คุณเชื่อมต่อ รวมถึง SDK, WordPress และหน้าเว็บ Studio
ผู้ซื้อจะได้รับ SDK แบบอินเทอร์แอ็กทีฟ ส่วนโปรแกรมรวบรวมข้อมูลที่ตรงกันจะได้รับ HTML ที่แสดงผลล่วงหน้าของหน้าเดียวกัน
เชื่อมต่อคีย์เว็บไซต์ แล้วปลั๊กอินจะนำเสนอภาพรวมให้กับเครื่องมือค้นหา โซเชียลมีเดีย และโปรแกรมรวบรวมข้อมูล AI ทั่วไป
การตรวจสอบ Cloudflare Worker, Apache, nginx และ curl นั้นมีอยู่ในเอกสารประกอบแล้ว
เชื่อมต่อโดเมน กำหนดเส้นทางให้กับโปรแกรมรวบรวมข้อมูล และรักษาแอปพลิเคชันให้ใช้งานได้สำหรับผู้เข้าชม เว็บไซต์ที่โฮสต์เองนั้นต้องการเวลาประมาณ 15 นาทีในการตั้งค่า Worker, ปลั๊กอิน หรือ Apache
เริ่มต้นใช้งานฟรี