Cara Mengatasi Error Breadcrumb Webmaster
Setelah mengganti tampilan blog saya sempat mendapatkan pemberitahuan di Webmaster google berkaitan dengan eror pada breadcumb. Setelah diamati link-link blog yang ditampilkan ada banyak. Akhirnya sayapun harus mencari tau penyebab dan cara mengatasi eror breadcrumb tersebut tanpa harus menggantikan thema blogspot saat ini.
Apa itu Breadcrumbs
Breadcrumbs adalah navigasi pada blog yang membantu pengunjung untuk memahami lokasi mereka saat berada dalam sebuah website. Dengan kata lain, breadcrumbs ini menyempurnakan navigasi seperti homepage, kategori, tag, dan arsip
Cara Mengatasi Breadcrumb
Sebagai blogger tentu saja harus searching mencari tau penyebab dan bagaimana cara yang tepat untuk mengatasi eror tersebut. Begitupula yang saya lakukan. Setelah mencari tahu dengan membaca pada link-link aktif yang disediakan oleh webmaster, rasanya semakin puyeng. Namun akhirnya ada code alternatif simple yang bisa dipakai.
Lihat juga: Mengatasi Masalah Breadcrumb Coba Dengan Cara Ini
Oke lanjut.... berikutnya cara yang sederhana, silahkan dicoba bila anda alami eror breadcumb dan semoga cara simpel ini bisa membantu...
Cara Memperbaiki Breadcrumb
1. Login akun blogger anda.
2. Buka atau Pilih menu tema dan klik edit html.
3. Cari code breadcrumbs yang pernah anda pasang. Untuk mempermudah, biasanya barisan kode tersebut berada di atas kode <b:includable id='comment-form' var='post'>
4. Jika sudah ketemu, hapus kode tersebut yang dimulai dengan kode <b:includable id='breadcrumb' var='posts'>
hingga kode
......
</b:includable>.
ini untuk tampilan breadcrumbs yang lebih sederhana, anda bisa pakai code berikut :
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:view.isPost'> <b:loop values='data:posts' var='post'> <div class='breadcrumb' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'> <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'> <a expr:href='data:blog.homepageUrl.canonical' title='Home' itemprop='item'> <meta content='1' itemprop='position'/> <span itemprop='name'>Home</span></a> </span> <b:if cond='data:post.labels'> <b:loop index='num' values='data:post.labels' var='label'> &nbsp;›&nbsp; <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'> <meta expr:content='data:num+2' itemprop='position'/> <a expr:href='data:label.url.canonical' expr:title='data:label.name' itemprop='item'> <span itemprop='name'><data:label.name/></span> </a> </span> </b:loop> <b:else/> &nbsp;›&nbsp; Tidak Ada Kategori </b:if> </div> </b:loop> </b:if>
</b:includable>
Cari lagi kode CSS dan hapus juga pengaturan CSSnya bila memang ada.
Kode pengaturan CSS:
.breadcrumb { margin-bottom: 20px; } .breadcrumb, .breadcrumb a, .breadcrumb a:hover { font-size: 12px; /* ukuran text */ color: #777; /* warna text */ }
Demikian pembahasan singkat kali ini berkaitan dengan cara mengatasi breadcumb eror yang ada pemberitahuan di webmaster.
Selamat mencoba dan semoga bermanfaat.
Salam Blogger
Gabhex | Bisa Papua
Apa itu Breadcrumbs
Breadcrumbs adalah navigasi pada blog yang membantu pengunjung untuk memahami lokasi mereka saat berada dalam sebuah website. Dengan kata lain, breadcrumbs ini menyempurnakan navigasi seperti homepage, kategori, tag, dan arsip
Cara Mengatasi Breadcrumb
Sebagai blogger tentu saja harus searching mencari tau penyebab dan bagaimana cara yang tepat untuk mengatasi eror tersebut. Begitupula yang saya lakukan. Setelah mencari tahu dengan membaca pada link-link aktif yang disediakan oleh webmaster, rasanya semakin puyeng. Namun akhirnya ada code alternatif simple yang bisa dipakai.
Lihat juga: Mengatasi Masalah Breadcrumb Coba Dengan Cara Ini
Oke lanjut.... berikutnya cara yang sederhana, silahkan dicoba bila anda alami eror breadcumb dan semoga cara simpel ini bisa membantu...
Cara Memperbaiki Breadcrumb
1. Login akun blogger anda.
2. Buka atau Pilih menu tema dan klik edit html.
3. Cari code breadcrumbs yang pernah anda pasang. Untuk mempermudah, biasanya barisan kode tersebut berada di atas kode <b:includable id='comment-form' var='post'>
4. Jika sudah ketemu, hapus kode tersebut yang dimulai dengan kode <b:includable id='breadcrumb' var='posts'>
hingga kode
......
</b:includable>.
ini untuk tampilan breadcrumbs yang lebih sederhana, anda bisa pakai code berikut :
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:view.isPost'> <b:loop values='data:posts' var='post'> <div class='breadcrumb' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'> <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'> <a expr:href='data:blog.homepageUrl.canonical' title='Home' itemprop='item'> <meta content='1' itemprop='position'/> <span itemprop='name'>Home</span></a> </span> <b:if cond='data:post.labels'> <b:loop index='num' values='data:post.labels' var='label'> &nbsp;›&nbsp; <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'> <meta expr:content='data:num+2' itemprop='position'/> <a expr:href='data:label.url.canonical' expr:title='data:label.name' itemprop='item'> <span itemprop='name'><data:label.name/></span> </a> </span> </b:loop> <b:else/> &nbsp;›&nbsp; Tidak Ada Kategori </b:if> </div> </b:loop> </b:if>
</b:includable>
Cari lagi kode CSS dan hapus juga pengaturan CSSnya bila memang ada.
Kode pengaturan CSS:
.breadcrumb { margin-bottom: 20px; } .breadcrumb, .breadcrumb a, .breadcrumb a:hover { font-size: 12px; /* ukuran text */ color: #777; /* warna text */ }
Selamat mencoba dan semoga bermanfaat.
Salam Blogger
Gabhex | Bisa Papua
