Vutral
Hướng dẫn dùng tool

Công Cụ Xác Thực Open Graph & Twitter Card Hàng Loạt

Dữ liệu kiểmOpen Graph

Cách dùng công cụ kiểm tra Open Graph và Twitter Card

Quay lại công cụ

Mỗi URL được tải một lần và mọi thẻ chia sẻ trong head được đọc: họ og: mà Facebook, LinkedIn và Zalo đọc, và họ twitter: mà X đọc. Một lượt, hai câu trả lời cho mỗi trang.

  1. 01

    Nhập các URL cần kiểm

    Chế độ một URL kiểm một địa chỉ và chạy khi bấm Enter. Chuyển sang Hàng loạt để dán danh sách, mỗi dòng một URL, tối đa 30 mỗi lượt. Thẻ chia sẻ đặt theo template, nên hãy dán mỗi loại một trang: một bài viết, một sản phẩm, trang chủ. Một template hỏng thì mọi trang dựng từ nó cũng hỏng.

  2. 02

    Chọn mức chuẩn hoá URL

    Chuẩn hoá URL viết lại từng địa chỉ trước khi tải. URL đầy đủ giữ đường dẫn và query nhưng bỏ tham số theo dõi cùng fragment; Bỏ query bỏ query string; Chỉ domain chỉ giữ tên miền. Giữ nguyên địa chỉ đầy đủ khi lần theo một link đã chia sẻ: thẻ được đọc từ trang mà request đáp xuống, và query string có thể quyết định đó là trang nào.

  3. 03

    Đọc hai cột Open Graph và Twitter

    Hai cột, một lượt tải. Mỗi ô liệt kê tên các thẻ họ ấy khai, bỏ tiền tố. Ô Twitter trống cạnh ô Open Graph đầy là bình thường và thường ổn: X rơi về các thẻ og: cho tiêu đề, mô tả và ảnh. Thẻ duy nhất nó không rơi về được là twitter:card, và panel sẽ nói vậy.

  4. 04

    Mở một hàng và xuất kết quả

    Xem cho mỗi họ một kết luận riêng, vì một trang có thể hoàn hảo với Facebook mà vô dụng với X, hoặc ngược lại. Mỗi thẻ mang thuộc tính nó được khai, [property] hoặc [name], cho biết ai đọc được nó chứ không phải sửa ở đâu. Copy bảng sao chép các hàng ngăn bằng tab; Xuất CSV ghi chúng ra file.

Cách đọc báo cáo thẻ chia sẻ mạng xã hội

Một hàng đọc từ trái sang phải: địa chỉ đã kiểm, nơi nó đáp xuống, và mỗi họ thẻ chia sẻ khai gì ở đó.

Các cột của bảng kết quả

URL
Địa chỉ đúng như lúc đem đi kiểm — sau chuẩn hoá, không phải lúc nào cũng giống thứ bạn gõ vào.
URL đích
Nơi request dừng lại và mã trạng thái ở đó. Chuyển hướng được đi theo trước, và thẻ đọc từ trang cuối ấy.
Open Graph
Tên các thẻ og: mà trang cuối khai, đã lược tiền tố, theo thứ tự tài liệu. — nghĩa là không khai thẻ nào.
Twitter
Tên các thẻ twitter:, theo cùng cách. Trống ở đây là chuyện thường và không mặc nhiên là lỗi: X rơi về các thẻ og:.
Kết quả
Hàng đã xong, đang chạy, hay dừng vì lỗi. Nó không nói gì về bản thân các thẻ.
Thao tác
Xem mở panel Chi tiết của hàng ấy; Thử lại hiện thay vào đó khi request không tới được nơi nào.

Kết luận của panel Chi tiết

Không khai thẻ Open Graph hay Twitter — link chia sẻ phải tự bới nội dung.
Trang không khai một thẻ chia sẻ nào, ở cả hai họ. Khi ấy mọi nền tảng tự đoán lấy nội dung để dựng card — thường là ảnh sai, và một tiêu đề bạn không chọn.
Không có thẻ Twitter — trang chỉ khai họ thẻ còn lại.
Nói trong một mục khi họ thẻ ấy trống mà họ kia thì không, và gọi đúng tên họ của mục đó: Open Graph bên trái, Twitter bên phải. Đó là phát biểu về riêng nửa ấy.
Bộ thẻ Open Graph dựng đúng chuẩn.
Họ ấy không có gì sai; câu kết luận nêu tên họ, và dạng Twitter cũng xuất hiện. Một trang có thể sạch với họ này mà hỏng với họ kia.
Thiếu thẻ Open Graph bắt buộc: og:type.
Bốn thẻ giao thức bắt buộc là og:title, og:type, og:image và og:url; câu kết luận liệt kê thẻ nào đang thiếu. Thẻ khai với content rỗng tính là thiếu, vì các nền tảng cũng xử lý nó như vậy.
Một thẻ og: khai bằng name= thay vì property= — Facebook và Zalo không thấy nó.
Lỗi khó nhìn thấy bằng mắt nhất ở đây: thẻ nằm trong head, viết đúng chính tả, mà Facebook không thấy, vì thẻ og: được đọc từ property= còn thẻ này dùng name=.
og:image không phải URL tuyệt đối nên ảnh sẽ không hiện.
Con crawler đi lấy thẻ không có ngữ cảnh trang nào để giải một đường dẫn tương đối. Dạng //host/path bỏ giao thức thì được; /img/card.png thì không.
og:url trỏ sang chỗ khác — lượt chia sẻ sẽ ghi cho URL đó.
og:url là danh tính của trang trong graph: mọi lượt thích và chia sẻ đều được tính cho nó. Nó được so với canonical, không phải địa chỉ bạn gõ. Khác nhau giữa www và không www là tách một trang thành hai.
twitter:card mang giá trị X không định nghĩa nên không dựng được card.
X định nghĩa summary, summary_large_image, app và player. Bất cứ giá trị nào khác không phải là một card nhỏ hơn, mà là không có card.
Không khai twitter:card — X không dựng card nào cả.
Thẻ twitter: duy nhất không có bản tương đương bên og:, nên nó là thẻ đáng thêm ngay cả trên trang đã có bộ og: đầy đủ.
Không có og:description — dòng ấy để trống trên mọi nền tảng.
Không nằm trong bốn thẻ bắt buộc, nên đây là một gợi ý chứ không phải một lỗi — nhưng mọi nền tảng đều hiện dòng ấy, và để trống thì card thủng một mảng.

Nhãn thuộc tính

[property]
Thẻ được khai dưới dạng <meta property="…">. Đây là thứ giao thức Open Graph quy định và là thứ Facebook, LinkedIn cùng Zalo đọc.
[name]
Thẻ được khai dưới dạng <meta name="…">. Đây là thứ X ghi trong tài liệu cho các thẻ twitter:. Một thẻ og: mang dấu này chính là lỗi nói ở trên; còn thẻ twitter: mang property= thì không bị báo, vì thực tế X chấp nhận cả hai.