Cara Ampuh Agar Breadcrumb Terindex Google

Cara Ampuh Agar Breadcrumb Terindex Google - Nah Tips SEO pada kesempatan kali ini kita akan membahas tentang cara agar menu breadcrumb terindex oleh google atau mesin pencari. Maksudnya disini adalah bukan menu yang terindex pada google, melainkan label pada sebuah artikel yang akan terindex pada google, jadi artikel yang berada pada mesin pencari akan berbeda tampilannya dari sebelummnya, yakni lebih singkat. Tujuan lain Tips SEO ini untuk meningkatkan trafik pengunjung karena tampilan berbeda pada artikel yang terindex oleh google.

Tampilan artikel dengan label yang terindex oleh Google
Hal lain yang harus diperhatikan, label/kategori pada blog Anda sebelumnya harus sudah terindex oleh google, caranya copykan alamat url label anda, lalu pastekan alamat tersebut pada mesin pencari google, dan lihat hasilnya apakah terindex atau belum. Tampilan yang lebih menarik, dapat memikat pengunjung untuk tidak segan-segan mengklik link tersebut.

Langkah-langkahnya, 
  • Pada dasboard blogger Anda silahkan pilih Template,
  • Selanjutnya, pilih Edit Html dan jangan lupa ceklist Expand Template Widget,
  • Silahkan Anda cari kode seperti di bawah ini,
<b:includable id='main' var='top'>
  • Selanjutnya, hapus kode tersebut lalu gantikan dengan kode di bawah 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'/>
Langkah selanjutnya agar tampilan breadcrumb Anda lebih menarik, silahkan terapkan CSS di bawah ini.
  • Silahkan Anda cari kode seperti di bawah ini,
]]></b:skin>
  • Lalu letakan kode CSS di bawah ini sebelum kode tersebut.
.breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal}
  • Simpan Template.

Sekian sudah artikel Tips SEO mengenai "Cara Ampuh Agar Breadcrumb Terindex Google" ini. Semoga artikel ini bermanfaat dan berguna.

Terima kasih.
4.5

0 Comment:

Posting Komentar