Bagaimana cara mengatasi atau membaiki masalah breadcrumbs pada google search console (Google Webmaster) khususnya untuk pengguna Blogger. Error ini terkesan apabila kita membuat submit url post ke google url inspection dan melihatnya melalui Live Test. Masalah ini confirm berlaku kepada mereka yang menggunakan custom templates kerana sejak akhir-akhir ini. Google search console semakin di inprove ke tahap yang lebih baik dan terperinci.
Tutorial langkah-langkah Mengatasi Masalah error Breadcrumbs Pada Google Url Inspection:Pertama, buka halaman blogger ⇾ Tema ⇾ Edit HTML ⇾ Paste kode dibawah ini tepat diatas kode <b:includable id='comment-form' var='post'>
Selepas itu, copy kode CSS dibawah ini dan paste sebelum kode </head><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:#222;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:#222}
.breadcrumbs a:hover{color:#11589D}
.breadcrumbs svg{width:16px;height:16px;vertical-align:-4px}
.breadcrumbs svg path{fill:#222}
.homebread{margin:0 2px 0 0}
</style>
Seterusnya, tambahkan copy dan paste kode ini tepat di bawah kode <b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>
Seterusnya, klik Save Theme dan selesai. Sekarang pergi ke Google webmaster ⇾ Breadcrumb ⇾ klik pada bahagian tulisan error ⇾ klik button Validate Fix
Catat Ulasan