Memperbaiki / Validasi masalah breadcrumb di blog (data-vocabulary.org schema deprecated)

Sudah dapat surat cinta dari Google? Isinya apa ya?

Lagi-lagi update algoritma dan lagi-lagi muncul masalah baru. Sampai ada yang teriak minta tolong seperti ini, "Mohon bantuan cara memperbaiki masalah markup breadcrumbs yang terdeteksi di google console..."
Ada juga yang to the point, "Gimana validasi BreadCrumb?"

Kalu yang saya terima isinya seperti ini emailnya

Breadcrumb masalah terdeteksi di pusatsemangat.com

Yang terhormat pemilik pusatsemangat.com:
Search Console telah mengidentifikasi bahwa situs Anda terpengaruh oleh 1 Breadcrumb masalah:
Peringatan Teratas
Peringatan merupakan saran untuk penyempurnaan. Sebagian peringatan dapat meningkatkan tampilan Anda di Penelusuran; sebagian lagi dapat menjadi error di masa mendatang. Peringatan berikut ditemukan di situs Anda:

data-vocabulary.org schema deprecated

Sebaiknya perbaiki masalah tersebut jika memungkinkan agar situs Anda dapat memberikan cakupan dan pengalaman terbaik di Google Penelusuran.

Breadcrumb itu apaan ya?

BreadCrumb kalau dibahasaindonesiakan artinya remah roti. Apa hubungannya dengan google?
Mungkin ya, ini mungkin rmah roti ini jadi umpan robot google biar mau singgah ke blog Anda. Dikasih makan remah roti itu.

Sayangnya masih sedikit yang tahu cara mengatasi breadcrumb verification ini. Kenapa banyak yang belum tahu caranya?

Bisajadi dikarenakan memang terlalu sering banyak yang baru dari google, keseringan update algoritma.

Bisa jadi juga karena jarang ngoprek dan mau mencari cara menyelesaikan masalah validasi breadcrumb ini.

Bisa jadi disebabkan oleh ketidakmengertian. Mungkin sudah mengklaim dirinya gaptek sehingga setelah dapat surat cinta tadi, dia langsung riweuh (panic).

Penting nggak sih breadcrumb ini?

Pasti penting sekali karena dipakai oleh Webmaster seperti Google untuk mengenali tautan yang benar-benar valid di dalam website kita.

Kalau diabaikan atau tidak pakai breadcrumb, apa yang terjadi?
Ketika sengaja tidak menggunakan breadcrumbs itu tidak menjadi masalah. Tapi jika sengaja memasang tautan tersebut, namun tidak mampu terbaca oleh mesin Webmaster maka yang terjadi adalah tautan tidak terbaca atau rusak/ Error.

Terus bagaimana cara mengatasi error tautan breadcrumb ini?

Kalau Anda pengguna wordpress, enak banget karena ada plugin bernama Yoast yang gratis tapi power full. Keren banget ya...

Tapi kalau tidak mau install pluginnya, Anda bisa pakai fungsi khusus yang di panggil dengan get_breadcrumbs untuk menghasilkan tautan remah roti kedalam website Anda. Cara membuat atau memanggil get_breadcrumbs adalah;Anda hanya menambahkan kode di bawah ini ke dalam function.php yang ada di dalam webstite,setelah /PHP? /** * Generate breadcrumbs * @author CodexWorld * @authorURL www.pusatsemangat.com */ function get_breadcrumb() { echo ‘Home‘; if (is_category() || is_single()) { echo ” » “; the_category(‘ • ‘); if (is_single()) { echo ” » “; the_title(); } } elseif (is_page()) { echo ” » “; echo the_title(); } elseif (is_search()) { echo ” » Search Results for… “; echo ‘”‘; echo the_search_query(); echo ‘“‘; } }

Agar script di atas berjalan dengan baik,maka Anda harus membuat script berikutnya. Untuk memanggil script di atas silahkan masukan kode di bawah pada fungsi single.php letakan sesuai yang anda inginkan.

< div class = "breadcrumb" >

