Breadcrumb Json Blogger

Markup Schema Json - Cara memasang schema.org dengan markup json+ld pada breadcrumb blogger agar lebih SEO Friendly.

Cara Memasang Breadcrumb Schema Json di Blogger

Jika template yang dipakai sudah memasang breadcrumb dengan markup microdata, hapus semua atribut dan nilai dari itemprop, itemscope, dan itemtype pada elemen breadcrumb (umumnya elemen breadcrumb memiliki class='breadcrumbs') agar tidak terjadi duplikat.

Jika sudah dihapus, letakan script di bawah ini setelah <article .... > dalam template, lalu save.

<b:if cond='data:view.isPost and data:post.labels'>
<script type='application/ld+json'>{
  "@context":"https://schema.org",
  "@type":"BreadcrumbList",
  "itemListElement":[
    {
      "@type":"ListItem",
      "position":1,
      "item":{
        "@type":"WebSite",
        "@id":"<data:blog.homepageUrl/>",
        "url":"<data:blog.homepageUrl/>",
        "name":"<data:blog.title/>"
      }
    }<b:loop index='num' values='data:post.labels' var='label'>,
    {
      "@type":"ListItem",
      "position": <b:eval expr='data:num + 2'/>,
      "item":{
        "@type":"WebPage",
        "@id":"<data:label.url/>",
        "url":"<data:label.url/>",
        "name":"<data:label.name/>"
      }
    }</b:loop>
  ]
}
</script>
</b:if>

Untuk memastikan, tes halaman artikel di alat pengecekan data terstruktur dari Google, disini. Jika berhasil, akan muncul item BreadcrumbList pada bilah sisi kanan seperti gambar dibawah.

Kelebihan Markup Schema Json Breadcrumb

SEO Friendly. Markup Json adalah struktur data yang direkomendasikan, Google menyarankan agar menggunakan json ld jika memang memungkinkan.

Mengalami Kendala? Tanyakan pada komentar.

Artikel Markup Schema Json di Blog ini:
FAQ
HowTo
Review