Cara Menambahkan Breadcrumbs SEO Friendly di Blog

Halo sobat blogging pada kesempatan kali ini admin akan memberikan sebuah tutorial cara menambahkan Breadcrumbs SEO Friendly untuk blog,pada dasarnya Breadcrumbs merupakan menu navigasi yang umumnya dapat kita temukan pada halaman blog dengan ciri ciri berupa link yang menuju halaman Home Page.dan juga diikuti dengan label dan judul postingan yang sedang di akses,cara ini bisa menambah performa SEO di blog anda.

Mungkin kalau berbicara tentang konsep seo tentunya akan sangat luas pembahasannya,perlu di ketahui dalam menerapkan teknik SEO tentunya bukan hanya SEO On Page Atau SEO Off Page saja.kalau blog atau postingan kita mau dengan mudah di rayapi oleh mesin pencari,seperti Mesinnya mbah Google,maka kita bisa setting SEO pada template yang kita gunakan.

Salah satunya kita menerapkan teknik Optimasi SEO dengan memasang Breadcrumbs SEO Friendly di template kita.mungkin manfaatnya bukan hanya ini saja kawan..

Perlu diketahui Breadcrumbs juga memiliki fungsi untuk memberikan informasi kepada pengunjung terkait halaman yang sedang di kunjungi atau di akses,dari mulai label hingga judul atau halaman yang sedang di kunjungi oleh visitor kita.

Breadcrumbs SEO Friendly

Breadcrumbs juga menjadi salah satu faktor pendukung SEO yang bisa memberikan kontribusi yang baik bagi blog kita,oleh karena itu Seo Blogger Id sedikit akan memberikan bagai mana cara memasang Breadcrumbs di dalam template blog kita.yuk langsung simak saja di bawah.

oh ya sobat yang lebih canggihnya lagi memasang Breadcrumbs di template blog kita menjadikan situs SEO Friendly dan juga sudah terbukti terindex di berbagai mesin pencari dan juga Valid HTML5,selanjutnya bagaimana cara memasangnya yuk langsung saja di tkp.


Cara Menambahkan Breadcrumbs SEO Friendly

Ok sobat Seo Blogger id semua,yang pertama silahkan buka dasboard Blogger anda,selanjutnya silahkan pilih Menu Tema,dan silahkan klik tombol Edit HTML lalu silahkan tambahkan kode dibawah ini kedalam template Blog,dan letakan sebelum kode ]]></b:skin>

/* Breadcrumbs */
.breadcrumbs{padding:20px 30px;background:#fff;margin-bottom:20px}
.breadcrumbs a,.post-info a {color:#19abea;}
.breadcrumbs a:hover,.post-info a:hover {color:#454545;}

Dan selanjutnya silahkan anda cari kode dibawah ini pada template blog :

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

Setelah itu langkah yang terahir silahkan tambahkan kode HTML Breadcrumbs di bawah ini tepatnya sesudah kode yang di tulis diatas.

<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='Home'>Home</a></span> / <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'>
Anda di sini : <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url' title='Home'><span itemprop='title'>Home</span></a></span>
<b:loop values='data:post.labels' var='label'>
/ <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + &quot;?max-results=5&quot;' expr:title='data:label.name' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span>
</b:loop>
/ <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag' title='Home'>Home</a></span> / <span>Without Label</span> / <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='Home'>Home</a></span> / <span>Archived 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' title='Home'>Home</a></span> / <span>All Post</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></span> / <span><data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

ok sobat pada tahap ini anda sudah berhasil memasang Breadcrumbs SEO Friendly di template blog anda,dan selanjutnya silahkan anda tunggu samapai google merayapi semua halaman pada situs blog anda.

dan untuk menguji nya anda bisa menggunakan Alat Pengujian Data Terstruktur yang gunanya untuk mengetahui jika terjadi kesalahan pemasangan kode breadcrumbs pada template blog anda.

baik sobat blogging semua mungkin hanya sampai sini saja,dan silahkan ikuti step by step agar tidak salah dalam penerapanya,semoga bermanfaat dan salam sukses dari blogger indonesia admin seo blogger id.

0 Response to "Cara Menambahkan Breadcrumbs SEO Friendly di Blog"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel