Cara Membuat Breadcrumbs Seo Terindex Google

Cara Membuat Breadcrumbs Seo Terindex Google

Cara Membuat Breadcrumbs Terindex google merupakan salah satu langkah para pemeran blog untuk memajukkan ke SEO an blognya, Banyak para pelaku SEO yang meyakini bahwa teknik memasang breadcrumbs membantu search enggine atau googlebot untuk lebih cepat mengetahui struktur dari blog atau web, karena setiap halaman-halaman yang ada pada hirarki atas akan memperoleh lebih banyaknya aliran poin yang dibandingkan setiap halaman di bawah hirarki.

Nah seperti kali ini saya akan memberikan bagaimana cara untuk memasang Breadcrumbs di setiap postingan blog dan bisa terindex di mesin penelusur, Breadcrumbs yang akan saya bagikan ini merupakan breadcrumbs Seo ringan dan valid HTML 5 serta sedikit saya desain menggunkan CSS seperti yang anda lihat pada tampilan di atas postingan blog saya, baiklah langsung saja di bawah akan saya berikan tutorialnya.
Cara Membuat Breadcrumbs Seo Terindex Google

Cara Membuat Breadcrumbs Seo Terindex Google

1. Masuk ke akun blogger anda
2. Pilih menu Template dan pilih Edit HTML
3. Masukkan CSS berikut tepat diatas kode ]]></b:skin> atau </style>
.breadcrumbs {font-size: 14px;color: #FFF;padding: 20px;background:#3498DB;}
.breadcrumbs a {color: #fff;}.breadcrumbs a:hover {color: #000;}
4. Setelah itu cari kode seperti berikut <b:includable id='main' var='top'>
5. Ganti kode di atas dengan kode 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> &#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'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</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'/>
6. Simpan Perubahan. dan lihat hasilnya pada Rich Snipet sebelum di baca oleh search enggine.
Demikianlah postingan saya kali ini tentang Membuat Breadcrumbs Seo Terindex Oleg Google semoga Bermanfaat.

Saya merupakan anak ke 8 dari 8 bersaudara, berwatak keras kepala dan sangat mencintai dunia blogging serta desain.
"Love My Mom"

Previous
Next Post »