Validator Open Graph & Twitter Card Massal

Setiap URL diambil sekali dan setiap tag berbagi di head-nya dibaca: keluarga og: yang dibaca Facebook, LinkedIn, dan Zalo, serta keluarga twitter: yang dibaca X. Satu sesi, dua jawaban per halaman.

1. 01

   Masukkan URL yang akan diperiksa

   Mode tunggal memeriksa satu alamat dan berjalan saat Enter ditekan. Beralih ke Massal untuk menempel daftar, satu URL per baris, hingga 30 per sesi. Tag berbagi ditetapkan per templat, jadi tempelkan satu halaman dari tiap jenis: sebuah artikel, sebuah produk, beranda. Jika satu templat rusak, setiap halaman yang dibangun darinya ikut rusak.

   URLexample.com/blog/launch

   Massal
2. 02

   Pilih tingkat normalisasi URL

   Normalisasi URL menulis ulang setiap alamat sebelum diambil. URL lengkap mempertahankan path dan query tetapi membuang parameter pelacakan dan fragmen; Tanpa query menghapus query string; Hanya domain hanya menyisakan domain. Pertahankan alamat lengkap saat menelusuri tautan yang dibagikan: tag dibaca dari halaman tempat permintaan mendarat, dan query string bisa menentukan halaman mana itu.

   Normalisasi URLURL lengkap

   URL lengkap

   Tanpa query

   Hanya domain

   Periksa URL
3. 03

   Baca kolom Open Graph dan Twitter

   Dua kolom, satu pengambilan. Tiap sel mencantumkan nama tag yang dideklarasikan keluarga itu, tanpa awalan. Sel Twitter kosong di samping sel Open Graph yang penuh itu normal dan biasanya tidak apa-apa: X kembali ke tag og: untuk judul, deskripsi, dan gambar. Satu tag yang tidak bisa dijadikan cadangan adalah twitter:card, dan panel mengatakannya.

   URLOpen GraphTwitter

   example.com/blog/launchtitle, type, image, url, descriptioncard

   example.com/pricingtitle, image, url, description—

   example.com/legal/terms——
4. 04

   Periksa satu baris dan ekspor hasilnya

   Lihat memberi tiap keluarga kesimpulannya sendiri, karena satu halaman bisa sempurna untuk Facebook dan sia-sia untuk X, atau sebaliknya. Tiap tag membawa atribut yang dipakai saat dideklarasikan, [property] atau [name], yang menyatakan siapa yang bisa membacanya, bukan di mana memperbaikinya. Salin tabel menyalin baris dipisah tab; Ekspor CSV menulisnya ke file.

   URLOpen Graph

   example.com/pricingtitle, image, url, descriptionSembunyikan

   Open Graph

   og:title[property]Pricing

   og:image[property]https://example.com/card.png

   og:url[property]https://example.com/pricing

   og:description[property]Plans and limits.

   Tag Open Graph wajib tidak ada: og:type.

   Twitter

   Tidak ada tag Twitter — halaman hanya menyatakan jenis yang satu lagi.

   Tanpa twitter:card — X tidak membuat kartu sama sekali.

   Salin tabelEkspor CSV

Cara membaca laporan tag berbagi sosial

Satu baris dibaca dari kiri ke kanan: alamat yang diperiksa, tempat ia mendarat, dan apa yang dideklarasikan masing-masing dari dua keluarga tag di sana.

Kolom tabel hasil

URL

Alamat persis seperti yang diperiksa — setelah normalisasi, tidak selalu sama dengan yang Anda ketik.

URL hasil

Tempat permintaan berakhir dan status akhirnya. Pengalihan diikuti lebih dulu, dan tag dibaca dari halaman akhir itu.

Open Graph

Nama tag og: yang dinyatakan halaman terakhir, tanpa awalan, menurut urutan dokumen. — berarti tidak ada satu pun yang dinyatakan.

