Cara Mengatasi Error Breadcrumbs di Template Blog New Johny Wuss

Posted by New Johny Wuss


Pengguna template New Johny Wuss V1, V2, dan V3 pasti menerima notifikasi error breadcrumb dari Google Search. Berikut ini Cara Mengatasi Error Breadcrumbs di Template Blog New Johny Wuss.

Inti error adalah kode atau link http://data-vocabulary.org/Breadcrumb yang sudah tidak berlaku. Yang berlaku adalah BreadcrumList.

Jadi, semua template Blogger yang kode breadcrumnya menggunakan data:vocabulary pasti akan error. Soalnya, linknya sudah tidak aktif lagi.

Peranan Breadcrumbs Untuk SEO:

  • Breadcumbs adalah suatu elemen yang sangat penting bagi mesin pencari. Alasannya sangat sederhana, breadcrumbs “trail” atau “jejak” breadcrumbs dapat memberikan informasi baik kepada mesin pencari maupun pengunjung website anda. Algoritma mesin pencari dapat mengidentifikasi bagaimana susunan struktur data pada sebuah website.
  • Pengunjung juga dapat mengetahui di mana “posisi” saat sedang menjelajah halaman website.
  • Pengunjung juga dapat lebih “intens” saat sedang mengunjungi website anda.

Cara Mengatasi Error Breadcrumbs di Template Blog 

Berikut ini Cara Mengatasi Error Breadcrumbs di Template Blog New Johny Wuss dan template lainnya.

1. Kode CSS

Cari, Hapus, dan ganti kode .breadcrumb {...} dengan kode berikut ini:

.breadcrumbs{line-height:1.2em;width:auto;overflow:hidden;padding:0;margin:0 auto 20px;font-size:90%;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:#777;font-weight:400}
.breadcrumbs a:hover{color:blue}
.breadcrumbs svg{width:20px;height:20px;vertical-align:-5px;margin:0 -3px}
.breadcrumbs svg.homesvg{width:22px;height:22px;margin-right:0}
.breadcrumbs svg path{fill:#c8c8c8}
.breadcrumbs svg.homesvg path{fill:#999}

2. Kode HTML/XML

Hapus kode  <b:includable id='breadcrumb' var='posts'> ... </b:includabel> dengan kode berikut ini:

 <b:includable id='breadcrumb' var='posts'>
<b:if cond='data:view.isSingleItem'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'>
<svg class='homesvg' viewBox='0 0 24 24'><path d='M12,3L20,9V21H15V14H9V21H4V9L12,3Z'/></svg>
<span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<a class='breadhome' 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'/></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=10&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>
<svg viewBox='0 0 24 24'><path d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z'/></svg>
</b:loop>
<span><data:post.title/></span>
</div>
</b:if>
</b:loop>
</b:if>
</b:includable>

Save!

Demikian Cara Mengatasi Error Breadcrumbs di Template Blog New Johny Wuss.

Sumber Kode


» Thanks for reading: Cara Mengatasi Error Breadcrumbs di Template Blog New Johny Wuss
Previous
« Prev Post
CB Blogger
New Johny WussUpdated: February 11, 2020

0 comments:

Post a Comment

Follow & Get Update by Email