Kalau sudah selesai mengerjakan script di atas,sebaiknya tambahkan kode CSS lagi agar tampilan tautan menu remah roti lebih lekat dengan konten Anda.
Kode CSS breadcrumbs
.breadcrumb { padding : 8 px 15 px ; margin-bottom : 20 px ; daftar-gaya : tidak ada ; warna latar : # f5f5f5 ; batas-radius : 4 px ; } .breadcrumb a { color : # 428bca ; teks-dekorasi : tidak ada ; }

Cara menambahkan breadcrumb di blogspot bagaimana?

Ini saya sajikan dulu ya scripnya.

/* Breadcrumbs */
.breadcrumbs{padding:20px 30px;background:#fff;margin-bottom:20px}
.breadcrumbs a,.post-info a {color:#19abea;}
.breadcrumbs a:hover,.post-info a:hover {color:#454545;}

Letakkan scrip di atas tepat di atas kode ]]></b:skin> atau </style>
Coba cari ya di template blogger > edit HTML > Ctrl + F dan masukkan ]]></b:skin> atau </style> supaya cepat mendapatkannya.

Selanjutnya tempelin kode berikut ini tepat di atas kode

<b:includable id='main' var='top'>...</b:includable>

Ini kode yang harus ditempelnya ya...

<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'><span><a expr:href='data:blog.homepageUrl' rel='tag' title='Home'>Home</a></span> / <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- Breadcrumb Untuk Halaman Pos -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs'>
Anda di sini : <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url' title='Home'><span itemprop='title'>Home</span></a></span>
<b:loop values='data:post.labels' var='label'>
/ <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + &quot;?max-results=5&quot;' expr:title='data:label.name' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span>
</b:loop>
/ <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag' title='Home'>Home</a></span> / <span>Without Label</span> / <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- Breadcrumb Untuk Label Search dan Search Pages -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></span> / <span>Archived For <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></span> / <span>All Post</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></span> / <span><data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

Sudah... sudah... sudah...?

klik Simpan

Perbaiki breadcrumb via search console google webmaster

Cara memperbaiki / Validasi breadcrumb di blogspot dan platform lainnya

Cara memperbaiki masalah breadcrumb ini cukup mudah dan dapat dilakukan oleh blogger pemula sekalipun. Berikut langkah –langkahnya:

Sudah punya akun google kan? Langsung praktek ya

Masuklah pada akun Google search console
Klik menu breadcrumb, cari masalah validasi dengan peringatan
Pada halaman Detail klik data-vocabulary.org schema deprecated, setelah itu klik Validasi Perbaikan untuk mengetahui artikel mana saja yang terpengaruh masalah breadcrumb.

Akan muncul kotak “tidak dapat melanjutkan Validasi” didalamnya berisi url artikel yang terkena masalah breadcrumb. Klik oke
Gulir halaman kebawah, disana akan ditemukan daftar artikel blog anda, klik url artikel yang sesuai dengan daftar bermasalah tersebut. disampingnya terdapat kode html yang berisi http://data-vocabulary.org/Breadcrumb.
Masuk pada dashboard blogger klik menu Tema – edit html dan cari http://data-vocabulary.org/Breadcrumb, dan anti dengan http://schema.org/Breadcrumblist, seperti pengalaman kami terdapat dua kode yang perlu diganti.
Setelah selesai menganti kode tersebut klik Simpan.
Kembali ke akun search console, klik Validasi perbaikan, jika sudah tidak ada daftar url yang bermasalah terpengaruh Breadcrumb, itu artinya blog anda sudah bebas dari pengaruh Breadcrumb.

Gimana, ada yang berhasil?

Kalau berhasil atau belum boleh komen ya supaya gampang ngasih solusinya

Kang Asep

Tidak ada seorang muslim pun yang mendo’akan kebaikan bagi saudaranya (sesama muslim) tanpa sepengetahuannya, melainkan malaikat akan berkata, “Dan bagimu juga kebaikan yang sama”.

Facebook

Instagram

Mudahnya Cara Memperbaiki Validasi Breadcrumb