Pasang Navigasi Breadcrumb Google Di Blog

cara pasang breadcrumb google di blog , sebelum anda pasang breadcrumb google di blog saya akan jelaskan tutorial blog kegunaan dari breadcrumb , breadcrumb navigasi berguna seperti pada navigasi kompas yaitu sebagai penunjuk arah karena itu tugas dari navigasi breadcrumb yaitu sebagai petunjuk arak bagi pengunjung maupun robot text.
Pasang navigasi breadcrumb google sangat penting untuk optimasi seo onpage , untuk itu kita harus membuat breadcrumb yang terbaca oleh manusia maupun oleh robots.

Pasang Breadcrumb Google Di Blog

Untuk memasang breadcrumb google di blog cara nya tidak terlalu sulit , silahkan anda baca cara memasang breadcrumb google ini.

Google Breadcrumb
Google Breadcrumb

Breadcrumb Google Blogspot


1. Anda terlebih dahulu login ke akun blogger
2. Masuk ke halaman design > edit HTML > Expand Widget Templates ( untuk jaga-jaga jangan lupa backup template anda sebelum editing)
3. Cari kode berikut ini <b:include data='top' name='status-message'/> (biasanya terdapat dua kode yang sama , silahkan paste di kode yang kedua apabila gagal coba yang pertama), Lalu anda taruh kode ini di atas kode tadi <b:include data='posts' name='breadcrumb'/> .
4. Sekarang Cari Kode ini <b:includable id='main' var='top'>
5. Paste kode ini di atas kode tadi

<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> &#187; <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'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:if>
</b:loop>
&#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <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> &#187; <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> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
</b:if></div></b:if></b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

6. copy paste kode ini

.breadcrumbs{margin-left:10px;padding: 5px 0;border-bottom: 1px dotted; line-height:1.4em;}

Lalu letakan di atas kode ]]></b:skin>
7. Simpan template anda
Cukup mudah bukan untuk memasang navigasi breadcrumb google di blog , silahkan anda mencoba pasang breadcrumb google di blog anda . semoga berhasil !

Pin It!

fb comment box

0 komentar:

Posting Komentar

◄ Newer Post Older Post ►