Tentang alat ini
Tag meta di HTML <head> mengontrol bagaimana mesin pencari dan platform sosial menampilkan pratinjau halaman. Tag yang paling penting mencakup <title>, <meta name="description">, tag Open Graph (og:title, og:description, og:image), dan tag Twitter Card (twitter:title, twitter:description, twitter:image). Jika tag ini hilang, salah format, atau salah, cuplikan penelusuran dan pratinjau sosial akan terlihat rusak atau menggunakan konten yang tidak diinginkan.
Pemeriksa ini mengambil URL dan memeriksa semua tag meta yang relevan. Tag yang hilang ditandai. Tag dengan konten yang melebihi batas panjang spesifik platform (pemotongan cuplikan Google, batas karakter Twitter) disorot. Referensi gambar diverifikasi — jika og:image menunjuk ke 404, pratinjau sosial akan rusak.
Semua ini penting karena sebagian besar klik ke situs Anda berasal dari hasil pencarian dan pembagian sosial. Tag meta adalah salinan pemasaran yang menentukan apakah suatu klik terjadi. Melakukannya dengan benar adalah salah satu tugas SEO dan sosial dengan leverage tertinggi.
Mengapa Memeriksa Meta Tag
Kesalahan meta tag tidak terjadi. Halaman tanpa og:image masih dimuat dengan benar; tidak ada apa pun di halaman ini yang memberi tahu Anda bahwa pembagian sosial terlihat rusak. Kesalahannya hanya terlihat ketika seseorang membagikan halaman tersebut, sehingga kesan pertama yang terlewatkan sudah hilang. Memeriksa halaman secara rutin dapat mendeteksi masalah ini sejak dini.
Setelah perubahan besar pada situs — desain ulang, migrasi CMS, pembaruan templat — tag meta sering kali mengalami kemunduran. Lulus QA pada halaman penting menegaskan tidak ada hal penting yang hilang dalam perubahan tersebut.
Detail Teknis
Tag meta yang diperlukan untuk SEO: <title> (50-60 karakter; Google memotong lebih dari ini dalam cuplikan pencarian), <meta name="description"> (150-160 karakter; teks yang lebih panjang terpotong). Hilangnya salah satu dari keduanya akan menurunkan tampilan pencarian secara signifikan.
Tag Open Graph (digunakan oleh Facebook, LinkedIn, Slack, dan banyak lainnya): og:title, og:description, og:image, og:url, og:type. og:gambar harus berukuran minimal 1200×630 piksel untuk rendering DPI tinggi. og:image:alt adalah label aksesibilitas.
Tag Kartu Twitter: twitter:kartu (biasanya ringkasan_gambar_besar), twitter:judul, twitter:deskripsi, twitter:gambar. Twitter kembali menggunakan tag OG jika tag khusus Twitter tidak ada, jadi OG yang dikonfigurasi dengan baik sering kali sudah cukup.
Pertanyaan yang sering diajukan
- Meta tag apa yang paling penting untuk SEO?
- Tag judul (paling penting — 50-60 karakter), deskripsi meta (150-160 karakter), URL kanonik, meta robot, Grafik Terbuka (og:judul, og:deskripsi, og:gambar), dan area pandang untuk seluler. Ini secara langsung mempengaruhi peringkat pencarian dan rasio klik-tayang.
- Berapa panjang tag judul saya?
- 50-60 karakter (atau ~580 piksel) untuk tampilan penuh di hasil pencarian Google. Judul yang lebih panjang terpotong dengan '...'. Kata kunci penting yang dimuat di depan sejak awal paling terlihat dan membawa lebih banyak bobot SEO.
- Apakah saya memerlukan tag Open Graph?
- Ya, jika halaman Anda dibagikan di media sosial. Tanpa og:image dan og:title, Facebook/LinkedIn akan secara otomatis membuat pratinjau yang mungkin terlihat buruk. Tag OG yang tepat memastikan konten Anda tampak bagus saat dibagikan.
- Untuk apa tag kanonik?
- Tag kanonik (rel="canonical") memberi tahu mesin telusur URL mana yang merupakan versi 'resmi' suatu laman. Ini mencegah masalah duplikat konten ketika halaman yang sama dapat diakses di beberapa URL (dengan/tanpa www, HTTP/HTTPS, dengan parameter kueri).
- Mengapa share Facebook saya menampilkan gambar yang salah?
- Paling sering Facebook menggunakan versi cache. Gunakan Debugger Berbagi Facebook untuk menghapus cache dan mengambil ulang halaman Anda.
- Apakah tag meta peka huruf besar-kecil?
- Nama properti menggunakan huruf kecil berdasarkan konvensi. Kebanyakan parser bersifat toleran, tetapi tetap menggunakan huruf kecil demi keamanan.
- Apakah URL saya diambil dari browser atau server?
- Tergantung pada alatnya. Pengambilan browser mungkin mengalami masalah CORS; beberapa alat menggunakan proxy server untuk mengambil dan melaporkan kembali.
- Bagaimana dengan data terstruktur JSON-LD?
- JSON-LD adalah data terstruktur untuk hasil kaya, terpisah dari tag meta. Kebanyakan pemeriksa meta tag fokus pada meta kepala HTML; validator data terstruktur adalah kelas alat yang terpisah.