Markup Data Terstruktur BreadcrumbList Untuk CMS Blogger

<b:if cond='data:view.isPost'>
  <script type='application/ld+json'>{
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [{
      "@type": "ListItem",
      "position": 1,
      "name": "<data:messages.home.jsonEscaped/>",
      "item": "<data:blog.homepageUrl.canonical.jsonEscaped/>"
   },{
      "@type": "ListItem",
      "position": 2,
      "name": "<b:if cond='data:post.labels'><data:post.labels.first.name.jsonEscaped/></b:if>",
      "item": "<data:post.labels.first.url.canonical.jsonEscaped/>"
   },{
      "@type": "ListItem",
      "position": 3,
      "name": "<data:post.title.jsonEscaped/>",
      "item": "<data:post.url.canonical.jsonEscaped/>"
    }]
  }</script>
</b:if>

BreadcrumbList adalah markup data terstruktur yang terstandardisasi untuk menunjukkan direktori halaman web kepada mesin pencari, memicu perilaku search engine untuk menampilkan breadcrumb pada konten (halaman web) di laman hasil penelusuran Google.

[ads id="ads1"]

Gambar ilustrasi breadcrumb di halaman hasil penelusuran Google

Penerapan/Cara Penggunaan (BreadcrumbList)

Pasang/tempatkan markup data terstruktur BreadcrumbList di area <head> situs (blog) seperti yang terlihat pada contoh cuplikan kode berikut.

<!DOCTYPE html>
<html lang="id">
  <head>
   <!--tempatkan kode/script BreadcrumbList disini-->
  </head>
 <!--document body-->
</html>

Notes: Setelah memasang script BreadcrumbList jangan lupa untuk memvalidasi situs (blog) menggunakan alat validator.schema.org untuk memastikan bahwa tidak ada kesalahan apapun pada script.