Social

Cara Memasang Breadcrumbs di Blog

Cara Memasang Breadcrumbs di Blog  - Kembali lagi saya akan membahas mengenai SEO , yaitu Cara Memasang Breadcrumbs di Blog setelah pada po... thumbnail 1 summary
Cara Memasang Breadcrumbs di Blog - Kembali lagi saya akan membahas mengenai SEO, yaitu Cara Memasang Breadcrumbs di Blog setelah pada postingan sebelumnya ada Cara Pasang Image Alt Otomatis Pada Blog.

Breadcrumbs adalah sebaris tautan internal pada bagian atas atau bawah laman yang memungkinkan pengunjung untuk menavigasi balik ke bagian sebelumnya atau ke laman dasar dengan cepat. 

Breadcumbs ini sangat disukai oleh search engine, sehingga apabila blog kita memiliki breadcumbs dapat menambah nilai SEO pada blog kita. 

Di mesin pencarian (SERP) url yang ditampilkan adalah kategori dari postingan sehingga blog sobat bisa bersaing untuk mendapatkan posisi top di google SERP. 



1. Login ke Blog
2. Masuk menu Template
3. Edit HTML
4. Letakkan kode di bawah sebelum ]]></b:skin>

.breadcrumbs{ padding:5px 5px 5px 0; margin:0;font-size:95%; line-height:1.4em; border-bottom:4px double #cadaef}


5. Cari kode seperti ini

<div class="post hentry">


6. Letakkan kode ini setelah <div class="post hentry">

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'> Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if> </b:loop> </b:if> &#187; <data:post.title/> </div> </b:if> </b:if>


7. Simpan dan selesai

No comments

Post a Comment

Sponsor