Cara Mengatasi Error Breadcrumbs di Template Viomagz

Cara Mengatasi Breadcrumbs di Template Viomagz

Kita bahas Cara Mengatasi Error Breadcrumbs di Template Viomagz. Karena baru-baru ini saya mencoba menggunakan template Viomagz pada blog Jejak Pak Mantap. Karena template ini sudah jadul dan lama tidak update, saya mendapati peringatan Dari Google Webmaster tentang masalah breadcrumbs. Saya bukan orang pandai mengenai script kode template blogger, karena itu saya mencari diinternet mengatasi error Breadcrumbs di Template Viomagz AMP.

Setelah mencoba menelusuri informasi dari Google dan beberapa referensi blog lain. Saya akhirnya mendapatkan solusi untuk memperbaiki masalah ini. Terutama langkah mengatasi masalah error breadcrumps pada template viomagz AMP ini.

Peringatan dari Google Webmaster adalah tentang breadcrumps data-vocabulary.org. Sepertinya google sudah tidak memakai markup ini dan harus berpindah ke markup schema.org yang direkomendasikan oleh mesin pencari lainnya seperti Bing ,Google Search dan lain-lain.

Untuk template Viomagz AMP dan Non amp Versi 3.1.0 Belum mengupdatenya dengan versi terbaru, Jika Anda memakai template viomagz Anda harus mengupdatenya secara manual. Kami akan sharing tutorial memperbaiki Breadcrumbs pada Template Viomagz.

Baca juga :

• 5 Cara Ampuh Menghemat Baterai HP Samsung Tanpa Aplikasi
• Mengatasi Laptop Tidak Bisa Connect WiFi
• KODE REDEEM FF Lengkap dengan Cara Klaimnya

Cara Mengatasi Error Breadcrumbs di Template Viomagz

Langkah pertama yang anda harus lakukan adalah buka halaman blogger ---> klik menu Tema dan klik edit HTML. Pada tahap ini anda akan sampai di kode template blog anda. Kode ini berupa script yang tidak mudah saya pahami. Oke, lanjut.

Lalu silahkan cari code berikut dangan tekan CTRL + F dan copy pastekan code di bawah ini

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

Pada gambar diatas dapat anda lihat bahwa Error Breadcrumbs pada Viomagz AMP karena masih menggunakan data-vocabulary.org versi ini sudah lama dan tidak diterima google lagi. Bagian ini yang harus kita ganti dan perbaiki menggunakan kode breadcrumbs terbaru yang diterima google.

Silahkan hapus kode tersebut terlebih dahulu, lalu ganti semua kode script breadcrumbs lama seperti dibawah ini. Dibawah ini ini adalah kode lama, yang usang.

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'> 
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs-outer'><div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'><b:switch var='data:blog.locale'><b:case value='id'/>Beranda<b:default/>Home</b:switch></a></span> &#8250; <span><data:blog.pageName/></span>
</div></div>
<b:else/>
<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-outer'><div class='breadcrumbs'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'><b:switch var='data:blog.locale'><b:case value='id'/>Beranda<b:default/>Home</b:switch></span></a></span> &#8250; <b:loop values='data:post.labels' var='label'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + &quot;?&amp;max-results=8&quot;' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span><b:if cond='data:label.isLast != &quot;true&quot;'> &#8250; </b:if> </b:loop>
</div></div>
<b:else/>
<div class='breadcrumbs-outer'><div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'><b:switch var='data:blog.locale'><b:case value='id'/>Beranda<b:default/>Home</b:switch></a></span> &#8250; <span><b:switch var='data:blog.locale'><b:case value='id'/>Tanpa Kategori<b:default/>No Category</b:switch></span></div></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<div class='breadcrumbs-outer'><div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'><b:switch var='data:blog.locale'><b:case value='id'/>Beranda<b:default/>Home</b:switch></a></span> &#8250; <span><b:switch var='data:blog.locale'><b:case value='id'/>Arsip untuk<b:default/>Archive for</b:switch> <data:blog.pageName/></span> 
</div></div>
<b:else/>
<b:if cond='data:blog.searchQuery'>
<div class='breadcrumbs-outer'><div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'><b:switch var='data:blog.locale'><b:case value='id'/>Beranda<b:default/>Home</b:switch></a></span> &#8250; <span><data:blog.pageName/></span>
</div></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'> 
<div class='breadcrumbs-outer'><div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'><b:switch var='data:blog.locale'><b:case value='id'/>Beranda<b:default/>Home</b:switch></a></span> &#8250; <span>Daftar Artikel</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl' rel='nofollow'><b:switch var='data:blog.locale'><b:case value='id'/>Beranda<b:default/>Home</b:switch></a></span> &#8250; <span><data:blog.pageName/></span> 
</b:if>
</div></div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

Itu dia, solusi agar bisa mengatasi error Breadcrumbs pada Template Viomagz adalah dengan mengganti script template viomagz dengan breadcrumbs baru seperti dibawah ini :

<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>

Perbaikan hanya dilakukan pada bagian itu saja, langkah selanjutnya adalah lalu "Save Tema" dengan menekan tombol yang disediakan. Jika anda melakukan kopy paste secara lengkap dan tidak ada satu kode yang tertinggal, error seharusnya sudah teratasi.

Untuk konfirmasi secara cepat anda bisa menguji URL yang error pada link berikut ini https://search.google.com/structured-data/testing-tool/u/0/ Setelah kami menerapkan tutorial diatas peringatan atau kesalahan pada URL teratasi. Contoh yang benar ditunjukkan seperti gambar dibawah ini

Selanjutnya anda tinggal melakukan validasi pada google webmaster. Langkah validasi nya adalah anda kembali lagi ke https://search.google.com/search-console dan klik pada bagian breadcrumps dan klik "Validasi Perbaikan" 

Anda tinggal menunggu proses validasi dari google, kemidian pesan email perbaikan dari Google Webmaster akan dikirimkan keemail anda. Demikian tutorial Cara Mengatasi Breadcrumbs di Template Viomagz AMP. Semoga tidak ada yang keliru.

Keywords : Memperbaiki Error Breadcrumb Blogger Template Viomagz 2020, Cara memperbaiki error breadcrumb template blogger, how to solve data-vocabulary.org schema deprecated

 

Diedit Oleh : David Sigalingging | Sumber : Magelang1337