Jumat, 24 Januari 2020

[Video] Cara Mudah Memperbaiki data-vocabulary.org schema deprecated di Blogger

ALHIDAMART.CO.ID - [Video] Cara Mudah Memperbaiki data-vocabulary.org schema deprecated di Blogger Bagi kalian semua para blogger yang mendapatkan pemberitahuan dari pihak Google terkait blogspot yang kalian miliki harus ada perbaikan terutama di bagian error breadcrumb dengan pemberitahuan kesalahan error: data-vocabulary.org schema deprecated di Google Search console, maka pastinya bagi kalian yang belum mengetahui tutorial memperbaiki masalah error breadcrumb, maka pastinya akan membuat bingung para blogger dan pada artikel kali ini, kami akan memberikan informasi terkait cara memperbaiki masalah error breadcrumb tersebut.

Cara Memperbaiki data-vocabulary.org schema deprecated di Blogger atau kesalahan pada breadcrumb, memang menjadi di updatean Seo terbaru yang belum lama ini dirilis oleh pihak Google dan bagi blogspot yang mengalami hal ini, biasanya mereka masih menggunakan versi lama dan belum menggunakan versi terbaru dan hal ini bisa kalian lakukan melalui Test Live Inspection URL yang disediakan oleh pihak Google. Selanjutnya, apabila memang template kalian berpengaruh terhadap breadcrumb, makan di bawah ini kalian bisa mencoba untuk memperbaiki sendiri permasalahan tersebut dikarenakan pastinya cukup mengganggu.

Error Breadcrumb di Search Console Blogger
Error Breadcrumb di Search Console Blogger

Pengertian Breadcrumb 


Harus kalian ketahui apabila arti dari Breadcrumb yaitu sebuah navigasi dari website yang akan memberikan kemudahan kepada mesin pencari untuk melakukan Crawl sehingga bisa menemukan website dengan sangat mudah dan untuk masalah SEO, memang direkomendasikan untuk menggunakan Breadcrumb dikarenakan dapat mendongkrak skor Seo website.


Back up template terlebih dahulu 


Salah satu cara untuk mengamankan template blog awal kalian sebelum dilakukan pengeditan maka sangat direkomendasikan untuk melakukan back up pada template milik kalian terlebih dahulu.


Cara Memperbaiki data-vocabulary.org schema deprecated 



Untuk cara mengatasi error breadcrumb di search console blogger maka kalian bisa mengikuti langkah mudah berikut ini dan pastinya, untuk cara ini bisa kalian lakukan apalagi kami sudah menyediakan video tutorialnya yang bisa kalian lihat di channel YouTube.



  • Login ke halaman Google 
  • Untuk kalian yang ingin memperbaiki blog yang mengalami error Breadcrumb maka direkomendasikan untuk login terlebih dahulu pada akun Gmail blogspot milik kalian. 
  • Setelah kalian login silakan membuka k-link sini: https://www.blogger.com/ 
  • Setelah itu silahkan kalian pilih menu tema dan selanjutnya pilih tombol edit HTML. 
  • Bagi yang templatenya sudah ada breadcrumb, maka kalian tinggal mencari kode berikut ini: 


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

Sampai

</b:includable> 



  • Setelah itu kalian bisa mengganti Breadcrumb lama dari template blogger kalian dengan cara di bloking dan selanjutnya ganti dengan kode berikut ini: 
<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>
  • Apabila template kalian belum menggunakan Breadcrumb maka tinggal menggunakan script diatas dan simpan di atas kode: <b:includable id='comment-form' var='post'> 
  • Selanjutnya silahkan kalian menambahkan CSS di bawah ini lalu silakan Letakkan di atas kode: </head> 
Kode CSS:

<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>
  • Apabila sudah selesai, maka selanjutnya kalian tinggal menyimpan kode berikut: <b:include data='posts' name='breadcrumb'/> tepat di bawah: <b:includable id='main' var='top'> 
  • Namun apabila kode berikut: <b:include data='posts' name='breadcrumb'/> sudah ada di blogspot kalian, maka tidak usah menyimpannya 
  • Selanjutnya silakan save template 

Melakukan validate fix 

Apabila cara diatas sudah kalian lakukan, maka cara terakhir yaitu kalian tinggal kembali ke Google Search console dan selanjutnya kalian tinggal melaporkan jika template sudah diubah dengan cara cara memilih di bagian tombol Validate Fix.

Setelah kalian melaporkan dengan memilih tombol Validate Fix, maka silakan tunggu pemberitahuan selanjutnya dari pihak Google dan semoga saja cara ini bisa berhasil untuk blogspot milik kalian semua.

Video cara cara mengatasi error breadcrumb di blogspot 


Di bawah ini adalah video tutorial Bagaimana kalian bisa memperbaiki error yang muncul di Google Search console yang pastinya sangat direkomendasikan untuk secepatnya kalian perbaiki atau melakukan validate fix.




Itulah pembahasan kami tentang bagaimana cara mengatasi error breadcrumb yang ditandai dengan peringatan data-vocabulary.org schema deprecated di google Search console yang pastinya harus secepatnya kalian perbaiki, walaupun banyak dari blogger sendiri yang tidak melakukan perbaikan, namun Menurut kami apabila sudah ada warning maka sangat direkomendasikan Untuk Diperbaiki dengan melakukan cara seperti yang Kami bahas di atas.

Related Posts