Skip to main content

Breadcrumb Tersembunyi Khusus Blogger

Sepertinya ada juga jenis Breadcrumb tersembunyi yang bisa dipasang di Template Blogger dan tentunya tidak terlihat oleh pengunjung namun tetap baik karena bisa terbaca oleh mesin pencari.

Kebetulan blog ini memakai itu dan dari tes "hasil kaya" atau tes breadcrumb ini di search console menyatakan valid alias sah, keren-nya lagi kode ini berfungsi untuk satu label maupun lebih, seperti kita ketahui pengambilan breadcrumb di blogger umumnya berdasarkan label postingan.

Apa fungsi breadcrumb?

Saya tidak tau siapa pembuat kode ini tapi tengkyu untuk editblogtema.com karena saya mengambil kode ini disana, berikut ini kodenya.

<b:includable id='breadCrumb'>
<script type='application/ld+json'>{ "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "Home", "item": "<data:blog.homepageUrl.canonical/>" <b:if cond='!data:post.labels'>}<b:else/>},<b:loop index='i' values='data:post.labels' var='label'> { "@type": "ListItem", "position": <b:with value='data:i + 2' var='num'><b:eval expr='data:num'/></b:with>, "name": "<data:label.name/>", "item": "<data:label.url.canonical/>" <b:if cond='data:post.labels.size != data:i + 1'>},<b:else/>}</b:if></b:loop></b:if> ] }</script>
</b:includable>

Cara pemasangan-nya:

1. Masuk ke halaman Tema pilih button berwarna orange mirip panah ke bawah lalu pilih Edit HTML, sesampainya disana selanjutnya tap titik tiga lalu pilih Loncat ke widget Blog.


2. Pasang kode <b:includable id='breadCrumb'> diatas dimanapun dalam area widget Blog (atau lihat gambar diatas).

2a. Umumnya pada Template Contempo maupun Essential susunan kode seperti gambar diatas berada diatasnya <b:includable id='postBody' var='post'> jadi cari "id postBody" dalam widget Blog pasti ketemu susunan kode seperti dalam gambar diatas. Tentu saja ini bukan satu2nya cara alias boleh juga dengan pemasangan cara lain.

2b. Pasang atau selipkan <b:include name='breadCrumb'/> diantara susunan seperti contoh gambar dan harus dibungkus oleh kode <b:if cond='data:view.isSingleItem'> bertujuan agar hanya tampil dihalaman postingan saja.

Catatan: Secara default susunan diatas sudah ada pada Template namun perlu ditambahi <b:include name='breadCrumb'/>

2c. Perlu dipahami juga setiap ada kode <b:include name='breadCrumb'/> bertujuan untuk memanggil dan yang dipanggil adalah <b:includable id='breadCrumb'>

includable = dipanggil.
include = memanggil.

Jika tidak di include maka kode includable tidak akan berfungsi/muncul alias nonaktif. Namun karena ini Breadcrumb tersembunyi maka meskipun sudah di include tetap tidak akan terlihat.

Untuk mengetahui apakah valid atau tidak  setelah pemasangan silakan cek blog anda di search console https://search.google.com/search-console pastikan blog anda sudah terdaftar disana jika belum bisa juga uji langsung di pengujian hasil kaya https://search.google.com/test/rich-results 

Masukkan alamat blog anda dan uji, petunjuk lengkapnya ada disana, Selamat mencoba.

Comments