Peringatan errorr pada breadcrumb tersebut berasal dari Google Search Console dan masuk ke email kita, dan meminta kepada kita untuk segera memperbaikinya.
Untuk itu ketika kita kita membuat blog dengan blogger , hal tersebut penting sekali untuk diperhatikan, karena akan berpengaruh juga tampilan blog dan performa blog di internet.
Cara mengatasi errorr breadcrumb ada 2 pilihan yang dapat anda pilih salah satu : pertama, mengganti tempate dan gunakan template bawaan dari blogger, cara kedua adalah dengan memperbaiki kode HTMLpada template blog.
Berikut ini adalah cara mengatasi errorr breadcrumb dengan memperbaiki kode HTML pada template blog :
1. Kita masuk ke akun blogger , tepatnya pada halaman dashboard blogger :
2. Dari gambar di atas, klik "tema" , kemudian klik "edit HTML" . Kemudian akan ditampilkan kode HTML pada template blog kita , seperti di bawah ini :
Yang harus anda lakukan adalah mengganti kode HTML
<b:includable id='breadcrumb' var='posts'>
sampai
</b:includable>
dengan kode HTML di bawah ini :
<b:includable id='breadcrumb' var='posts'><b:if cond='data:view.isPost'> <b:loop values='data:posts' var='post'> <div class='breadcrumbs' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'> <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'> <a expr:href='data:blog.homepageUrl' itemprop='item' title='Home'> <meta content='1' itemprop='position'/> <span itemprop='name'><b:switch var='data:blog.locale'><b:case value='id'/>Beranda<b:default/>Home</b:switch></span></a> </span> <b:if cond='data:post.labels'> <b:loop index='nomor' values='data:post.labels' var='label'> &nbsp;›&nbsp; <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'> <meta expr:content='data:nomor+2' itemprop='position'/> <a expr:href='data:label.url + "?&max-results=8"' expr:title='data:label.name' itemprop='item' rel='nofollow'> <span itemprop='name'><data:label.name/></span> </a> </span> </b:loop> <b:else/> &nbsp;›&nbsp; <span itemprop='name'><data:blog.pageName/></span> </b:if> </div> </b:loop><b:elseif cond='data:view.isPage'/> <div class='breadcrumbs' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'> <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'> <a expr:href='data:blog.homepageUrl' itemprop='item' title='Home'> <meta content='1' itemprop='position'/> <span itemprop='name'><b:switch var='data:blog.locale'><b:case value='id'/>Beranda<b:default/>Home</b:switch></span></a> </span> &nbsp;›&nbsp; <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'> <meta expr:content='data:num+2' itemprop='position'/> <a expr:href='data:blog.url' expr:title='data:post.url' itemprop='item'> <span itemprop='name'><data:blog.pageName/></span> </a> </span> </div></b:if></b:includable>
4. Setelah selesai, kemudian klik "simpan".
Sebenarnya errorr breadcrumb tersebut berpotensi terjadi jika kita menggunakan template dari luar, artinya bukan template bawaan dari blogger. Hal ini sudah saya buktikan, bahwa dengan template bawaan blogger tidak mengakibatkan errorr breadcrumb. Atau theme blogger.....
Sayangnya elemen di atas tidak serta merta kita dapatkan begitu saja tanpa menambahkannya.
1. HARUS MOBILE USABILITY
Untuk mendapatkan halaman yang mobile friendly kita harus menggunakan template yang mobile friendly, hindari menggunakan template tua (versi lama, terutama yang klasik), gunakan saja template bawaan terbaru blogger seperti contempo, soho, emporio, notable dan essential yang telah di modifikasi)
2. HARUS DENGAN DATA TERSTRUKTUR
Untuk membuat data halaman terstruktur pasang breadcrumb, cara paling sederhana adalah dengan meletakan script breadcrumb jason-LD berikut di bawah kode <data:post.body/> di dalam template Anda:
<script type='application/ld+json'>{ "@context":
"https://schema.org", "@type": "BreadcrumbList",
"itemListElement": [ { "@type": "ListItem",
"position": 1, "name": "Home", "item":
"<data:blog.homepageUrl.canonical/>" <b:if
cond='!data:post.labels'>}<b:else/>},<b:loop index='i'
values='data:post.labels' var='label'> { "@type":
"ListItem", "position": <b:with value='data:i + 2'
var='num'><b:eval expr='data:num'/></b:with>, "name":
"<data:label.name/>", "item": "<data:label.url.canonical/>"
<b:if cond='data:post.labels.size != data:i + 1'>},<b:else/>}</b:if></b:loop></b:if>
] }</script>
Breadcrumb diatas tidak akan terlihat secara visual di atas halaman blog, akan tetapi kode di atas jelas menjadi sinyal yang sangat kuat bagi mesin penelusur karena di rekomendasikan oleh google. Buktinya akan terlihat di halaman Webmaster Google Search Control pada tabel yang telah kami tampilkan diatas. Baca Juga : Penjelasan-selengkapnya-apa-gerangan
3. HARUS MEMILIKI KOTAK PENELUSURAN SITELINK
BEGINI CARA MEMBUAT KOTAK PENELUSURAN SITELINK DI BLOGSPOT
Yang terakhir adalah syarat halaman blog atau web modern harus memiliki kotak penelusuran sitelink kami mencobakan script berikut yang di letakan di bawah kode tag <head> :
<script type='application/ld+json'>
{
"@context":
"https://schema.org",
"@type":
"WebSite",
"url":
"<data:blog.homepageUrl/>",
"name":
"<data:blog.title/>",
"alternateName": "<data:blog.title/>",
"potentialAction": {
"@type": "SearchAction",
"target":
"<data:blog.homepageUrl/>search?q={search_term_string}&max-results=6",
"query-input": "required
name=search_term_string"
}
}
</script>
Save template dan lihat hasilnya dengan cara memasukan dan menguji salah satu link artikel ke webmaster tool melalui cara:
Masuk ke dasbor blogger
Pilih pengaturan
Scroll halaman kanan yang muncul dari atas ke bawah
Untuk inspeksi URL silahkan klik Google Search Console
Setelah masuk klik 'Inspeksi URL' dan masukan URL untuk menguji apakah halaman telah memiliki kotak pencarian Sitelink.
Komentar
Posting Komentar
SILAKAN KOMENTAR SESUAI TOPIK.....