Beranda
Blogger

Cara Membuat Template Blogger Part 5

i Part 5 ini, kodeviolet.com akan membahas tentang microdata dan schema markup yang sangat penting untuk meningkatkan visibilitas blog kalian di hasil
Kode Violet
Cara Membuat Template Blogger Part 5

Menambahkan Microdata dan Schema Markup untuk SEO Blogger

Halo teman-teman! Kembali lagi di seri lanjutan dari pembuatan template Blogger. Di Part 5 ini, kodeviolet.com akan membahas tentang microdata dan schema markup yang sangat penting untuk meningkatkan visibilitas blog kalian di hasil pencarian Google.

1. Apa itu Schema Markup?

Schema.org adalah standar markup yang digunakan oleh mesin pencari untuk memahami konten halaman kalian dengan lebih baik. Dengan menambahkan schema, blog kalian bisa menampilkan rich snippets seperti:

  • Rating bintang
  • Waktu baca
  • Breadcrumb
  • Informasi penulis

2. Cara Menambahkan Schema Markup Artikel

Tambahkan struktur JSON-LD di bagian <head> template kalian:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "<data:post.url/>"
  },
  "headline": "<data:post.title/>",
  "description": "Ringkasan artikel di sini...",
  "author": {
    "@type": "Person",
    "name": "<data:post.author/>",
    "url": "<data:post.author.url/>"
  },
  "datePublished": "<data:post.timestamp.iso8601/>",
  "dateModified": "<data:post.lastUpdated/>",
  "publisher": {
    "@type": "Organization",
    "name": "Nama Blog",
    "logo": {
      "@type": "ImageObject",
      "url": "URL_LOGO_BLOG_KALIAN"
    }
  }
}
</script>

3. Breadcrumb Schema untuk Navigasi

Tambahkan di bagian <head> atau tepat sebelum </body>:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Beranda",
      "item": "https://namablogkalian.com"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "<data:post.title/>"
    }
  ]
}
</script>

4. Validasi dengan Alat Google

Gunakan Google Rich Results Test untuk memastikan kode schema kalian terbaca dengan benar dan tidak error.

5. Tips Optimal

  • Gunakan schema hanya pada halaman posting (data:blog.pageType == 'item').
  • Jangan menumpuk banyak jenis schema jika tidak relevan.
  • Pastikan konten blog kalian sesuai dengan data yang kalian markup.

Kesimpulan Part 5

Dengan menambahkan schema dan microdata, blog kalian akan lebih SEO-friendly dan berpotensi muncul sebagai rich result di Google. Ini adalah salah satu cara terbaik untuk menambah traffic dan kredibilitas blog kalian. Yuk, langsung dicoba di template Blogger kalian dan sampai jumpa di part selanjutnya!

Posting Komentar