Cara Menambahkan Schema Markup di Blogger untuk Meningkatkan SEO
Artikel ini akan membahas cara menambahkan data terstruktur Schema.org ke blog Blogger (BlogSpot)
Apa Itu Schema Markup atau Data Terstruktur Schema.org?
Schema Markup adalah inisiatif dari Google, Bing, Yandex, dan Yahoo untuk membantu mesin pencari memahami struktur sebuah situs web melalui data terstruktur. Schema ini memungkinkan mesin pencari memberikan informasi tambahan tentang konten situs Anda, seperti yang terlihat dalam rich snippet di hasil pencarian.
Seperti meta tag, Schema Markup tidak terlihat oleh pengunjung situs web, tetapi tersedia dalam kode sumber situs untuk mesin pencari. Schema Markup dapat diletakkan di berbagai bagian situs web, seperti di bagian header atau body.
Contoh Schema Markup
Schema Markup dapat ditulis dalam format Microdata, RDFa, atau JSON-LD. Dalam tutorial ini, kita akan menggunakan format JSON-LD karena lebih direkomendasikan oleh Google.
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"author": "BangDomathID",
"interactionStatistic": [
{
"@type": "InteractionCounter",
"interactionService": {
"@type": "WebSite",
"name": "Twitter",
"url": "http://www.twitter.com"
},
"interactionType": "https://schema.org/ShareAction",
"userInteractionCount": "1245"
},
{
"@type": "InteractionCounter",
"interactionType": "https://schema.org/CommentAction",
"userInteractionCount": "80"
}
],
"name": "How to get rid of spam emails."
}
</script>Google mendukung semua format Schema Markup, dan dengan bantuan data terstruktur, mesin pencari dapat memproses data tersebut untuk menghasilkan rich snippet di hasil pencarian.
Cara Menambahkan Schema Markup di Blogger
Untuk menambahkan Schema Markup di Blogger, langkah-langkahnya adalah sebagai berikut:
1. Edit File Tema Blogger
Masuk ke Dashboard Blogger Anda.
Pilih menu Tema (Theme), lalu klik Edit HTML.
2. Temukan Kode <data:post.body/>
Cari kode <data:post.body/> dalam file XML tema Blogger Anda. Kode ini biasanya digunakan untuk menampilkan isi postingan blog.
3. Tambahkan Kode JSON-LD
Tempelkan kode berikut di bawah tag <data:post.body/>:
<b:if cond='data:view.isPost'>
<script type='application/ld+json'>
{
"@context": "http://schema.org",
"@type": "Article",
"@id": "<data:post.url/>#post-body-<data:post.id/>",
"mainEntityOfPage": "<data:post.url/>",
"headline": "<data:post.title/>",
"name": "<data:post.title/>",
"url": "<data:post.url/>",
"description": "<data:blog.metaDescription/>",
"image": "<data:post.featuredImage/>",
"datePublished": "<data:post.date.iso8601/>",
"dateModified": "<data:post.date.iso8601/>",
"author": {
"@type": "Person",
"name": "<data:post.author.name/>",
"url": "<data:blog.homepageUrl.jsonEscaped/>"
},
"publisher": {
"@type": "Organization",
"name": "<data:blog.homepageUrl.jsonEscaped/>",
"description": "Replace this line with your website tagline",
"logo": {
"@type": "ImageObject",
"url": "https://2.bp.blogspot.com/-wODeJOyrz0I/W5jkgWMQwUI/AAAAAAAAI2Q/_4jViZ-AE5sUPO9zq-seQr3ueykHJzEmQCLcBGAs/s1600/iascgl-logo.png",
"width": 600,
"height": 60
}
}
}
</script>
</b:if>Catatan:
Gantilah bagian yang ditandai dengan huruf kapital (seperti URL_ARTIKEL, JUDUL_ARTIKEL, dll.) dengan nilai sesuai blog Anda.
Anda juga bisa mengganti jenis schema dari Article menjadi BlogPosting untuk konten blog.
4. Simpan Tema
Klik tombol Simpan setelah Anda selesai menambahkan kode.
Verifikasi Schema Markup
Setelah menambahkan kode Schema Markup, Anda perlu memverifikasinya untuk memastikan tidak ada kesalahan. Gunakan alat seperti Rich Results Test dari Google untuk memeriksa apakah data terstruktur Anda sudah benar.
Kesimpulan
Dengan menambahkan Schema Markup di Blogger, Anda memberikan sinyal tambahan kepada mesin pencari tentang struktur konten blog Anda. Hal ini dapat membantu meningkatkan peluang blog Anda muncul dalam rich snippet di hasil pencarian, yang pada akhirnya meningkatkan SEO dan menarik lebih banyak pengunjung.
Jika Anda memiliki pertanyaan atau masukan, silakan tinggalkan komentar di bawah. Selamat mencoba dan semoga sukses!
