Hay bro kembali lagi dengan Aku di Revashare, Kemarin blog ini muncul notifikasi error pada bagian Breadcrumb yang terpasang pada template blog ini. Mungkin tidak semua mengalami masalah seperti ini pada template blog yang kalian pasang, namun ada juga yang mendapatkan masalah Breadcrumb pada template blog mereka
Kalini Aku akan membagi tips untuk mengatasi hal ini, dengan cara mengganti code Breadcrumb lama kalian dengan menggunakan markup breadcrumb versi paling terbaru terbaru yaitu schema.org yang paling direkomendasikan oleh mesin pencari seperti Google dan Bing.
Bagi kalian yang mengalami masalah yang seperti Aku alami yaitu error pada bagian breadcrumb, langsung saja ikuti Cara Mengatasi Error Breadcrumb di Google Search Console Blogger berikut ini.
Cara Mengatasi Error Breadcrumb di Search Console Blogger
Jika pada template blog kalian sudah terpasang Breadcrumb, kalian bisa menggantinya dengan versi terbaru ini. Jika belum kalian bisa langsung menambahkannya pada template blog kalian.
Pertama tama buka halaman Blogger kalian > Klik menu Tema lalu klik Edit HTML > Setelah itu tambahkan code berikut tepat di atas code <b:includable id='comment-form' var='post'>
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.pageType == "item"'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'>
<span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<a class='homebread' expr:href='data:blog.homepageUrl' itemprop='item' title='Home'>
<span itemprop='name'>Home</span></a>
<meta content='1' itemprop='position'/>
</span>
<svg viewBox='0 0 24 24'>
<path d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' fill='#000000'/>
</svg>
<b:loop index='num' values='data:post.labels' var='label'>
<span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<a expr:href='data:label.url + "?&max-results=16"' expr:title='data:label.name' itemprop='item'>
<span itemprop='name'>
<data:label.name/>
</span>
</a>
<meta expr:content='data:num+2' itemprop='position'/>
</span>
<b:if cond='data:label.isLast != "true"'>
<svg viewBox='0 0 24 24'>
<path d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' fill='#000000'/>
</svg>
</b:if>
</b:loop>
<svg viewBox='0 0 24 24'>
<path d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' fill='#000000'/>
</svg>
<span>
<data:post.title/>
</span>
</div>
</b:if>
</b:loop>
</b:if>
</b:includable>
Lalu tambahkan kode CSS di bawah ini tepat di atas code </head>
<style type='text/css'>
/* Breadcrumb */
.breadcrumbs{background:#fff;line-height:1.2em;width:auto;overflow:hidden;margin:0;padding:10px 0;border-top:1px solid #dedede;border-bottom:1px solid #dedede;font-size:80%;color:#222;font-weight:400;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;white-space:nowrap}
.breadcrumbs a{display:inline-block;text-decoration:none;transition:all .3s ease-in-out;color:#222}
.breadcrumbs a:hover{color:#11589D}
.breadcrumbs svg{width:16px;height:16px;vertical-align:-4px}
.breadcrumbs svg path{fill:#222}
.homebread{margin:0 2px 0 0}
</style>Kemudian, tambahkan code di bawah ini tepat di bawah code <b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>
Selanjutnya, tinggal kalian simpan dan selesai.
Lalu kalian tinggal cek Breadcrumb blog kalian lagi di Google Search Console Copy Link : https://search.google.com/search-console.
Lalu kalian tinggal Klik tulisan "Error", lalu klik tombol ''Validate Fix".
Setelah itu akan ada pesan masuk tentang perbaikan Breadcrumb blog kalian yang akan dikirim melalui email yang tersambung dengan blog kalian.
Sekian dari Aku tentang Cara Mengatasi Error Breadcrumb di Google Search Console Blogger, jangan lupa di share ya kepada teman teman klean.