Bộ kiểm tra Open Graph

Giới thiệu công cụ này

Vậy là, bạn đã có một trang web. Bạn đăng một liên kết trên Facebook, Twitter hoặc LinkedIn. Và bạn nhận được cái gì? Một hình thu nhỏ buồn cười, không có hình ảnh, hoặc tồi tệ hơn—một ảnh chụp màn hình ngẫu nhiên từ giữa trang của bạn. Thật phiền phức, đúng không? Đó chính là lúc công cụ kiểm tra Open Graph phát huy tác dụng. Nó không lung linh. Nó không cố gắng bán gì cho bạn. Nó chỉ là một cách đơn giản để xem liên kết của bạn trông như thế nào khi được chia sẻ trên các nền tảng mạng xã hội. Hãy nghĩ về nó như một tấm gương cho các thẻ meta của bạn—vì nếu bạn không kiểm tra, thì bạn về cơ bản đang đoán. Các thẻ Open Graph là những đoạn mã ẩn giúp các nền tảng như Facebook và Twitter biết hình ảnh, tiêu đề và mô tả nào cần lấy khi ai đó chia sẻ liên kết của bạn. Nếu chúng bị thiếu hoặc hỏng, liên kết của bạn sẽ trông... thì thật là hỏng. Công cụ này sẽ nhìn sâu vào bên trong để bạn không cần phải làm điều đó.

Tính năng chính

Xem trước tức thì cách liên kết của bạn hiển thị trên các mạng xã hội lớn—không còn phải đoán nữa.
Phát hiện các thẻ Open Graph bị thiếu hoặc sai (như og:title, og:image, og:description) trước khi khách truy cập của bạn thấy.
Hoạt động với bất kỳ URL công khai nào—chỉ cần dán vào và xem kết quả.
Hiển thị xem trước hình ảnh theo thời gian thực để bạn có thể xác nhận hình thu nhỏ của bạn thực sự tải được.
Đánh dấu các lỗi phổ biến, như hình ảnh quá nhỏ hoặc mô tả quá dài.
Không cần đăng ký, không theo dõi, không phiền phức. Đây chỉ là một công cụ làm một việc duy nhất: kiểm tra các thẻ OG của bạn.

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

Tại sao liên kết của tôi trông ổn trên một nền tảng nhưng lại bị hỏng trên nền tảng khác?
Các nền tảng khác nhau diễn giải các thẻ Open Graph một chút khác nhau. Facebook có thể sử dụng một hình ảnh dự phòng khác so với Twitter. Công cụ kiểm tra sẽ cho bạn thấy từng nền tảng nhìn thấy trang của bạn như thế nào, để bạn có thể khắc phục sự không nhất quán.

Tôi có cần là nhà phát triển để sử dụng công cụ này không?
Không. Nếu bạn có thể sao chép một URL và dán vào một hộp, thì bạn đã sẵn sàng. Công cụ sẽ giải thích những gì sai bằng ngôn ngữ đơn giản—không yêu cầu kiến thức về mã. Mặc dù nếu bạn *là* nhà phát triển, thì công cụ này vẫn sẽ giúp bạn tiết kiệm năm phút tìm kiếm trong mã nguồn.