Wednesday, June 26, 2019

Cara Mudah Memasang Breadcrumbs SEO Friendly

Wednesday, June 26, 2019

Cara mudah memasang breadcrumbs pada blog blogger


Memasang breadcrumbs di blog itu sangatlah penting dan berguna terhadap SEO blog Nah, untuk itu saya akan membahas cara membuat breadcrumbs.Namun sebelumnya saya mau bertanya Apakah? Anda Sudah Menerapkan Breadcrumbs Pada Situs Blognya dan Apa itu Breadcrumbs? Breadcrumbs merupakan Sebuah kode CSS/HTML yang dipasang di dalam template blog agar blog lebih SEO Friendly terutama pada tab navigasi menu agar supaya pengunjung dan pembaca mudah bernavigasi pada situsblog melalui aktifitasnya menelusuri setiap tab menu navigasi artikel postingan blog dan bisa kembali ke tab halaman awal bernavigasi dengan mudah. Breadcrumb biasanya berada di posisi atas tab halaman postingan.dan juga di bawah header.

Jika anda belum menggunakannya atau menerapkan ke blog milik anda, maka saya Sarankan untuk menggunakan Breadcrumbs. Oleh sebab itu dalam kesempatan kali ini saya akan berbagi cara membuat atau memasang Breadcrumbs simak langkah panduan Nya dibawah ini :

Berikut Cara Memasang Breadcrumbs SEO Friendly di Blog Blogger;

1. Masuk ke Dasbor Blogger dengan akun Google Blogger Anda

2. Pilih dan Klik Tema > Lalu > Edit HTML

3. Selanjutnya Cari kode ]]></b:skin> untuk memudahkan nya tekan CTRL F Bersamaan

4. Lalu salin dan tempelkan kode dibawah tepat di atas kode ]]></b:skin>

.breadcrumbs{padding:0px 5px 5px 0;margin-bottom:20px;margin-top:0px;font-size:11px;color:‪#‎5f5f5f‬;border-bottom:1px dotted ‪#‎fff‬;}




5. Setelah selesai menyimpan kode di atas Selanjutnya cari lagi kode <b:includable id='main' var='top'> dan menggantikanya dengan kode CSS/HTML 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'>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'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data: label.name/></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:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>




6. Nah Jika sudah Klik Simpan Tema dan Selesai





Breadcrumbs ini sangat bermanfaat bagi blog yang kita kelola dan para pengunjung termasuk tata letak struktur blog yang kita memiliki sehingga kelihatan rapih dan kinclong.

Menurut info yang saya baca di situs blog sebelah mengatakan bahwa, Google sangat menyukai situsblog yang mempunyai struktur blog yang rapih dan kelihatan cerah apa lagi warna nya putih, jika anda tidak percaya coba anda lihat website Google semua cerah berwarna putih, jadi anda sudah paham penting nya Breadcrumbs untuk sebuah blog.

Sekian artikel mengenai Cara Mudah Memasang Breadcrumbs Pada Blog. Kurang dan Lebihnya Mohon Maaf.dan jikat tata bahasa penulisa artikel nya tidak sessuai maka tolong berikan Saran Kritik di kolom komentar yang sudah di sediakan di bawah postingan artikel ini terimakasih sudah berkunjung.

Semoga Bermanfaat...

Show comments
Hide comments