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



Baru-baru ini hampir semua para blogger mendapatkan masalah peringatan atau deprecated breadcrumbs error data-vocabulary.org saat melakukan submit url di search console.

Tentu itu menjadi suatu hal yang membingungkan karena tidak semua blogger mengerti tentang breadcrumbs, salah satunya adalah saya sendiri.

Kemarin saya juga mendapatkan masalah peringatan tersebut di search console.

Dengan pemahaman yang kurang tentang breadcrumbs, saya kebingungan mencari cara untuk mengatasi hal tersebut.

Semua tutorial di google sudah saya baca tapi kok masih tidak mudeng. Mungkin karena masalah ini pertama kalinya saya dapatkan sebagai seorang blogger.

Search console juga menampilkan peringatan bahwa Jenis breadcrumbs ini merupakan jenis breadcrumbs yang tidak dikenali gooogle.

Bukan hanya itu, pesan deprecated dan pesan yang meminta untuk migrasi dari data-vocabulary ke schema.org juga muncul di search console.

Auto pusing kan ya?

Lalu apa yang saya lakukan untuk bisa mengatasi masalah tersebut? Saya membaca ulang tentang masalah yang saya dapatkan dari breadcrumbs di search console.

Saya berfokus pada pesan data-vocabulary yang harus migrasi ke schema.org.

Setelah benar-benar memahami pesan peringatan data-vocabulary, akhirnya saya menemukan cara mengatasinya.

Mau tahu?

Dibawah ini adalah cara mengatasi breadcrumbs error data-vocabulary saat submit url di search console. Simak selengkapnya berikut ini.




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

1. Edit HTML template blog.

2. Dalam HTML template blog, cari link http://data-vocabulary.org.

3. Ganti semua link http://data-vocabulary.org menjadi https://schema.org.

4. Kalau sudah, simpan.

Baca juga: Penyebab Breadcrumbs Error data-vocabulary.org Di Search Console

Kalau dengan cara diatas masih belum berhasil, kamu juga bisa menggunakan cara berikut ini.

1. Tambahkan kode dibawah ini diatas kode <b:includable id='comment-form' var='post'>


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


Kalau kode yang awalannya <b:includable id='breadcrumb' var='posts'> sampai akhir </b:includable> sudah ada dalam template blog kamu maka sebaiknya hapus saja dan ganti dengan kode diatas.

2. Tambahkan juga css berikut sebelum </head>


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


3. Satu lagi, tambahkan juga kode berikut ini dibawah kode <b:includable id='main' var='top'>


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


Sekarang coba kembali submit url postingan di search console yang memiliki masalah dengan data-vocabulary.org. Atau bisa juga dengan uji url saja.




Kamu juga bisa mengeceknya dengan menggunakan link ini https://search.google.com/structured-data/testing-tool.

Setelah melakukan cara diatas, pastikan masalah tentang data tersebut sudah hilang dan jangan lupa untuk validasi perbaikan di search console.

Nah, itulah cara mengatasi breadcrumbs error data-vocabulary.org di search console.

Cara tersebut merupakan cara yang saya temukan sesuai pengalaman saya sendiri.

Kalau ada pertanyaan yang ingin disampaikan, silahkan berikan komentar kamu dibawah postingan ini.

Terima kasih dan semoga bermanfaat.

Artikel Terkait

SUBSCRIBE

Dapatkan update artikel gratis setiap hari melalui email.

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.