Aneka Info – Cara Memperbaiki Breadcrumb Blogspot Error data-vocabulary.org. Bagi pengguna blogspot beberapa hari ini mendapatkan pemberitahuan dari google melalui email. Untuk segera memperbaiki breadcrumb yang ada pada blog yang anda miliki. Karena google telah memperbarui kebijakannya yang sebelumnya menggunakan data-vocabulary.org sekarang menggunakan schema.org.
Pemberitahuan ini dikhususkan bagi mereka yang memiliki blog dan menambahkan fitur breadcrumb pada blogspot yang dimilikinya. Dengan adanya pemberitahuan ini tentunya dalam tampilan webmaster tool akan dijumpai error untuk breadcrumb. Dari hal tersebut tentunya membuat nilai buruk dimata search engine. Dan siap siap blog anda bisa turun peringkat.
Agar kembali normal dan membuat blog tidak error di fitur breadcrumb pada webmaster tool saya memiliki tutorial yang bisa anda lakukan.
Baca juga :
Cara Membuat Blog Tidak Bisa Di Copas
Cara Memperbaiki Breadcrumb Blogspot Error
1. Silahkan login blogspot anda
2. Kemudian menuju menu edit template
3. Silahkan hapus kode breadcrumb lama yang terpasang pada template blog anda
1 2 3 4 5 6 | <b:includable .. .. .. </b:includable> <b:includable id='comment-form' var='post'> |
Biasanya tepat diatas kode
1 | <b:includable id='comment-form' var='post'> |
4. Selanjutnya silahkan ganti dengan kode breadcrumb terbaru dibawah ini
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 | <b:includable id='breadcrumb' var='posts'> <b:if cond='data:blog.pageType == "item"'> <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 + "?&max-results=16"' 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 != "true"'> <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> |
5. Sekarang salin kode berikut dan letakan diatas kode </head>
1 2 3 4 5 6 7 8 | <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> |
6. Kemudian klik simpan dan sekarang silahkan cek pada halaman https://search.google.com/test/rich-results?hl=en
masukan salah satu url postingan yang error tampilan breadcrumbnya.
7. Kini pemberitahuan warning telah hilang sekarang saatnya anda melakukan pemberitahuan ke google bahwa blog anda sudah diperbaiki.
Cara Validasi Breadcrumb Blogspot
Setelah anda memperbaiki breadcrumb pada blogspot anda sekarang anda harus memvalidasinya di google webmaster agar pemberitahuan error hilang.
1. Buka webmaster tools dan login sesuai akun gmail anda
2. Menuju menu breadcrumb (bagian menu penyempurnaan)
3. Klik Valid dengan peringatan
4. Klik peringatan pada menu detail
5. Klik menu validasi
6. Sekarang biarkan google bekerja untuk merayapi blog anda.
Catatan Penting Memperbaiki Breadcrumb Blogspot Error
1. Pemberitahuan atau notifikasi breadcrumb error diberitahuka melalui email atau silahkan cek webmaster tools
2. Pemberitahuan tersebut untuk pengguna blogspot yang memasang kode breadcrumb pada blognya
3. Lama validasi tergantung google dalam merayapi situs blog anda
Penutup Cara Memperbaiki Breadcrumb Blogspot Error
Tutorial diatas bisa anda coba dan praktekan sendiri pada blog anda. Karena saya sudah mencobanya dan menerapka ke blog pribadi saya. Semoga informasi ini bermanfaat untuk anda.
Leave a Reply