Meta Tag SEO Blogger Modern Lengkap dan Aman untuk Template
Pada Blogger, meta tag biasanya ditempatkan di dalam elemen <head> template. Namun memasang sebanyak mungkin meta tag bukan berarti SEO akan semakin baik.
Justru salah satu kesalahan yang sering ditemukan pada template Blogger lama adalah menumpuk puluhan meta tag yang sebenarnya sudah tidak digunakan, saling duplikat atau bahkan memberikan instruksi yang bertentangan.
Karena itu pembaruan tutorial ini tidak lagi menggunakan konsep semakin banyak meta tag semakin SEO. Kita hanya menggunakan metadata yang memang mempunyai fungsi jelas.
Fokus utama kita adalah title, description, canonical URL, robots, favicon, theme color, Open Graph, X/Twitter Card dan structured data yang masih relevan.
Google tidak menggunakan
meta keywords sebagai signal indexing maupun ranking sehingga tag tersebut tidak perlu dimasukkan ke template hanya untuk alasan SEO.
Meta description dapat membantu menjelaskan isi halaman dan pada kondisi tertentu digunakan Google sebagai snippet hasil pencarian, tetapi tidak berarti isi meta description selalu ditampilkan persis seperti yang kita tulis.
Metadata sosial seperti Open Graph dan X Card mempunyai fungsi berbeda dari metadata SEO Google. Fungsinya terutama membantu membuat preview ketika URL dibagikan.
- Apa Itu Meta Tag?
- Meta Tag yang Masih Penting
- Meta Tag Lama yang Sebaiknya Dihapus
- Jangan Hapus Semua Head Blogger
- Title dan Meta Description
- Canonical URL Blogger
- Meta Robots
- Favicon dan Theme Color
- Open Graph Facebook
- X atau Twitter Card
- Structured Data JSON-LD
- Kode Meta Tag Blogger Modern
- Cara Memasang ke Template
- Cara Mengecek Hasil Meta Tag
- Troubleshooting
Apa Itu Meta Tag?
Elemen <meta> digunakan untuk memberikan metadata yang tidak direpresentasikan langsung oleh konten utama halaman.
Contoh paling sederhana:
Meta tag berada di dalam:
Meta Tag yang Masih Penting
Meta Tag Lama yang Sebaiknya Dihapus
Banyak paket “meta tag SEO lengkap” lama memasukkan puluhan tag yang sekarang tidak memberikan manfaat SEO nyata.
Google tidak menggunakannya untuk indexing maupun ranking.
Tidak perlu menambahkan banyak meta bot dengan instruksi identik.
Tidak perlu menumpuk metadata bahasa sebagai trik ranking.
Optimasi Internet Explorer lawas sudah tidak relevan untuk template modern.
Konfigurasi pinned-site Windows lama tidak diperlukan untuk SEO Blogger modern.
Google sudah menghentikan tampilan sitelinks search box.
Halaman error jangan otomatis dilempar ke homepage melalui metadata SEO.
Gunakan favicon modern yang sederhana dan jelas.
Meta tag yang tidak dikenal oleh crawler biasanya hanya diabaikan. Fokus pada metadata yang mempunyai fungsi nyata dan hindari instruksi robots yang saling bertentangan.
Jangan Hapus Semua Head Blogger
Pada tutorial lama sering terdapat instruksi seperti “hapus semua meta tag kemudian ganti dengan paket berikut”.
Cara tersebut sebaiknya tidak dilakukan secara membabi buta.
Template Blogger biasanya mempunyai:
Blogger menggunakan data template untuk menghasilkan berbagai informasi halaman secara dinamis.
Sebelum menambahkan meta tag baru, periksa source halaman terlebih dahulu agar tidak menghasilkan dua description, dua canonical atau beberapa Open Graph tag dengan isi berbeda.
Title dan Meta Description
Elemen title tetap merupakan bagian penting dari sebuah halaman.
Untuk Blogger, bentuk sederhana:
Tidak perlu menambahkan kata seperti:
secara otomatis ke setiap title apabila kata tersebut tidak benar-benar membantu pengguna memahami halaman.
Untuk description:
Meta description memberikan kandidat deskripsi halaman, tetapi mesin pencari dapat memilih teks lain dari konten jika dianggap lebih relevan dengan query pengguna.
Canonical URL Blogger
Canonical digunakan untuk memberikan sinyal mengenai URL utama ketika konten dapat diakses melalui lebih dari satu alamat.
Canonical membantu pada situasi seperti variasi URL dengan parameter, HTTP/HTTPS atau variasi perangkat.
Namun canonical merupakan sinyal. Mesin pencari masih dapat memilih URL canonical lain jika menemukan signal yang lebih kuat.
Meta Robots
Untuk halaman normal yang boleh diindeks, sebenarnya tidak wajib menambahkan:
Perilaku tersebut merupakan kondisi normal crawler.
Meta robots lebih berguna ketika Anda ingin memberikan instruksi khusus:
atau:
Jangan menghasilkan satu meta robots berisi
index,follow kemudian meta lain pada halaman yang sama berisi noindex,nofollow. Periksa hasil HTML akhir template.
Favicon dan Theme Color
Untuk favicon modern, implementasinya tidak perlu sepanjang paket favicon generasi lama.
Jika ingin menyediakan Apple touch icon:
Theme color:
Tidak perlu membuat banyak variasi msapplication-square70x70logo, square150x150logo, wide310x150logo dan tag lama lainnya hanya demi SEO.
Open Graph Facebook
Open Graph digunakan untuk memberikan informasi ketika halaman dibagikan ke platform yang mendukung protokol tersebut.
Empat metadata dasar adalah:
Contoh Blogger:
Open Graph Description
Open Graph Image
Anda juga dapat memberikan alt gambar:
X atau Twitter Card
Walaupun platform Twitter telah berganti nama menjadi X, metadata card secara umum masih menggunakan prefix twitter:.
Untuk artikel bergambar, format sederhana:
Gambar:
Jika mempunyai akun X:
Pastikan gambar sosial dapat diakses publik melalui HTTPS, tidak diblokir crawler dan mempunyai rasio yang cocok untuk preview besar.
Structured Data JSON-LD
Structured data berbeda dari meta tag biasa. JSON-LD memberikan informasi terstruktur mengenai jenis entitas pada halaman.
Untuk identitas website, struktur sederhana:
Perhatikan bahwa versi artikel lama mempunyai:
Bagian tersebut tidak perlu dipertahankan hanya untuk mendapatkan sitelinks search box karena Google sudah menghentikan fitur tersebut.
Structured data artikel sebaiknya menggunakan BlogPosting atau Article dan ditempatkan pada konteks data posting yang benar.
Nilai author, tanggal, gambar dan publisher dalam JSON-LD harus mewakili isi halaman sebenarnya. Jangan menambahkan rating, review atau data lain yang tidak benar-benar tersedia pada konten.
Kode Meta Tag Blogger Modern
Berikut contoh blok yang jauh lebih ringkas dibanding paket meta tag lama.
Jangan langsung menempelkannya sebelum memeriksa metadata yang sudah dibuat template Anda. Gunakan bagian yang belum tersedia dan hindari duplikasi.
Yang Sengaja Tidak Ada
meta keywords
Tidak digunakan Google Search.
MSNBot
Tidak perlu bot meta terpisah.
spiders
Tidak diperlukan.
WEBCRAWLERS
Tidak diperlukan.
IE9 Shiv
Browser lawas.
SearchAction
Sitelinks search box dihentikan.
JS 404 redirect
404 sebaiknya tetap informatif.
15 favicon tags
Tidak diperlukan.
Cara Memasang ke Template
Login kemudian pilih blog.
Pilih menu Tema.
Download salinan template terlebih dahulu.
Buka editor HTML template.
Periksa seluruh metadata yang sudah ada.
Periksa title, description, canonical, robots, OG dan Twitter.
Jangan mengganti seluruh head tanpa alasan.
Periksa homepage, artikel, halaman dan label.
Data Blogger ditulis menggunakan format seperti:
Data tersebut diisi Blogger secara dinamis berdasarkan halaman yang sedang dibuka.
Cara Mengecek Hasil Meta Tag
Jangan hanya memeriksa template editor. Yang perlu dianalisis adalah HTML yang sudah dirender browser.
Periksa metadata HTML akhir.
Gunakan URL Inspection untuk halaman penting.
Periksa Open Graph Facebook.
Validasi struktur JSON-LD.
Cari Meta Duplikat
Pada source halaman, cari:
Idealnya metadata utama tidak mempunyai beberapa nilai berbeda yang saling bertentangan.
Troubleshooting
Periksa entity XML, quote, penutup b:if dan struktur tag Blogger.
Template atau all-head-content kemungkinan sudah menghasilkannya. Hapus implementasi tambahan yang duplikat.
Gunakan satu implementasi canonical yang benar. Jangan menambah canonical hanya karena melihatnya pada tutorial lain.
Periksa og:image, cache platform sosial dan gambar utama posting.
Pastikan twitter:card memakai summary_large_image dan URL gambar dapat diakses.
Ini belum tentu error. Google dapat membuat snippet sendiri berdasarkan query pencarian.
Google perlu melakukan crawl ulang. Pastikan favicon stabil, dapat diakses dan tidak diblokir.
Sitelinks search box sudah dihentikan Google sehingga markup tersebut tidak perlu dikejar.
Itu memang disengaja karena Google Search tidak menggunakan meta keywords.
Metadata membantu mesin dan platform memahami halaman, tetapi tidak dapat menggantikan artikel yang berguna, struktur navigasi yang baik, internal link relevan, performa halaman dan pengalaman pengguna.
Optimasi meta tag Blogger modern sebenarnya jauh lebih sederhana dibandingkan paket SEO generasi lama.
Kita tidak membutuhkan puluhan meta bot, meta keywords, compatibility Internet Explorer, daftar favicon yang sangat panjang ataupun kode yang mengklaim dapat meningkatkan ranking hanya karena ditempatkan di dalam head.
Pertahankan metadata inti yang jelas: title, description, canonical, robots jika diperlukan, favicon, Open Graph, X Card dan structured data yang sesuai dengan isi halaman.
Yang tidak kalah penting adalah memeriksa apa yang sudah dihasilkan Blogger dan template sebelum menambahkan kode baru. Duplikasi metadata sering terjadi karena pengguna memasang paket SEO baru di atas metadata bawaan yang sebenarnya sudah bekerja.
Template yang baik bukan template dengan head paling panjang, tetapi template yang menghasilkan metadata tepat sesuai jenis halaman dan tidak memberikan signal yang saling bertentangan.
About CodeFlare
1 comment:
💬 Share Your Thoughts & Join the Hall of Fame!
Punya pendapat atau tips tentang artikel ini? Tuliskan komentar kamu sekarang! 🚀
💎 Komentar yang bermanfaat, relevan, dan positif berkesempatan tampil di CodeFlare Hall of Fame dan masuk ke Top Commentators Widget.
👉 Comment now. Share your ideas. Get noticed on codeflare.net
Wahhh untuk meningkatkan kualitas artikel dalam SEO ternyata tidak hanya soal tulisan saja ya, tentu dengan menerapkan meta tag yang SEO Friendly kedalam website juga bisa membantu artikel untuk bisa terindex dan muncul di halaman google. Luar biasa, meta tag SEO yang dibagikan sangat bermanfaat sekali, terima kasih.
ReplyDelete