Tải xuống Lesuto Hub & Seller - Mua bán hàng hóa trên iOS và Android
Tải xuống Lesuto Hub & Seller - Mua bán hàng hóa trên iOS và Android
Công cụ kết xuất
Các công cụ tìm kiếm, ứng dụng mạng xã hội và nhiều trình thu thập dữ liệu AI không thể chạy giao diện người dùng JavaScript một cách đáng tin cậy. Điều đó đúng với React, Vue, Next và Commerce SDK . Công cụ Render Engine chụp lại cùng một URL dưới dạng HTML để các trang có thể được lập chỉ mục, chia sẻ và xem trước. Khách truy cập vẫn nhận được trang web trực tiếp.
Cách thức hoạt động
Hãy chọn một trình mua sắm, Googlebot, Facebook, GPTBot hoặc trình thu thập dữ liệu kiểm toán. Đường dẫn khớp với môi trường sản xuất: phát hiện cạnh, api.lesuto.com/api/v2/prerender, bộ nhớ đệm 24 giờ và dự phòng nguồn gốc.
Theo dõi trực tiếp
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
nhật ký yêu cầu
01 info
Googlebot requests /products/teak-lounge
User-Agent: Googlebot/2.1
Các cửa hàng được Lesuto lưu trữ đã định tuyến sẵn các bot khớp lệnh. Trên máy chủ của riêng bạn, hãy thêm Cloudflare Worker hoặc sử dụng plugin WordPress . Xác nhận bằng curl trước khi cắt DNS.
Vấn đề
Google có thể hiển thị JavaScript sau đó, nhưng chậm. Facebook, LinkedIn, Slack, iMessage và hầu hết các trình thu thập dữ liệu AI chỉ lấy mã nguồn HTML. Nếu mã nguồn đó là một khung JavaScript rỗng, trang sẽ không hiển thị.
Nó phục vụ cho ai?
Một đường dẫn ảnh chụp nhanh duy nhất. Các máy chủ khác nhau quyết định tác nhân người dùng nào được chuyển tiếp.
Google, Bing, DuckDuckGo, Yandex và Baidu nhận được mã HTML đã được hiển thị, chứ không phải là khung rỗng.
Facebook, Instagram, LinkedIn, X và Pinterest có thể hiển thị tiêu đề, hình ảnh và giá cả.
Slack, iMessage, WhatsApp, Discord và Telegram có thể hiển thị bản xem trước URL thay vì một liên kết trống.
Plugin WordPress chụp ảnh nhanh các bot AI thông thường. Cloudflare thì không, trừ khi bạn mở rộng Worker đó. Các bot kiểm toán không bao giờ được tạo trước.
Bao gồm
Phát hiện bot, HTML, dữ liệu có cấu trúc, thẻ mạng xã hội, bộ nhớ đệm và sơ đồ trang web. Khách truy cập sẽ không bao giờ bị chuyển hướng trực tiếp đến trang này.
Các trình thu thập thông tin tìm kiếm và trình lan truyền nội dung mạng xã hội được nhận dạng bằng user-agent. Khách truy cập vẫn thấy trang web được viết bằng JavaScript trực tiếp.
Trình duyệt không giao diện (headless browser) chạy trang, sau đó trả về HTML với nội dung đã có sẵn trong mã nguồn. Các trang Commerce SDK chờ sự kiện sẵn sàng (ready event) để HTML danh mục được hoàn chỉnh.
Open Graph và Twitter Cards cho phép hiển thị đúng tiêu đề, hình ảnh và mô tả khi dùng chung URL trong bảng tin và tin nhắn trực tiếp.
Plugin WordPress được kết nối cũng chụp ảnh nhanh các trình thu thập thông tin AI phổ biến như GPTBot và ClaudeBot. Cloudflare vẫn nằm trong danh sách tìm kiếm và mạng xã hội trừ khi bạn thay đổi Worker đó.
Lần quét đầu tiên sẽ hiển thị dữ liệu. Các lần quét sau sẽ sử dụng dữ liệu từ bộ nhớ đệm. Việc chỉnh sửa danh mục trên các cửa hàng Lesuto sẽ làm mất hiệu lực ảnh chụp nhanh.
Tiêu đề, mô tả, Open Graph, thẻ Twitter và dữ liệu có cấu trúc đều nằm trong mã HTML mà trình thu thập thông tin đã tải về, chứ không phải được chèn vào sau đó.
Trên các trang danh mục Lesuto , bộ nhớ đệm được làm mới khi sản phẩm, bộ sưu tập hoặc trang thay đổi. Không cần phải xóa thủ công đối với các bản cập nhật thông thường.
Các cửa hàng Lesuto nhận được sơ đồ trang web XML với thông tin sản phẩm và bộ sưu tập, nhờ đó Search Console có danh sách URL đầy đủ.
Sai khóa trang web, tên máy chủ không xác định hoặc hết thời gian chờ của trình hiển thị sẽ chuyển về HTML gốc. Trình thu thập thông tin sẽ không bị bỏ lại với trang lỗi trống.
Cài đặt
Kết nối tên miền, định tuyến trình thu thập dữ liệu, xác nhận bằng curl. Commerce SDK và WordPress là các máy chủ chính thức. Bất kỳ giao diện người dùng JavaScript nào trên tên miền đó đều có thể sử dụng cùng một đường dẫn.
Khóa trang web liên kết Render Engine với các tên miền mà bạn sở hữu. Khách truy cập vẫn có thể sử dụng ứng dụng JavaScript trực tiếp của bạn.
Trên cửa hàng được Lesuto lưu trữ, tính năng này đã được bật sẵn. Trên máy chủ riêng của bạn, hãy thêm Cloudflare Worker, quy tắc Apache hoặc nginx, hoặc kết nối plugin WordPress .
Sử dụng lệnh `curl` với user-agent là Facebook hoặc Googlebot sẽ trả về mã trạng thái 200 và thông báo X-Prerender. Sau đó, hãy xác nhận kết quả tìm kiếm Google Rich Results, trình gỡ lỗi chia sẻ Facebook Sharing Debugger và trình kiểm tra bài đăng trên LinkedIn Post Inspector.
Câu hỏi
Hình ảnh trực quan ở trên là cùng một cây quyết định mà API, Cloudflare Worker và plugin WordPress sử dụng.
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.
Cùng nhau sẽ tốt hơn.
Công cụ hiển thị (Render Engine) là lớp chụp ảnh HTML nằm bên dưới bất kỳ giao diện người dùng JavaScript nào mà bạn kết nối, bao gồm SDK, WordPress và các trang Studio.
Người mua sắm nhận được bộ công cụ phát triển phần mềm (SDK) tương tác. Các trình thu thập dữ liệu phù hợp sẽ nhận được mã HTML được tạo sẵn của cùng một trang.
Kết nối khóa trang web và plugin sẽ cung cấp ảnh chụp màn hình cho các công cụ tìm kiếm, mạng xã hội và trình thu thập thông tin AI thông thường.
Các bước kiểm tra Cloudflare Worker, Apache, nginx và curl đều có trong tài liệu hướng dẫn.
Kết nối tên miền, định tuyến trình thu thập dữ liệu, duy trì ứng dụng hoạt động cho khách truy cập. Các trang web tự lưu trữ cần khoảng 15 phút cấu hình Worker, plugin hoặc Apache.
Bắt đầu miễn phí