Tips Memasang Breadcrumbs SEO Friendly Dan Valid HTML5 Versi Mas Jonny

Tips/Cara Memasang Breadcrumbs SEO Friendly Dan Valid HTML5 - Memasang mode navigasi Breadcrumbs sangat penting bagi kesempurnaan optimasi seo anda karena dengan memasang breadcrumbs ini anda akan dapat memudahkan pengunjung yang akan mencari blog anda di mesin telusur. Memasang Breadcrumbs juga dapat menjadi faktor suatu artikel dapat muncul di search engine karena dengan seo yang sangat baik tidak menjadi suatu alasan bagi artikel untuk masuk ke search engine.
( Baca Juga : Faktor SEO Menambah Title di Breadcrumbs )

Breadcrumbs sendiri dapat diartikan sebagai sebuah peta yang membantu para pencari di search engine untuk mengetahui di kategori mana artikel anda di publikasikan, silahkan anda melihat contoh dari breadcrumbs mas jonny.
( Baca Juga : Cara Paling Mudah Menambah Title Otomatis )

Tips Memasang Breadcrumbs SEO Friendly Dan Valid HTML5

• Langkah Pertama adalah masuk kedalam Template > Edit HTML
• Pasang kode dibawah ini tepat diatas kode ]]></b:skin> atau </style>

.breadcrumbs{padding:10px;margin-bottom:20px;margin-top:0px;font-size:12px;color:#5B5B5B;border-bottom:1px dotted #bbb;}

• Kemudian cari kode seperti dibawah ini!!

<b:includable id='main' var='top'>

• Setelah menemukannya, Ganti kode diatas 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' title='Beranda'>Beranda</a></span> &#187; <span><data:blog.pageName/></span></div>

<b:else/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<!-- Breadcrumb Untuk Halaman Pos -->

<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' title='Beranda'><span itemprop='title'>Beranda</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' expr:title='data:label.name' 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' title='Beranda'>Beranda</a></span> &#187; <span>Tanpa Label</span> &#187; <span><data:post.title/></span></div>

</b:if>

</b:loop>

<b:else/>

<b:if cond='data:blog.pageType == &quot;archive&quot;'>

<!-- Breadcrumb Untuk Label Search dan Search Pages -->

<div class='breadcrumbs'>

<span><a expr:href='data:blog.homepageUrl' title='Beranda'>Beranda</a></span> &#187; <span>Arsip untuk <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' title='Beranda'>Beranda</a></span> &#187; <span>Semua posting</span>

<b:else/>

<span><a expr:href='data:blog.homepageUrl' title='Beranda'>Beranda</a></span> &#187; <span>Penelusuran <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'/>

Save Template dan lihat hasilnya

Demikianlah Tips Memasang Breadcrumbs SEO Friendly Dan Valid HTML5 Semoga dapat bermanfaat bagi anda dan jangan lewatkan Cara Membuat Blog SEO Mobile Friendly.