Cara Pasang Schema Markup (JSON-LD) di Blogger — Article, Breadcrumb, dan FAQ

Oleh TipsTechPraktis - Agustus 18, 2025

Schema Markup (JSON-LD) membantu mesin pencari memahami konten blog secara terstruktur. Dengan schema yang benar, artikel bisa memenuhi syarat rich results seperti breadcrumb di SERP, enhanced result untuk artikel, dan FAQ Rich Result.

Ringkasan

Gunakan JSON-LD (format yang direkomendasikan Google).
Pasang Article schema untuk halaman postingan.
Pasang BreadcrumbList agar jalur navigasi tampil di hasil pencarian.
Gunakan FAQPage schema (kamu sudah pakai gaya Plus UI—tinggal konsisten).
Uji dengan Rich Results Test.

1) Article Schema (per Post)

Idealnya diletakkan di <head> template dan hanya aktif saat single post. Contoh di bawah ini untuk dipasang di Theme → Edit HTML (bukan di isi artikel), di dalam <b:if cond='data:view.isPost'>.

<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/>",
    "datePublished": "<data:post.date.iso8601/>",
    "dateModified": "<data:post.lastUpdated.iso8601/>",
    "author": { "@type": "Person", "name": "Nama Penulis" },
    "publisher": {
      "@type": "Organization",
      "name": "<data:blog.title/>",
      "logo": {
        "@type": "ImageObject",
        "url": "https://your-cdn.com/logo-600x60.png",
        "width": 600,
        "height": 60
      }
    },
    "image": ["<data:post.firstImageUrl/>"],
    "articleSection": "<data:post.labels first='true'/>"
  }</script>
</b:if>

Catatan: ganti Nama Penulis & logo url sesuai blog kamu. Jika tidak ada firstImageUrl, bisa fallback ke gambar default.

2) BreadcrumbList Schema

Breadcrumb membantu Google menampilkan struktur navigasi di hasil pencarian.

<script type='application/ld+json'>{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    { "@type": "ListItem", "position": 1,
      "name": "Home", "item": "https://thetipsweb.blogspot.com/" },
    { "@type": "ListItem", "position": 2,
      "name": "Blog", "item": "https://thetipsweb.blogspot.com/search/label/Blog" },
    { "@type": "ListItem", "position": 3,
      "name": "Judul Post Saat Ini",
      "item": "https://thetipsweb.blogspot.com/2025/08/judul-post.html" }
  ]
}</script>

Tip: di template, kamu bisa menyusun otomatis berdasarkan label & judul post. Untuk versi cepat, pakai 2 level saja (Home → Judul Post).

3) FAQPage Schema (Plus UI)

Kamu sudah pakai **Plus UI FAQ** yang otomatis aman untuk schema jika strukturnya seperti ini:

<div class='showH' itemscope='' itemtype='https://schema.org/FAQPage'>
  <details class='ac' itemscope='' itemprop='mainEntity' itemtype='https://schema.org/Question'>
    <summary itemprop='name'>Pertanyaan A?</summary>
    <div class='aC' itemscope='' itemprop='acceptedAnswer' itemtype='https://schema.org/Answer'>
      <p itemprop='text'>Jawaban A.</p>
    </div>
  </details>
</div>

Hindari menduplikasi FAQ schema dalam JSON-LD dan Microdata untuk pertanyaan yang sama—cukup salah satu (punyamu sudah Microdata via Plus UI).

4) Validasi & Debug

Buka Rich Results Test → masukkan URL post.
Pastikan tipe Article, Breadcrumb, dan (jika ada) FAQ terbaca tanpa error.
Perbaiki warning (opsional), utamakan yang berdampak (image, author, date).

5) Best Practice

Satu skema per tujuan (Article untuk post, FAQ untuk bagian FAQ, Breadcrumb untuk navigasi).
Data harus akurat (judul, tanggal, gambar benar-benar ada di halaman).
Konsisten antara markup (JSON-LD / Microdata) dan konten yang tampil.

You may want to read this post :

Pertanyaan yang Sering Diajukan (FAQ)

Apakah JSON-LD lebih baik dari Microdata?

Ya. JSON-LD direkomendasikan Google karena lebih mudah dikelola dan tidak mengganggu struktur HTML.

Haruskah semua post punya Article schema?

Sebaiknya ya, untuk halaman postingan. Buat otomatis di template dengan kondisi data:view.isPost.

Apakah FAQ schema pasti muncul di hasil pencarian?

Tidak selalu. Google menampilkan rich result secara selektif. Pastikan konten FAQ relevan dan tidak berlebihan.

Kesimpulan

Pasang Article, Breadcrumb, dan FAQ schema untuk memperjelas struktur blog di mata mesin pencari. Lakukan pemasangan di template (untuk otomatis), lalu validasi dengan Rich Results Test setiap selesai update.

Cari Blog Ini

TheTipsWeb