Apakah Anda pernah mengalami permasalahan saat mnggunakan google searc console, tentunya pernah ya karna saya rasa hampir setiap orang pernah mengalami permasalahan saat menggunakan google search console. Nah masalah yang ditimbulkan dari google console juga beragam dan berbeda beda sesuai dengan yang terjadi pada google console Anda.
Nah dan biasnya pada saat Anda menggunakan google console masalah yang kerap terjadi adalah Anda mengalami Error Breadcrumb pada saat penggunaan google serach console. Dalam pembahasan kali ini AfyInfo akan membahas tentang bagaimna cara mengatasi Error Breadcrumb pada google search console. Berikut adalah pembahasannya :
Dampak dari Error Breadcrumb!
Dampak terburu apabila Anda mengalami permasalahan Error Breadcrumb pada google search console adalah dapat merusak traffict pada wesite Anda. Dan traffic merupakan hal yang paling penting dalam seuah wesite jadi apabila traffic Anda bermasalah maka website Anda juga bisa berpengaruh buruk, maka dari itu Anda harus segera melakukan penangan pada situs wesite Anda.
Cara Mengatasi Error Breadcrumb Pada Google Search Console.
1. Pertama Anda salin dulu script dan masukkan ke dalam script html Anda.
—————————————————————————————————————————
<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>
—————————————————————————————————————————-
2. Setelah sudah Anda salin kemudian Anda masukkan ke dalam (Tema > Edit HTML > Kemudian cari kode :
——————————————————-
<b:includable id=’comment-form’ var= ‘post’>
——————————————————-
Dan apabila sudah ketemu kemudian Anda pastekan di bagian atasnya ( Apabila Anda tidak menemukan script tersebut maka selamjutnya Anda tekan tombol kombinasi Ctrl+F, selanjutnya Anda masukkan kode yang diatas tadi.
3. Berikutnya adalah Anda copy script CSS berikut (Pastikan Anda masukkan kode pembuka </head> dan penutupnya juga </head> di bagian 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 itu pastekan dan kemudian cari di bagian edit html </head> dan masukkan ke dalamnya jangan lupa tutup juga dengan </head> .
4. Selanjutnya Anda copy lagi script di bawah ini :
———————————————————
<b:include data=’posts’ name= ‘breadcrumb ‘/>
———————————————————
Kemudian Anda pastekan di bawah script :
———————————————————
<b: includable id=’main’var=’top’>
———————————————————
Berikut adalah cara paling sederhana yang mungkin dapat Anda mengerti dan apabila berhasil maka tidak akan ada lagi peringatan Breadcrumb Error dan google search console Anda sudah kembali normal dan stabil. LAngkah berikutnya Anda tinggal mengujinya dengan cara mengamil link postingan Anda yang belum di inpeksi URL.