CARA MEMBUAT BREADCRUMBS TERINDEX GOOGLE

CARA MEMBUAT BREADCRUMBS TERINDEX GOOGLE – Cara memasang breadcrumbs agar terindex google dan SEO friendly valid HTML5 yang tampil di hasil pencarian google. Breadcrumbs  di blog merupakan sebuah alat navigasi yang berfungsi untuk memudahkan para pembaca mengetahui kategori artikel dan bisa juga bermanfaat untuk alat mempromosikan kategory artikel yang sedang dibaca tesebut sehingga apabila pembaca mengklik salah satu kategori menu yang ada di breadcrumbs semua artikel dari kategori itu akan muncul semua.

cara membuat breadcrumbs terindex google
cara membuat breadcrumbs terindex google

Breadcrumbs biasanya diletakkan di atas judul postingan atau bisa juga dibawahnya. Bentuk dari breadcrumbs ini umumnya berupa menu home, nama kategori, dan judul postingan. Diantara menu menu tersebut biasanya karakter tanda penghubung yang menggunakan simbol separator berupa > atau ».

Cara Memasang Breadcrumbs yang Terindex Google

1. Log in ke dashboard blogger > Template > Edit HTML, sebelumnya lakukan backup template terlebih dahulu agar lebih aman.
2. Cari kode ]]> atau kode </style> Masukan kode css dibawah ini dan tempelkan sebelum kode tersebut, Apabila dalam kode css template kamu sudah ada kode css untuk breadcrumbs maka kamu bisa mengabaikan langkah pada Cara Membuat Breadcrumbs Terindex Google ini dan masuk ke langkah selanjutnya

.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
color:#999;
}

3. Cari kode <b:includable id=’main’ var=’top’>…..</b:includable>  kemudian setelah kode tersebut masukan kode dibawah ini tepat dibawahnya :

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on home page -->
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<p class='breadcrumbs'>
<span 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:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'> &gt;
<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>
<b:else/>
&gt;Unlabelled
</b:if>
&gt; <span typeof='v:Breadcrumb'><strong class='breadcrumb_last' property='v:title'><data:post.title/></strong></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl'>Home</a> &gt; Archives for <data:blog.pageName/>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<a expr:href='data:blog.homepageUrl'>Home</a> &gt; All posts
<b:else/>
<a expr:href='data:blog.homepageUrl'>Home</a> &gt; <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:include data='posts' name='breadcrumb'/>

4. Jika dalam template kamu sudah terpasang breadcrumbs tapi belum bisa terindex di google maka tambahkan kode merah yang ada pada script diatas sesuai dengan home, label, dan judul artikelnya.
5. Untuk memasang kode breadcrumbs SEO Friendly yang valid HTML5 di hasil pencarian google gunakan kode berikut 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'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Home</span></a></span>
<b:loop values='data:post.labels' var='label'>
 &#187; <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url' itemprop='url'><span itemprop='title'><data:label.name/></span></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:include data='posts' name='breadcrumb'/>

6. Save Template kemudian cek tampilan blog kamu pada hasil pencarian dengan menggunakan tools di Richsippets Google .

contoh tampilan breadcrumbs
contoh tampilan breadcrumbs

Demikian CARA MEMBUAT BREADCRUMBS TERINDEX GOOGLE semoga bisa bermanfaat, apabila ada kesulitan dalam pemasangannya silahkan bertanya di kolom komentar dibawah ini.
source: http://en.wikipedia.org/wiki/Breadcrumb_(navigation)

Leave a Reply

Your email address will not be published. Required fields are marked *

No Live Link Please! and Leave a Relevant Comment