Mengungkap Rahasia Rich Snippet: Panduan Lengkap Schema Markup Article untuk Blogger

Blogging - Pernah melihat hasil pencarian Google yang menampilkan gambar, tanggal terbit, dan nama penulis di bawah judul artikel?

Tampilan menarik itu disebut Rich Snippet, dan salah satu cara agar blog Anda bisa mendapatkannya adalah dengan menerapkan Schema Markup Article.

Bagi pengguna Blogger, Schema Markup sangat penting untuk membantu mesin pencari memahami isi artikel dengan lebih baik, sekaligus meningkatkan SEO dan CTR (Click-Through Rate).

Apa Itu Schema Markup?

Mengungkap Rahasia Rich Snippet Panduan Lengkap Schema Markup Article untuk Blogger

Schema Markup adalah potongan kode data terstruktur (structured data) yang ditambahkan ke dalam HTML blog agar Google dapat mengenali isi halaman Anda dengan akurat.

Baca juga : Cara Buat Sitemap Grid Seperti Inteknologi.com ( Contoh Disini )

Bayangkan Anda menulis resep kue. Tanpa Schema, Google hanya melihat teks. Tapi dengan Schema, Anda memberi tahu Google bahwa:

Ini nama resepnya.
Ini waktu memasaknya.
Ini jumlah kalorinya.

Dalam dunia blogging, Schema berfungsi memberi tahu mesin pencari bahwa halaman tersebut adalah artikel blog lengkap dengan judul, penulis, tanggal, dan gambar utama.

Mengapa Schema Markup Penting untuk Blogger?

Menambahkan Schema Markup Article memberikan banyak keuntungan dalam optimasi SEO blog Anda.

1. Meningkatkan Peluang Muncul Sebagai Rich Snippet

Schema membantu Google menampilkan artikel Anda dengan format Rich Snippet, seperti thumbnail, nama penulis, dan tanggal terbit.

Tampilan ini lebih menarik dan dapat meningkatkan CTR hingga 30–40%.

2. Meningkatkan Kepercayaan Mesin Pencari

Dengan menandai elemen penting seperti headline, author, dan datePublished, Anda membuat Google lebih memahami struktur konten dan memperkuat otoritas blog Anda.

3. Praktik Terbaik SEO Modern

Di era SEO modern, Google menyarankan penggunaan data terstruktur Schema.org agar halaman Anda mudah diindeks dan berpeluang mendapatkan fitur pencarian yang kaya (Rich Results).

Cara Kerja Schema Markup Article di Blogger

Schema Markup biasanya menggunakan format Microdata atau JSON-LD.

Untuk Blogger, versi JSON-LD lebih direkomendasikan karena lebih rapi dan mudah dikenali oleh mesin pencari.

1. Menentukan Entitas Utama Artikel

Gunakan deklarasi berikut untuk mendefinisikan bahwa halaman Anda adalah sebuah artikel:

itemscope itemtype="https://schema.org/Article"

itemscope: Menandakan awal dari sebuah entitas data.
itemtype="https://schema.org/Article": Menjelaskan bahwa entitas tersebut adalah artikel blog.

2. Mendefinisikan Properti Utama Artikel

Berikut pemetaan atribut itemprop dengan data Blogger yang sesuai:

Properti	Fungsi	Kode Blogger
`headline`	Judul artikel	`expr:content='data:post.title'`
`author`	Nama penulis	`expr:content='data:post.author.name'`
`datePublished`	Tanggal terbit	`expr:content='data:post.dateHeader'`
`dateModified`	Tanggal pembaruan	`expr:content='data:post.dateHeader'`
`mainEntityOfPage`	URL artikel	`expr:content='data:post.url'`
`image`	Thumbnail artikel	`expr:content='data:post.firstImageUrl'`

Contoh Kode Schema Markup Article untuk Blogger (Siap Pakai)

Berikut contoh kode JSON-LD Schema Markup Article yang bisa langsung ditempel di template Blogger, tepat di atas </head> atau di bawah tag <b:if cond='data:view.isPost'>.

