Mở Studio xem trước đồ thị

Mở công cụ xem trước biểu đồ

Đang tải không gian làm việc...

Cách xem trước thẻ OG từ bất kỳ URL nào

Dán URL https tuyệt đối, chạy Tìm nạp siêu dữ liệu, sau đó xem lại tiêu đề, mô tả, hình ảnh và URL đích đã hợp nhất. Mở rộng chẩn đoán để xác nhận mã trạng thái, URL cuối cùng sau chuyển hướng và loại nội dung.

Cách chọn đồ thị mở, thẻ Twitter và thẻ meta dự phòng

Đối với các bản xem trước kiểu Facebook và LinkedIn, chúng tôi ưu tiên sử dụng thẻ Open Graph, sau đó quay lại thẻ tiêu đề, mô tả meta, URL chuẩn và hình ảnh nội dung phù hợp đầu tiên khi thiếu og:image. Đối với bản xem trước kiểu X/Twitter, chúng tôi ưu tiên twitter:title, twitter:description và twitter:image khi hiện diện, nếu không chúng tôi sẽ quay lại Open Graph và sau đó áp dụng các dự phòng chung tương tự.

Các sự cố siêu dữ liệu thường gặp và cách khắc phục

Thiếu og:image là vấn đề phổ biến nhất về chất lượng chia sẻ—thêm URL hình ảnh hình vuông hoặc ngang. Các thẻ trùng lặp hoặc xung đột, URL hình ảnh tương đối không có cơ sở chính xác và tiêu đề dài bị cắt bớt cũng thường xuyên xảy ra. Sử dụng trình chỉnh sửa để kiểm tra các bản sửa lỗi trước khi xuất bản.

Cách xuất thẻ meta HTML hoặc JSON

Sau khi tìm nạp thành công (hoặc sau khi bạn điền các trường bắt buộc theo cách thủ công), hãy sử dụng Sao chép HTML hoặc Sao chép JSON hoặc tải xuống tệp .html và .json. Các giá trị được thoát trong đoạn mã HTML và JSON bao gồm trạng thái nguồn cho từng trường được hỗ trợ.

Tìm nạp siêu dữ liệu Open Graph và Twitter Card từ một URL công khai, xem trước các thẻ kiểu Facebook, X/Twitter và LinkedIn, ghi đè các trường cục bộ và xuất thẻ meta HTML hoặc JSON.

Câu hỏi thường gặp

Tại sao bản xem trước trên Facebook, X và LinkedIn lại khác nhau?

Mỗi nền tảng đọc thẻ theo thứ tự hơi khác nhau, áp dụng quy tắc cắt xén riêng và có thể lưu vào bộ nhớ đệm các phiên bản cũ hơn trên trang của bạn. Studio này hiển thị các mẫu cục bộ, nhất quán từ siêu dữ liệu đã hợp nhất của bạn để bạn có thể xác thực cấu trúc và sao chép—không phải kết xuất mạng hoàn hảo đến từng pixel.

Công cụ này có thay đổi trang web trực tiếp của tôi không?

Không. HTML đã tìm nạp chỉ được phân tích cú pháp cho yêu cầu hiện tại. Các chỉnh sửa và xuất vẫn còn trong trình duyệt của bạn (với các tham số truy vấn URL tùy chọn để ghi đè có thể chia sẻ). Không có gì được viết lại vào trang web của bạn.

Điều gì sẽ xảy ra nếu trang của tôi chặn tìm nạp tự động?

Một số trang web trả lại 403/401 cho các máy khách không có trình duyệt. MVP này chỉ hỗ trợ HTML có thể tìm nạp công khai mà không cần xác thực. Hãy thử URL dàn dựng hoặc tạm thời nới lỏng các quy tắc bot nếu bạn kiểm soát máy chủ.