konten

Cara Mengatasi Breadcrumb Error Di Search Console | WebMaster Tool

Breadcrumb Error
Saat inspeksi url ke google console terdapat pemberitahuan error pada breadcrumb ?. Mutar- mutar belum dapat solusi ?. Kalau kasusnya seperti yang diatas mari tuntas kan disini. yrart

Kenapa ada pesan peringatan error pada breadcrumb saat sedang inspeksi url pada google console?.

Pesan error breadcumb, menandakan ada yang tidak beres dengan sebuah template atau ada script yang tidak berjalan dengan semestinya di template kita, atau bisa di katakan error. Error ini terjadi karena beberapa alasan, diantaranya template yang kita gunakan sudah terlalu tua, tanpa adanya update, atau mungkin penyabab lainnya karna malware.

Breadcrumb sendiri berupa alat navigasi yang terdapat pada website, error akan muncul ketika bagian dari breadcrumb tersebut tidak berfungsi sebagaimana mestinya. Jika di cek pada laporan error di google console, maka akan muncul pemberitahuan bagian mana yang error dan bagaimana tampilan errornya saat di buka.

Saya sendiri mengalami masalah error breadcrumb pada tanggal 24 januari yang lalu. Itu terjadi setelah saya mengganti  template pada website , awalnya masalah tersebut belum terdeteksi, tetapi setelah menulis sebuah postingan dan ingin melakukan inspeksi url, error ini muncul. 

Awalnya saya coba mutar-mutar cari cara yang tepat buat perbaiki error, tapi setelah beberapa jam, akhirnya saya memutuskan untuk sebat dulu ,sambil minum kopi browsing sana sini. Dan mujarapnya sebat dan kopi bikin masalah error breadcrumb dapat di perbaiki.

Apa dampak error breadcrumb pada website ?

Error pada breadcrumb memiliki dampak yang sangat negatif pada kesehatan website
terutama pada traffic website itu sendiri. Penurunan traffic merupakan resiko yang di dapat jika terdeteksi error breadcrump .
" lamak uii, langsung aja ,jangan banyak B"
Oke lanjut. Bagaimana cara mengatasi error breadcrumb ?.

Untuk mengatasi error ,tidak ada yang bisa kita lakukan selain pasrah dengan keadaan. Mari ikuti step by step cara mengatasi error pada breadcrumb :

Baca Juga: Fungsi No IMEI di Smartphone

Langkah 1 :
Copy script yang terdapat dibagian bawah kedalam template edit html !
-----------------
<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>
-------------------
Langkah 2 :
Setelah di copy, masuk ke tema - edit html - cari kode:
---------------
<b:includable id='comment-form' var= 'post'>
---------------
Jika sudah ketemu, pastekan di atas kode tersebut, lalu simpan. ( jika tidak ketemu gunakan ctrl + F, masuk kan kode di atas di pencariannya)

Langkah 3 :
Jika langkah pertama dan kedua sudah selesai, lanjut dengan langkah ke 3 yaitu , mengcopy kan script css dibawah ini ,pastekan diatas atau di bawah kode </head> (temukan kode </head> di tema- edit html )
----------------
<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>
---------------
Setelah di pastekan kan, terus simpan. Jika kode </head> tidak ketemu, pakai ctrl + f , masukkan kode </head> yang ingin di cari.

Langkah 4 : 
Langkah 1,2,3 sudah beres, lanjut copykan script di bawah :
---------
<b:include data='posts' name= 'breadcrumb '/>
----------
 Paste kan tema- edit html : paste kan tepat dibawah kode :
--------
<b: includable id='main'var='top'>
--------
(kode di atas umumnya di temukan pada template dengan tampilan dekstop)
--------
<b: includable id='main-mobile'var=top'>
--------
(kode diatas ditemukan pada template dengan tampilan selular). Setelah itu simpan. Selanjutnya coba untuk mengambil url postingan yang belum di inspeksi url. Jika berhasil maka tidak akan ada lagi peringatan breadcrumb error. Yrart

ini cara simpel, biar gak pusing

Semoga bermanfaat.

Tampilkan Komentar
Sembunyikan Komentar

0 Response to "Cara Mengatasi Breadcrumb Error Di Search Console | WebMaster Tool"

Post a comment

ads

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel