Cara membuat Breadcrumbs yang Terindex di Google

Posted by Admin Rabu, 27 Juni 2012 1 komentar
Cara membuat Breadcrumbs yang Terindex di Google - Cara membuat Breadcrumbs yang Terindex di Google - Cara membuat Breadcrumbs yang Terindex di Google - BreadCrumb adalah sebuah navigasi yang digunakan dalam user interface sehingga memudahkan user untuk memilih halaman pada website atau blog.
Selain itu dapat menjadikan blog kita lebih SEO Friendly. Masih bingung gan? Yaudah lihat gambar dibawah ini untuk lebih jelas.

Tampilan Breadcrumbs pada halaman blog
Tampilan Breadcrumbs pada mesin pencari Google


Nah.. gambar yang pertama adalah tampilan navigasi breadcrumbs pada halam blog. Dan gambar yang kedua adalah gambar navigasi breadcrumbs pada mesin pencari Googel. Untuk cara memasang nya ikuti langkah-lankgah dibawah ini.

1. Login ke blogger degan ID anda.
2. Klik Tata Letak / layout
3. Kemudian klik tab Edit HTML
4. Click Download Full Template and please back up your template first. Untuk menghindari bila sewaktu-waktu ada kesalahan.
5. Beri tanda centang pada kotak kecil di samping tulisan Expand Template Widget.

6. Cari kode ]]></b:skin>
7. Copy lalu paste kode di bawah ini persis di atas kode ]]></b:skin>
.breadcrumbs {
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #e2e7b4;
}
.breadcrumbs a {
text-decoration:none;
color: #000000;
}
8.Cari Kode <b:includable id='main' var='top'>   , hapus kode tersebut, kemudian ganti dengan kode dibawah ini...
<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>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/> 
9. Dan simpan template anda.

Untuk mengetesnya.. Buat sebuah postingan baru, lalu ambil url postingan tersebut dan pastekan pada search engine google.
Jika postingan belum terindex, tunggu hingga terindex dan lakukan pengecekan dengan memasukkan url postingan pada Search engine Google..

Rating: 4.5

1 komentar:

ArtikelBebas-Riez mengatakan... [ Balas Komentar ]

sudah saya coba gan terimakasih tutorialnya sangat bermanfaat :)

Posting Komentar