Cara Memperbaiki Error Breadcrumbs di Google Search Console

Awal mulanya kenapa saya bikin tutorial ini adalah setelah selesai saya bikin 2 artikel baru dalam 2 hari berturut-turut, kemudian saya cek di google search dan saya tidak berhasil menemukan 2 artikel baru tersebut di hasil pencarian google search.

Kemudian saya berinisiatif untuk mengeceknya ke halaman google search console. Link nya bisa ke sini. Cukup kaget juga ketika melihat error yang saya temukan, terdapat notifikasi URL is available to Google, but has issues. Dan dicek ke bawah lagi, ternya ada permasalahan error Breadcrumbs teman-teman.

error breadcrumbs carapos.com
Mungkin teman-teman disini ada yang belum tahu apa sih itu Breadcrumbs?
Breadcrumb sendiri merupakan fitur yang baru dari Google Search Console guna membantu pengunjung blog/website memahami lokasi mereka dalam sebuah website.

Kebetulan saya menggunakan template viomagz buatan mas sugeng dan ada update versi terbarunya. Saya juga membuat artikel tentang template viomagz mas sugeng di link sini. Bisa dibeli di link ini.

Perbaikan markup kode data terstruktur menjadi schema.org dari yang sebelumnya data-vocabulary.org pada template versi terbaru.

Nah, begini cara nya teman-teman. Berikut tutorial Cara Memperbaiki Error Breadcrumbs di Google Search Console.

1. Pertama-tama silahkan teman-teman masuk ke halaman dashboard blogger >> Kemudian Klik menu Tema.

2. Sebelum melakukan perubahan atau edit tema, sebaiknya tema/template blogger teman-teman di backup dengan cara di download terlebih dahulu sesuai gambar berikut ini. Cara ini dilakukan buat jaga-jaga jika perubahan html teman-teman malah jadi kacau atau gagal.

backup theme blogspot carapos.com
3. Setelah selesai melakukan backup tema, Selanjutnya Klik Edit HTML.

edit theme blogspot carapos.com

2. Setelah muncul halaman berisi kode HTML, selanjutnya arahkan kursor di dalam HTML tersebut, kemudian tekan tombol CTRL + F. Setelah tekan tombol tersebut, akan muncul kotak pencarian. di sebelah kanan atas teman-teman. Setelah itu masukkan kode <b:includable id='breadcrumb' var='posts'> pada kolom pencarian tersebut.

breadcrumbs blogspot carapos.com


3. Teman-teman akan menemukan kode <b:includable id='breadcrumb' var='posts'>. Lalu taruh kode dibawah ini tepat setelah kode <b:includable id='breadcrumb' var='posts'>


<b:if cond='data:view.isPost'> <b:loop values='data:posts' var='post'> <div class='breadcrumbs' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'> <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'> <a expr:href='data:blog.homepageUrl' itemprop='item' title='Home'> <meta content='1' itemprop='position'/> <span itemprop='name'><b:switch var='data:blog.locale'><b:case value='id'/>Beranda<b:default/>Home</b:switch></span></a> </span> <b:if cond='data:post.labels'> <b:loop index='nomor' values='data:post.labels' var='label'> &amp;nbsp;&#8250;&amp;nbsp; <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'> <meta expr:content='data:nomor+2' itemprop='position'/> <a expr:href='data:label.url + &quot;?&amp;max-results=8&quot;' expr:title='data:label.name' itemprop='item' rel='nofollow'> <span itemprop='name'><data:label.name/></span> </a> </span> </b:loop> <b:else/> &amp;nbsp;&#8250;&amp;nbsp; <span itemprop='name'><data:blog.pageName/></span> </b:if> </div> </b:loop> <b:elseif cond='data:view.isPage'/> <div class='breadcrumbs' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'> <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'> <a expr:href='data:blog.homepageUrl' itemprop='item' title='Home'> <meta content='1' itemprop='position'/> <span itemprop='name'><b:switch var='data:blog.locale'><b:case value='id'/>Beranda<b:default/>Home</b:switch></span></a> </span> &amp;nbsp;&#8250;&amp;nbsp; <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'> <meta expr:content='data:num+2' itemprop='position'/> <a expr:href='data:blog.url' expr:title='data:post.url' itemprop='item'> <span itemprop='name'><data:blog.pageName/></span> </a> </span> </div> </b:if> </b:includable>

Lalu taruh kodenya seperti gambar dibawah ini:

edit breadcrumbs blogspot carapos.com
4. Selanjutnya klik Simpan Tema dan selesai.

5. Tahap berikutnya silahkan teman-teman cek di google Search Console dan klik menu Breadcrumb yang sudah saya kotak merah.

breadcrumbs search console carapos.com
5. Selanjutnya click validate fix


dan akan muncul popup seperti ini.



6. Kemudian cek lagi menu breadcrumbs nya. Biasanya membutuhkan waktu lebih dari satu hari. Jika tidak ada pesan error-nya berarti perbaikan telah berhasil dilakukan. Semoga saja ya tidak ada error. hehe

7. Tahap terakhir coba lakukan inspect url seperti gambar dibawah. Jika berhasil akan muncul ceklist oke berwarna hijau.

testing live url search console carapos.com
dan hasilnya sebagai berikut :

url is available to google carapos.com


 Hore berhasil ...

Sampai disini tutorialnya.

Semoga dengan membaca tutorial Cara Memperbaiki Error Breadcrumbs di Google Search Console ini, permasalahan teman-teman bisa teratasi.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel