MasihTerjaga » Blogger » Markup » Breadcrumb Json Blogger

Breadcrumb Json Blogger

Diposting oleh di
Script JSON-LD Schema.org Untuk Breadcrumb Blogger
Daftar Isi Artikel []
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.
Contoh Breadcrumb SEO Friendly Blogger

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

Postingan lainnya

8 Komentar

  1. Sigit

    21/6/19

    Mas,mau nanya kalau markup schema Jason LD webpage berikut pemasangannya di homepage gimana ?,pemasangan di homepage ya bukan di postingan blogger,jadi yang di markup halaman homepage bukan halaman posting blogger,thanks

    • Dista

      21/6/19

      Mungkin bisa dibungkus pakai tag kondisional blogger untuk halaman beranda, Mas.

      • Sigit

        23/6/19

        Gak jadi mas,saya udah dapat script berikut cara pasangnya,thanks

        • Dista

          23/6/19

          Baik mas, terimakasih sudah berkunjung

  2. Rich Ard

    8/10/19

    di template saya gak ada <article mas, gimana ya?

    • Dista

      8/10/19

      cari <b:includable id='post' var='post'>, tempel tepat dibawahnya.

  3. Blogger Aceh

    16/12/19

    Apa perbedaannya dengan Breadcrumb yang pakai markuo microdata, dan pengaruhnya ke blog, mas?

    • Dista

      17/12/19

      Saya sudah menyertakan link dimana terdapat informasi yang sangat lengkap terkait penggunaan struktur data Microdata, Json+ld, bahkan RDFa. Fungsi dan pengaruhnya sama, tapi Google lebih merekomendasikan agar menggunakan Json+ld.