ดาวน์โหลด Lesuto Hub & Seller - ซื้อและขายสินค้าบน iOS และ Android
การผสานรวม
เอนจิ้นเรนเดอร์คาเมเลียน
มอบ HTML ที่แท้จริงให้กับเครื่องมือค้นหาและแอปโซเชียลบนเว็บไซต์ที่ใช้ Commerce SDK พร้อมทั้งชื่อเรื่องและรูปภาพสำหรับแชร์
สำหรับพ่อค้าแม่ค้า
การปรับใช้พ่อค้าฟรี
เกี่ยวกับ
Render Engine จะส่งหน้า HTML ที่สมบูรณ์แบบพร้อมชื่อเรื่อง คำอธิบาย และรูปภาพสำหรับแชร์ไปยังเครื่องมือค้นหาและแอปโซเชียล เพื่อให้ Google และการแสดงตัวอย่างโซเชียลทำงานได้บนเว็บไซต์ที่ใช้ Commerce SDK กระบวนการเดียวกันนี้ครอบคลุมถึงเว็บไซต์ WordPress ที่โฮสต์ SDK ด้วย หน้าเว็บจะถูกแคชไว้เพื่อให้โปรแกรมรวบรวมข้อมูลได้รับผลตอบรับที่รวดเร็ว
คุณสมบัติ
- แคชการเรนเดอร์ 24 ชั่วโมง
- การสร้างเมตาแท็กอัตโนมัติ (ชื่อ, OG, Twitter)
- การจำกัดการเรนเดอร์พร้อมกัน
- การควบคุมการเข้าถึงตามโดเมน
- ไฟล์ HTML ที่สมบูรณ์สำหรับเครื่องมือค้นหาและการแสดงตัวอย่างบนโซเชียลมีเดีย
- แดชบอร์ดตรวจสอบสุขภาพ
- การแทรกข้อมูลที่มีโครงสร้าง JSON-LD
ความต้องการ
- การใช้งาน Active Commerce SDK
- ตั้งค่าการตรวจจับบอทบนเว็บเซิร์ฟเวอร์ของคุณ
วิธีการทำงาน
ติดตามผู้เยี่ยมชมจาก 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
- ผู้เยี่ยมชม
- เว็บไซต์ของคุณ
- ตรวจสอบบอท
- Lesuto API
- แคช
- การเรนเดอร์แบบไร้หัว
- ภาพรวม HTML
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 ว่างเปล่า หน้าเว็บก็จะไม่ปรากฏให้เห็น
โดยไม่มีเอนจิ้นการเรนเดอร์
- ✗เครื่องมือค้นหาจะเห็นหน้าว่างเปล่าก่อน
- ✗การแชร์บนโซเชียลมีเดียไม่แสดงรูปภาพหรือชื่อเรื่อง
- ✗การเปิดใช้งานการแชทล้มเหลวใน Slack, iMessage และ WhatsApp
- ✗โปรแกรมรวบรวมข้อมูล AI อาจไม่เคยเห็นสำเนาของคุณเลย
ด้วย Render Engine
- ✓โปรแกรมรวบรวมข้อมูลที่ตรงกันจะได้รับ HTML เต็มรูปแบบ
- ✓Open Graph และ Twitter Cards ใช้งานได้
- ✓การแสดงตัวอย่างลิงก์ใช้งานได้ในแอปโซเชียลและแอปแชท
- ✓ผู้เข้าชมยังคงสามารถเข้าถึงเว็บไซต์แบบอินเทอร์แอ็กทีฟได้
ใครคือกลุ่มเป้าหมาย
การค้นหา โซเชียล แชท และ AI พร้อมการกำหนดเส้นทางที่เที่ยงตรง
เส้นทางสแนปช็อตเดียว โฮสต์ต่างๆ จะตัดสินใจว่าจะส่งต่อเอเจนต์ผู้ใช้ใด
เครื่องมือค้นหา
Google, Bing, DuckDuckGo, Yandex และ Baidu ได้รับโค้ด HTML ที่แสดงผลแล้ว ไม่ใช่โครงสร้างว่างเปล่า
เครือข่ายสังคม
ฟีเจอร์แสดงข้อมูลเพิ่มเติมของ Facebook, Instagram, LinkedIn, X และ Pinterest สามารถแสดงชื่อสินค้า รูปภาพ และราคาได้
แอปแชท
แอปพลิเคชันอย่าง Slack, iMessage, WhatsApp, Discord และ Telegram สามารถแสดงตัวอย่าง URL แทนที่จะเป็นลิงก์ว่างเปล่าได้
โปรแกรมรวบรวมข้อมูล AI
ปลั๊กอิน WordPress จะบันทึกภาพรวมของบอท AI ทั่วไป แต่ Cloudflare จะไม่ทำเช่นนั้น เว้นแต่คุณจะขยาย Worker นั้น บอทตรวจสอบจะไม่ถูกเรนเดอร์ล่วงหน้า
การตั้งค่า
สามขั้นตอนในการสร้างหน้าเว็บ JavaScript ที่เครื่องมือค้นหาสามารถระบุได้
เชื่อมต่อโดเมน กำหนดเส้นทางให้กับโปรแกรมรวบรวมข้อมูล และยืนยันด้วย curl Commerce SDK และ WordPress เป็นผู้ให้บริการโฮสติ้งหลัก ส่วนหน้าเว็บ JavaScript ใดๆ บนโดเมนนั้นสามารถใช้เส้นทางเดียวกันได้
เชื่อมต่อโดเมนของคุณ
คีย์เว็บไซต์จะเชื่อมโยง Render Engine กับชื่อโฮสต์ที่คุณเป็นเจ้าของ ผู้เข้าชมจะยังคงได้รับแอปพลิเคชัน JavaScript ที่ทำงานอยู่ของคุณ
กำหนดเส้นทางโปรแกรมรวบรวมข้อมูลไปยัง Render Engine
สำหรับร้านค้าที่ใช้บริการโฮสติ้งของ 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 ใช้
ใช้ได้เฉพาะกับ Commerce SDK เท่านั้นใช่ไหม?
ไม่เลย หน้าเว็บที่ใช้ JavaScript ทุกเว็บก็มีปัญหาเรื่องการค้นหาของบอทเหมือนกันหมด เชื่อมต่อคีย์เว็บไซต์สำหรับโดเมนของคุณและกำหนดเส้นทางบอท Commerce SDK และ WordPress เป็นโฮสต์หลัก หน้าเว็บ SDK จะรอเหตุการณ์ "พร้อมใช้งาน" เพื่อให้ HTML ของแคตตาล็อกเสร็จสมบูรณ์ ส่วน JavaScript อื่นๆ บนโดเมนนั้นจะสร้างภาพรวมหลังจากงบประมาณการเรนเดอร์เสร็จสิ้น
ผู้เข้าชมเว็บไซต์จะได้รับหน้าเว็บที่แสดงผลล่วงหน้าหรือไม่?
ไม่ ระบบแสดงผลจะตรวจสอบ user-agent และจะบันทึกภาพเฉพาะส่วนที่ตรงกับ crawler เท่านั้น ผู้เข้าชมจะยังคงเห็นเว็บไซต์ JavaScript แบบเรียลไทม์ รวมถึงตะกร้าสินค้าและขั้นตอนการชำระเงินหากมีอยู่ในหน้าเว็บ
โปรแกรมรวบรวมข้อมูลใดบ้างที่เก็บรวบรวมภาพหน้าจอ HTML?
เครื่องมือค้นหา (Google, Bing, DuckDuckGo, Yandex, Baidu) และเครื่องมือเผยแพร่สื่อสังคมออนไลน์ (Facebook, LinkedIn, X, WhatsApp, Slack, Discord, Pinterest, Telegram) ปลั๊กอิน WordPress ยังกำหนดเส้นทางให้กับโปรแกรมรวบรวมข้อมูล AI ทั่วไป เช่น GPTBot และ ClaudeBot ด้วย การกำหนดเส้นทางที่โฮสต์โดย Cloudflare และ Lesuto จะยังคงอยู่ในรายการค้นหาและสื่อสังคมออนไลน์ เว้นแต่คุณจะเปลี่ยน Worker นั้นโดยเจตนา
เหตุใด ChatGPT และบอทตรวจสอบจึงได้รับการปฏิบัติแตกต่างกัน?
เครื่องมือตรวจสอบ SEO (Ahrefs, Semrush, Screaming Frog) ถูกจัดหมวดหมู่ไว้ในแดชบอร์ดและไม่ได้ถูกแสดงผลล่วงหน้า ดังนั้นจึงไม่สามารถใช้ทรัพยากรในการแสดงผลได้ ส่วนโปรแกรมรวบรวมข้อมูล AI นั้นถูกจัดหมวดหมู่ไว้ทุกที่ มีเพียงปลั๊กอิน WordPress เท่านั้นที่แสดงผลชุด AI ทั่วไปไว้ล่วงหน้าในปัจจุบัน
จะเกิดอะไรขึ้นถ้าตัวเรนเดอร์ใช้งานไม่ได้หรือโดเมนไม่ถูกต้อง?
API จะส่งคืนรหัส 403 เมื่อชื่อโฮสต์ไม่อยู่ในคีย์เว็บไซต์ และรหัส 502 หรือ 503 เมื่อการแสดงผลล้มเหลว จากนั้น Worker หรือปลั๊กอินของคุณจะส่ง HTML ต้นทางเพื่อให้โปรแกรมรวบรวมข้อมูลไม่พบหน้าข้อผิดพลาดว่างเปล่า
โค้ด HTML นี้ใหม่แค่ไหน?
ภาพรวมที่สำเร็จจะถูกแคชไว้เป็นเวลา 24 ชั่วโมง การเปลี่ยนแปลงในแคตตาล็อกจะทำให้แคชไม่ถูกต้อง การรวบรวมข้อมูลครั้งแรกสำหรับ URL จะใช้เบราว์เซอร์แบบไม่มีส่วนติดต่อผู้ใช้ (งบประมาณ 12 วินาที) การรวบรวมข้อมูลในครั้งต่อๆ ไปจะดึงข้อมูลจากแคช
อยู่ด้วยกันแล้วดีกว่า
มันเข้ากันได้ดีกับส่วนอื่นๆ ของ Lesuto อย่างไร
Render Engine คือเลเยอร์แสดงภาพรวม HTML ที่อยู่เบื้องหลังส่วนหน้าเว็บ JavaScript ใดๆ ที่คุณเชื่อมต่อ รวมถึง SDK, WordPress และหน้าเว็บ Studio
Commerce SDK
ผู้ซื้อจะได้รับ SDK แบบอินเทอร์แอ็กทีฟ ส่วนโปรแกรมรวบรวมข้อมูลที่ตรงกันจะได้รับ HTML ที่แสดงผลล่วงหน้าของหน้าเดียวกัน
ปลั๊กอิน WordPress
เชื่อมต่อคีย์เว็บไซต์ แล้วปลั๊กอินจะนำเสนอภาพรวมให้กับเครื่องมือค้นหา โซเชียลมีเดีย และโปรแกรมรวบรวมข้อมูล AI ทั่วไป
คู่มือการติดตั้ง
การตรวจสอบ Cloudflare Worker, Apache, nginx และ curl นั้นมีอยู่ในเอกสารประกอบแล้ว
01
แคชการเรนเดอร์ 24 ชั่วโมง
Render Engine จะส่งหน้าเว็บ HTML ที่สมบูรณ์แบบพร้อมชื่อเรื่อง คำอธิบาย และรูปภาพสำหรับแชร์ไปยังเครื่องมือค้นหาและแอปโซเชียล เพื่อให้การแสดงตัวอย่างบน Google และโซเชียลมีเดียใช้งานได้บนเว็บไซต์ที่ 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.
เปิดใช้งานใน Command Center
ลงทะเบียนฟรี เปิดใช้งานการผสานรวม และเปิดใช้งานสิ่งที่คุณต้องการ
เริ่มต้นใช้งาน