Kali ini saya akan membagikan cara membuat Breadcrumb atau cara mengganti Breadcrumb yang sudah tidak valid menurut google dengan Breadcrumb yang valid menurut google.
Google sekarang ini tidak membenarkan breadcrumb yang kemarin kemarinnya masih valid, mengenai alasannya kenapa saya juga kurang tahu, namun yang jelas blog saya juga pernah disalahkan oleh google, akhirnya saya bertanya kepada salah satu teman blogger dan menurut dia ternyata breadcrumb yang ada di template saya sudah tidak valid menurut google dan harus diganti. lalu saya mencoba untuk menggantinya, dan hasilnya alhamdulillah bagus dan benar benar valid.
Berikut cara membuat atau mengganti breadcrumb yang benar/valid menurut mbah google yang semakin rewel😂😃
Pertama tama silahkan anda buka edit template, lalu cari kode sebagai berikut:
]]></b:skin>
Jika anda sudah menemukan kode ]]></b:skin> silahkan anda copy kode berikut ini:
.breadcrumbs{line-height:1.2em;width:auto;overflow:hidden;padding:0;margin:0 auto 20px;font-size:90%;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:#777;font-weight:400}
.breadcrumbs a:hover{color:blue}
.breadcrumbs svg{width:20px;height:20px;vertical-align:-5px;margin:0 -3px}
.breadcrumbs svg path{fill:#c8c8c8}
Setelah anda copy, anda paste di atas kode ]]></b:skin>
Setelah itu carilah kode seperti ini:
Cari kode <b:includable id='breadcrumb' var='posts'> sampai dengan </b:includable>
atau bisa juga kodenya seperti di bawah ini:
###
<b:includable id='breadcrumb' var='posts'> <b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'><data:blog.title/></a></span> » <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'> <b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'><data:blog.title/></span></a></span> » <b:loop values='data:post.labels' var='label'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + "?&max-results=8"' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span><b:if cond='data:label.isLast != "true"'> » </b:if> </b:loop> » <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'><data:blog.title/></a></span> » <span>Without category</span> » <span><data:post.title/></span></div> </b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'><div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'><data:blog.title/></a></span> » <span>Archive for <data:blog.pageName/></span> </div> <b:else/>
<b:if cond='data:blog.searchQuery'><div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'><data:blog.title/></a></span> » <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'> <div class='breadcrumbs'> <b:if cond='data:blog.pageName == ""'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'><data:blog.title/></a></span> » <span>All post</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl' rel='nofollow'><data:blog.title/></a></span> » <span>All post with category <data:blog.pageName/></span></b:if></div></b:if></b:if></b:if></b:if></b:if></b:if></b:includable>
#####
Lalu hapus dan ganti dengan kode ini:
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:view.isSingleItem'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<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'>
<span itemprop='name'>Home</span></a>
<meta content='1' itemprop='position'/>
</span>
<svg viewBox='0 0 24 24'><path d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z'/></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=10"' expr:title='data:label.name' itemprop='item'>
<span itemprop='name'><data:label.name/></span></a>
<meta expr:content='data:num+2' itemprop='position'/></span>
<svg viewBox='0 0 24 24'><path d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z'/></svg>
</b:loop>
<span><data:post.title/></span>
</div>
</b:if>
</b:loop>
</b:if>
</b:includable>
Lalu simpan template, dan tes dulu ada error atau tidak, jika sudah beres silahkan cek valid dan tidaknya breadcrumb yang sudah diganti.
Jika sudah valid, berarti masalah anda sudah beres dan anda bisa bernafas lega 😊😉
Dan sekian dari saya. Semoga tutorial ini bermanfaat, dan semoga sukses..!
Posted by Ramadlan
Tidak ada komentar:
Posting Komentar
Catatan: Hanya anggota dari blog ini yang dapat mengirim komentar.