3 Cara Terbaru Membuat Breadcrumbs Valid Di Search Console



Breadcrumbs blog kamu error? Bingung tidak tahu cara mengatasi hal tersebut? Tenang saja, disini saya akan menjelaskan 3 cara terbaru membuat breadcrumbs valid di search console.

Bagi kamu yang mengalami breadcrumbs error, silahkan baca tulisan ini sampai akhir.

Kamu yang membaca tulisan ini pasti pernah atau sedang mengalami breadcrumbs error. Breadcrumbs error ini muncul saat kita melakukan submit url di search console.

Pesan peringatan tersebut juga ada banyak, contohnya seperti item tanpa nama, jenis breadcrumbs tidak dikenali google dan lainnya.

Kalau kamu mendapatkan pesan peringatan seperti itu sebaiknya ganti saja breadcrumbs yang ada pada template blog ke breadcrumbs yang baru.

Lalu bagaimana cara melakukannya?

Dibawah ini merupakan 3 cara terbaru membuat breadcrumbs valid di search console. Silahkan simak tutorialnya berikut ini.

Baca Juga: Cara Mengatasi Breadcrumbs Error data-vocabulary.org Di Search Console.

Cara Membuat Breadcrumbs Valid Di Search Console

1. Dalam html template blog cari kode <b:includable id='breadcrumb' var='posts'> sampai </b:includable>. Kemudian hapus dan ganti dengan kode dibawah ini

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'>
<svg viewBox='0 0 24 24'><path d='M10,20V14H14V20H19V12H22L12,3L2,12H5V20H10Z' fill='#000000'/></svg>
<span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<a expr:href='data:blog.homepageUrl' title='Home' itemprop='item'>
<span itemprop='name'>Home</span></a>
<meta content='1' itemprop='position'/>
</span>
<svg viewBox='0 0 24 24'><path d='M5.5,9A1.5,1.5 0 0,0 7,7.5A1.5,1.5 0 0,0 5.5,6A1.5,1.5 0 0,0 4,7.5A1.5,1.5 0 0,0 5.5,9M17.41,11.58C17.77,11.94 18,12.44 18,13C18,13.55 17.78,14.05 17.41,14.41L12.41,19.41C12.05,19.77 11.55,20 11,20C10.45,20 9.95,19.78 9.58,19.41L2.59,12.42C2.22,12.05 2,11.55 2,11V6C2,4.89 2.89,4 4,4H9C9.55,4 10.05,4.22 10.41,4.58L17.41,11.58M13.54,5.71L14.54,4.71L21.41,11.58C21.78,11.94 22,12.45 22,13C22,13.55 21.78,14.05 21.42,14.41L16.04,19.79L15.04,18.79L20.75,13L13.54,5.71Z' 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 + &quot;?&amp;max-results=16&quot;' 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 != &quot;true&quot;'>
<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>

Kode breadcrumbs diatas harus diletakan tepat diatas kode <b:includable id='comment-form' var='post'>.

2. Kemudian ganti kode css .breadcrumbs dengan kode berikut ini

/* 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:#888;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:#666;font-weight:400}
.breadcrumbs a:hover{color:#11589D}
.breadcrumbs svg{width:16px;height:16px;vertical-align:-4px}
.breadcrumbs svg path{fill:#666}

Letak kode css ada di dalam tag <style> </style> ya.

3. Kemudian letakan kode berikut ini dibawah kode <b:includable id='main' var='top'>

<b:include data='posts' name='breadcrumb'/>

Simpan tema dan lakukan pengecekan. Pastinya breadcrumbs akan valid kembali.

Itulah 3 cara terbaru membuat breadcrumbs valid di search console. Semoga artikel ini bisa membantu kamu yang mengalami hal tersebut.

Artikel Terkait

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar
Copyright © 2019 - 2020 NgotakDikitNesia All Rights Reserved.