Cara Memasang Breadcrumbs Pada Template Blog

Cara Memasang Breadcrumbs Blog SEO Friendly. Hai sobat ciri seo jumpa lagi dengan erica belinda dan membahas tentang memasang Breadcrumbs untuk blog agar lebih SEO Friendly dan dapat membantu googlebot untuk lebih cepat mengenali struktur dari blog dari semua halaman terindex agar oleh mesin pencari google (search engine).

Memasang Breadcrumbs Pada Blog. Pasang breadcrumbs adalah keputusan tepat bila kita menggunakan template blog yang standar default dari google, templates bawaan google masih perlu di modif atau ditambahkan komponen lainnya seperti kode-kode script yang bisa menambah perfoma tempalte lebih SEO, seperti yang satu ini memasang javascript breadcrumbs agar template lebih maksimal.

Cara Memasang Breadcrumbs agar blog SEO Friendly

Baca juga : Cara membuat SEO Optimasi Onpage pada blog

Bagi anda yang membutuhkan tips cara memasang Breadcrumbs Pada Blog agar blog lebih SEO friendly sebagi berikut :

CARA MEMASANG BREADCRUMBS


PASANG BREADCRUMBS UNTUK BLOGSPOT


1). Masuk ke url blogger www.blogger.com
2). Masuk ke menu dasbor anda
3). Silahkan sub menu klik tombol template back up dulu template anda ini untuk jaga-jaga
4). Pilih Edit HTML bila sudah terbuka javascript template anda silahkan cari kode di bawah ini:
5). Silahkan cari kode di bawah atau cara cepat (cara otomatis tekan tombol Ctrl+F) dan search:

]]></b:skin

6). Kemudian simpan kode javascript breadcrums di bawah, tepat berada di atas kode :

]]></b:skin>

.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:90%; line-height: 1.4em; border-bottom:3px double #eee;}
7). Kemudian cari kode seperti di bawah:
<b:includable id='main' var='top'>
8). Kemudian ganti kode di atas dengan kode yang ada di bawah:
<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<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 == &quot;item&quot;'>
<!-- 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 == &quot;archive&quot;'>
<!-- 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 == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<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'/>

9). Kemudian klik tombol simpan untuk menyimpan di blog, silahkan cek, bila tidak error anda sudah berhasil memasang kode breadcrumbs pada template tersebut.


Terima kasih anda sudah meluangkan waktu untuk membaca artikel Cara Membuat Breadcrumbs agar blog SEO Friendly semoga bermanfaat.

Subscribe to receive free email updates: