Kali ini saya akan membagikan sebuah artikel mengenai cara membuatbreadcrumb yang langsung terindeks oleh google Breadcrumb sadalah...
Kali ini saya akan membagikan sebuah artikel mengenai cara membuatbreadcrumb yang langsung terindeks oleh google Breadcrumb sadalah sebuah panel penunujuk alamat suatu artikel yang biasanya terletak dibagian atas dari sebuah artikel. Breadcrumb sendiri sangat penting bagi anda yang memperhatikan tingkat SEO blog anda. Untuk pengaruh dari breadcrumb sendiri adalah sekitar 10-20 % SEO score blog anda. Baiklah untuk memperdalam mengenai breadcrumb pada blog silahkan simak ulasan berikut ini.
Google, khususnya Search Engine Google sekarang menerapkan sistem
pengindeksan berdasarkan domain, kualitas sebuah artikel dan breadcrumb itu sendiri.
Semakin baik sebuah artikel yang dibuat maka semakin tinggi kualitas blog
tersebut. Kemudian breadcrumb ini sendiri nanti akan muncul berdasarkan label
atau tag category yang telah anda tetapkan pada saat membuat sebuah artikel.
Untuk memasang breadcrumb ikutilah tutorial berikut ini :
1. Copy kan kode HTML berikut ini di atas kode ]]></b:script>
.breadcrumbs {padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em;
border-bottom:3px double #cadaef;}
|
2. Kemudian cari kode <b:includable id=’post’
var=’post’>, letakkan
kode dibawah ini tepat dibawah kode <b:includable id=’post’
var=’post’>
<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=’tag’>Home</a></span> » <span><data:blog.pageName/></span></div> <b:else/> <b:if cond=’data:blog.pageType == "item"’> <!– breadcrumb for the post page –> <b:loop values=’data:posts’ var=’post’> <b:if cond=’data:post.labels’> <div class=’breadcrumbs’ xmlns:v=’http://rdf.data-vocabulary.org/#’> <span typeof=’v:Breadcrumb’><a expr:href=’data:blog.homepageUrl’ property=’v:title’ rel=’v:url’>Home</a></span> <b:loop values=’data:post.labels’ var=’label’> » <span typeof=’v:Breadcrumb’><a expr:href=’data:label.url’ property=’v:title’ rel=’v:url’><data:label.name/></a></span> </b:loop> » <span><data:post.title/></span> </div> <b:else/> <div class=’breadcrumbs’><span><a expr:href=’data:blog.homepageUrl’ rel=’tag’>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div> </b:if> </b:loop> <b:else/> <b:if cond=’data:blog.pageType == "archive"’> <!– breadcrumb for the label archive page and search pages.. –> <div class=’breadcrumbs’> <span><a expr:href=’data:blog.homepageUrl’>Home</a></span> » <span>Archives for <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’>Home</a></span> » <span>All posts</span> <b:else/> <span><a expr:href=’data:blog.homepageUrl’>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span> </b:if> </div> </b:if> </b:if> </b:if> </b:if> </b:if> </b:includable> <b:includable id=’main’ var=’top’> <b:include data=’posts’ name=’breadcrumb’/> |
3. Kemudian Simpan Templates, dan silahkan cek blog
anda apakah breadcrumb sudah muncul di atas dari sebuah artikel.
Contoh Breadcrumb yang berhasil di search engine Google
Itulah sedikit tutorial mengenai cara memasang breadcrumb di blog. Semoga dapat bermanfaat untuk anda. Tingkatkanlah SEO score anda untuk mendapatkan jumlah pengunjung yang tinggi. Dan anda bisa melihat berapa SEO score yang dimiliki oleh blog anda di chkme.com.
Itulah sedikit tutorial mengenai cara memasang breadcrumb di blog. Semoga dapat bermanfaat untuk anda. Tingkatkanlah SEO score anda untuk mendapatkan jumlah pengunjung yang tinggi. Dan anda bisa melihat berapa SEO score yang dimiliki oleh blog anda di chkme.com.