<!-- =============================== -->

<!-- ✅ SCHEMA MARKUP ARTICLE UNTUK BLOGGER -->

<!-- =============================== -->

<b:if cond='data:view.isPost'>

<script type='application/ld+json'>

{

  "@context": "https://schema.org",

  "@type": "Article",

  "mainEntityOfPage": {

    "@type": "WebPage",

    "@id": "<data:post.url/>"

  },

  "headline": "<data:post.title/>",

  "description": "<data:post.snippet/>",

  "image": {

    "@type": "ImageObject",

    "url": "<data:post.firstImageUrl/>"

  },

  "author": {

    "@type": "Person",

    "name": "<data:post.author.name/>"

  },

  "publisher": {

    "@type": "Organization",

    "name": "<data:blog.title/>",

    "logo": {

      "@type": "ImageObject",

      "url": "<data:blog.logoUrl/>"

    }

  },

  "datePublished": "<data:post.dateHeader/>",

  "dateModified": "<data:post.dateHeader/>"

}

</script>

</b:if>

💡 Tips:

Jika logo blog Anda tidak otomatis terbaca, ubah bsp; menjadi URL gambar logo blog Anda.

Pastikan setiap artikel memiliki gambar utama (data:post.firstImageUrl) untuk memperbesar peluang muncul sebagai Rich Snippet bergambar.

Cara Mengecek Validasi Schema Markup Anda

Setelah kode dipasang, lakukan pengujian menggunakan alat resmi Google:

🔗 Rich Results Test – Google

Langkah-langkah:

Kunjungi halaman pengujian di atas.
Masukkan URL postingan blog Anda.
Klik Test URL.

Jika muncul status Valid, maka Schema Anda siap bekerja.

Tambahan: Schema FAQ (FAQPage) untuk Blogger

Untuk meningkatkan peluang tampil di bagian People Also Ask atau kotak pertanyaan di hasil pencarian Google, Anda bisa menambahkan Schema tipe FAQPage di bawah artikel.

Gunakan format JSON-LD berikut:

<!-- =============================== -->

<!-- ✅ SCHEMA FAQPAGE UNTUK BLOGGER -->

<!-- =============================== -->

<b:if cond='data:view.isPost'>

<script type='application/ld+json'>

{

  "@context": "https://schema.org",

  "@type": "FAQPage",

  "mainEntity": [

    {

      "@type": "Question",

      "name": "Apa itu Schema Markup di Blogger?",

      "acceptedAnswer": {

        "@type": "Answer",

        "text": "Schema Markup adalah kode data terstruktur yang membantu Google memahami isi konten blog Anda, seperti judul, penulis, dan tanggal terbit."

      }

    },

    {

      "@type": "Question",

      "name": "Bagaimana cara menambahkan Schema Markup di Blogger?",

      "acceptedAnswer": {

        "@type": "Answer",

        "text": "Anda dapat menambahkan kode JSON-LD Schema Markup Article di dalam template Blogger, tepat di atas tag </head> atau di dalam kondisi <b:if cond='data:view.isPost'>."

      }

    },

    {

      "@type": "Question",

      "name": "Apa manfaat Schema Markup untuk SEO?",

      "acceptedAnswer": {

        "@type": "Answer",

        "text": "Schema Markup meningkatkan peluang blog Anda tampil sebagai Rich Snippet, meningkatkan CTR, dan memperkuat kepercayaan mesin pencari terhadap konten Anda."

      }

    }

  ]

}

</script>

</b:if>

Menggunakan Schema Markup Article dan FAQPage di Blogger adalah strategi cerdas untuk meningkatkan SEO dan visibilitas blog di hasil pencarian Google.

Dengan menambahkan data terstruktur yang valid, Anda tidak hanya membantu Google memahami konten, tapi juga membuka peluang tampil sebagai Rich Snippet dan FAQ Rich Result.

Langkah kecil ini bisa membawa dampak besar bagi perkembangan blog Anda ke depan.

Selalu uji validasi Schema Anda agar hasilnya optimal dan blog tampil profesional di mata mesin pencari.