Cara menambahkan breadcrumbs SEO friendly di blog

Hai sob :) kali ini saya akan memberikan tutorial Cara menambahkan breadcrumbs SEO friendly di blog :)

Seperti yang kita ketahui penerapan Breadcrumbs ini sangat erat kaitannya dengan SEO pada blog yang akan mempermudah perayapan pada Blog, khususnya pada Google, agar semua label yang ada di blog dapat dengan mudah dirayapi oleh Google search.

Cara menambahkan breadcrumbs SEO friendly di blog- Artikel ini membahas apa itu breadcrumbs dan cara menambahkan breadcrumbs SEO friendly di blog. yg pertama saya bahas adalah pengertian bredcrums itu sendiri.

Mungkin kalian bertanya-tanya, "apa sih breadcrums itu?" Nah daripada penasaran langsung saja simak penjelasan nya dibawah ini :).

Apa itu breadcrumbs ?

Breadcrumbs adalah navigasi menu yang menunjukan lokasi pengunjung pada halaman blog kita. Hal digunakan untuk membuat website kita lebih user friendly, yang dimana pengunjung dapat dengan mudah mengunjungi halaman blog anda2 tanpa masalah. Hal ini juga dapat membantu meningkatkan pencarian blog anda di mesin pencari, dengan menambahkan kata kunci ke dalam postingan blog Anda.

Breadcrumbs

Nah setelah tau apa itu breadcrumbs , mungkin kalian masih penasaran, bagaimana cara memasang breadcrumbs SEO friendly di blog? Eits jangan dulu pergi :) simak penjelasan nya dibawah.

Cara memasang breadcrums SEO friendly di blog

Ikuti langkah-langkah berikut :

• Login ke akun blogger anda, masuk ke tema- Edit HTML
• Tekan Ctrl+F dan cari kode berikut : 

]]></b:skin> atau </style> 

• Tambahkan kode berikut tepat sebelum kode di atas :

/* 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;}

• Langkah selanjutnya cari kode berikut : 

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

• Kemudian tambahkan kode breadcrumbs SEO friendly dibawah ini tepat dibawah kode 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>

• Langkah terakhir klik Simpan Template

Oke, saya rasa sudah cukup penjelasan tentang Cara menambahkan breadcrumbs SEO friendly di blog , mudah-mudahan bisa bermanfaat :) jika ada yg kurang mengerti mengenai Cara menambahkan breadcrumbs SEO friendly di blog , bisa ditanyakan di kolom komentar :)

Share this post