Softonic

Debugger Tag OG

Langkah 1 / 3
Berikutnya

Jika pratinjau tautan Anda kosong atau salah, tag og di sumber halaman adalah hal pertama yang perlu di-debug. Tempel HTML-nya, dan alat ini menunjukkan persis tag mana yang bisa dibaca beserta nilainya, sehingga tag yang hilang atau kosong langsung terlihat.

Cara men-debug tag og

  1. 1

    Gunakan view-source

    Buka sumber halaman, bukan inspektor browser, lalu salin head. Crawler membaca respons mentah.

  2. 2

    Tempel dan jalankan

    Tempel di kotak HTML head halaman, klik Berikutnya, lalu Hasil.

  3. 3

    Temukan item merah

    Setiap item merah di antara enam pemeriksaan adalah tag yang tidak bisa dibaca alat ini dari markup Anda.

  4. 4

    Cocokkan penyebabnya

    Bandingkan nilai yang dicetak dengan daftar di bawah, perbaiki head, lalu tempel lagi.

Alasan umum tag tidak terbaca

Ketika tag yang Anda lihat di head dilaporkan hilang, penyebabnya hampir selalu salah satu dari berikut ini:

Gejala Kemungkinan penyebab Solusi
og:title berwarna merah Tag memakai name="og:title" Ganti name menjadi property
Tag hilang, nilainya terlihat benar Nilainya tidak diberi tanda kutip Beri tanda kutip pada nilai content
Tag merah, tetapi terlihat di inspektor Tag ditambahkan oleh JavaScript Tampilkan tag di HTML dari server
Tag hijau, tetapi teks yang dicetak kosong Atribut content kosong Isi nilainya
Tag terpotong atau hilang Karakter > mentah di dalam nilai content Tulis sebagai >
Gambar terdaftar dengan jalur seperti /img/a.jpg Alamat relatif Gunakan alamat https lengkap

Hal-hal yang bisa menyesatkan

  • Tag yang dikomentari tetap dibaca. Pengecek memindai teks yang Anda tempel, jadi tag di dalam komentar HTML bisa tampil hijau meskipun browser atau crawler mengabaikannya. Hapus kode lama yang dikomentari sebelum menguji.
  • Duplikat. Jika tag yang sama muncul dua kali, daftar hanya menampilkan satu nilai, yaitu yang terakhir ditemukan. Cari pengulangan di head Anda, yang sering muncul ketika tema dan plugin sama-sama menambahkan tag.
  • Nilai kosong. Hanya og:title dan og:description yang gagal jika kosong. Tag lain dianggap ada selama tag-nya ada, jadi baca nilai yang dicetak untuk mencari yang kosong.

Rutinitas debug singkat

  1. Tempel head dan catat item merahnya.
  2. Perbaiki markup di template Anda, bukan di salinan yang sudah ditempel.
  3. Muat ulang halaman, salin sumber lagi, dan tempel versi terbaru.
  4. Ulangi sampai keenam pemeriksaan hijau dan nilai yang dicetak terlihat benar.

Karena alat ini membaca teks, bukan halaman yang sedang berjalan, alat ini tidak akan memberi tahu jika alamat og:image mengembalikan error atau jika halaman dialihkan. Buka alamat og:image di browser Anda untuk memastikan gambarnya bisa dimuat.

Ketika keenam pemeriksaan hijau tetapi pratinjau masih salah

Markup mungkin sudah benar sementara ada hal lain yang masih gagal. Periksa apakah alamat gambar bisa dibuka di browser tanpa login, apakah halaman tidak dialihkan ke alamat lain dengan tag berbeda, dan apakah platform tidak menampilkan salinan cache dari pengambilan sebelumnya. Penyebab-penyebab ini berada di luar markup dan tidak bisa ditampilkan alat ini, tetapi hasil yang bersih di sini mempersempit pencarian ke penyebab tersebut.

Pertanyaan yang Sering Diajukan

Alat ini memindai teks mentah yang Anda tempel, termasuk komentar HTML. Hapus tag yang dikomentari sebelum menguji.

Hasil menampilkan satu nilai untuk setiap nama tag, yaitu yang terakhir ditemukan. Hapus duplikatnya agar tidak ambigu.

Inspektor menampilkan halaman setelah skrip dijalankan. Crawler umumnya membaca respons HTML mentah, jadi lakukan debug dengan view-source.

Tidak. Alat ini hanya membaca markup yang ditempel. Alat ini tidak bisa melihat pengalihan, permintaan yang diblokir, atau gambar yang gagal dimuat.

Alat Terkait

Parser UTM

Tempel URL kampanye dan baca lima tag UTM standarnya (source, medium, campaign, term, dan content) dengan setiap nilai ter-decode. Cara cepat memeriksa tautan pelacakan sebelum dikirim.

Penganalisis Header Keamanan

Tempel header respons HTTP Anda dan dapatkan saran berprioritas tentang header keamanan yang penting: Content-Security-Policy, Strict-Transport-Security, X-Frame-Options, Referrer-Policy, dan lainnya.

Pembuat Tautan UTM

Bangun URL pelacakan kampanye dengan parameter UTM source, medium, campaign, term, dan content. Tautan bersih ber-URL-encode, siap untuk iklan dan newsletter.

Pratinjau SERP

Pratinjau sebuah hasil pencarian Google sebelum dipublikasikan. Penghitung karakter langsung memperingatkan judul dan deskripsi meta yang terlalu panjang, dan cuplikan bergaya Google memperlihatkan tampilan hasil Anda.

Generator Breadcrumb Schema

Buat BreadcrumbList JSON-LD yang valid untuk hierarki halaman apa pun. Menghasilkan markup schema.org siap ditempel ke head situs Anda.

Pemeriksa Indeksabilitas

Periksa apakah sebuah URL dapat diindeks: robots.txt, meta robots, X-Robots-Tag, sinyal kanonik, dan status HTTP.

Alat ini tersedia dalam bahasa lain

Panduan dan contoh penggunaan