Cara Mengatasi Error Breadcrumb Data-Vocabulary.org Di Blogspot

 

Cara Mengatasi Error Breadcrumb Di Search Console

1. Langkah pertama silahkan buka Dashboard Blogger > Tema > Edit HTML

2. Cari kode berikut ini dengan cara menekan CTRL+F disembarang area HTML, lalu ketik atau Copas kode dibawah ini di tab pencarian

<b:includable id='breadcrumb' var='posts'> 

Jika sudah ketemu kode seperti yang ada dikotak atas ini, perhatikan kode yang ada dibawahnya, biasanya akan dimulai dengan 

<b:if cond='data:view.isPost'>        Sampai kode      </b:includable>

 3. Hapus semua kode Mulai dari 

<b:ifcond='data:view.isPost'>        Sampai kode      </b:includable>

4. Ganti kode yang dihapus tadi dengan copas kode HTML  yang  ada dikotak bawah ini

<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'> &nbsp;›&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 + "?&max-results=8"' expr:title='data:label.name' itemprop='item' rel='nofollow'> <span itemprop='name'><data:label.name/></span> </a> </span> </b:loop> <b:else/> &nbsp;›&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> &nbsp;›&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>  

Jika terdapat kode </b:includable> lebih dari satu, letaknya atas bawah,  setelah anda paste kode diatas tadi, maka hapus salah satunya.  

Jika sebelumnya di blog Jenengan sudah memasang kode Breadcrumb, silahkan ganti dengan kode baru dalam kotak diatas.

4. Selanjutnya tambahkan CSS Style dalam kotak dibawah ini  tepat di atas kode </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:#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} </style>  

5. Setelah itu tekan Ctrl+F lagi ditengah area edit HTML lalu cari kode berikut <b:includable id='main' var='top'>

paste atau letakkan kode dalam kotak dibawah ini persis dibawah kode <b:includable id='main' var='top'>

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

6. Simpan Template

Segera lakukan validasi bahwa anda telah memperbaiki kesalahan Breadcrumb Setelah anda melakukan cara diatas.

Semoga berhasil..