Twitter

Nama tag twitter:, dengan cara yang sama. Kosong di sini lazim dan tidak otomatis cacat: X kembali ke tag og:.

Hasil

Apakah baris ini selesai, masih berjalan, atau berhenti karena galat. Ia tidak mengatakan apa pun tentang tag-nya sendiri.

Tindakan

Lihat membuka panel detail untuk baris itu; Coba lagi muncul sebagai gantinya bila permintaan tidak pernah sampai.

Kesimpulan panel detail

Tidak ada tag Open Graph atau Twitter — tautan yang dibagikan bergantung pada scraping.

Halaman tidak menyatakan satu tag berbagi pun, di kedua keluarga. Maka tiap platform menyusun kartunya dengan menebak dari isi halaman — biasanya gambar yang salah, dan judul yang bukan pilihan Anda.

Tidak ada tag Twitter — halaman hanya menyatakan jenis yang satu lagi.

Disebut di dalam satu bagian saat keluarga tag itu kosong tetapi yang lain tidak, dengan menyebut keluarga bagian tersebut: Open Graph di kiri, Twitter di kanan. Ini pernyataan tentang separuh itu saja.

Tag Open Graph tersusun dengan benar.

Tidak ada yang salah pada keluarga itu; kalimatnya menyebut namanya, dan bentuk Twitter juga muncul. Satu halaman bisa bersih untuk satu keluarga dan rusak untuk yang lain.

Tag Open Graph wajib tidak ada: og:type.

Empat yang diwajibkan protokol adalah og:title, og:type, og:image, dan og:url; kalimatnya mencantumkan mana yang absen. Tag yang dideklarasikan dengan content kosong dihitung hilang, karena begitulah platform memperlakukannya.

Sebuah tag og: memakai name= alih-alih property= — Facebook dan Zalo tidak melihatnya.

Cacat yang paling sulit dilihat mata di sini: tag ada di head, ejaannya benar, dan tak terlihat oleh Facebook, karena tag og: dibaca dari property= sedangkan yang ini memakai name=.

og:image bukan URL absolut, jadi gambarnya tidak akan muncul.

Crawler yang mengambil tag itu tidak punya konteks halaman untuk menguraikan path relatif. Bentuk //host/path yang mengikuti protokol boleh; /img/card.png tidak.

og:url menunjuk ke tempat lain — bagikan akan dihitung untuk URL itu.

og:url adalah identitas halaman dalam graf: setiap suka dan bagikan dikreditkan kepadanya. Ia dibandingkan dengan kanonis, bukan alamat yang Anda ketik. Perbedaan www / tanpa www memecah satu halaman menjadi dua.

twitter:card berisi nilai yang tidak didefinisikan X, jadi tidak ada kartu yang dibuat.

X mendefinisikan summary, summary_large_image, app, dan player. Apa pun selain itu bukan kartu yang lebih kecil, melainkan tidak ada kartu.

Tanpa twitter:card — X tidak membuat kartu sama sekali.

Satu-satunya tag twitter: yang tak punya padanan og:, jadi inilah yang layak ditambahkan bahkan pada halaman yang set og:-nya sudah lengkap.

Tanpa og:description — baris itu kosong di semua platform.

Bukan salah satu dari empat tag wajib, jadi ini saran dan bukan kesalahan — tetapi setiap platform menampilkan baris itu, dan baris yang kosong adalah kartu yang berlubang.

Lencana atribut

[property]

Tag dinyatakan sebagai <meta property="…">. Inilah yang ditentukan protokol Open Graph dan yang dibaca Facebook, LinkedIn, serta Zalo.

[name]

Tag dinyatakan sebagai <meta name="…">. Inilah yang didokumentasikan X untuk tag twitter:. Tag og: dengan lencana ini adalah kesalahan di atas; tag twitter: dengan property= tidak ditandai, sebab pada praktiknya X menerima keduanya.