SEO - Membuat Widget Populer Post SEO Friendly - Widget Populer Post merupakan widget yang sangat penting untuk di pasang di sebuah blog, semua blogger rata-rata sudah menerapkan nya di Template blog mereka. Widget Populer post ini menampilkan daftar posting yang paling banyak dibaca atau dikunjungi di blog sobat, sehingga pengunjung akan tertarik membaca artikel yang paling terbaik di blog sobat dan pada hasilnya akan menambah Pageviwe artikel dan blog tersebut.

Membuat Widget Populer Post SEO Friendly

Namun, jika sobat menampilkan popular plus lengkap, yakni judul, gambar, plus ringkasan (snippet), kadang menimbulkan masalah dalam hal SEO blog. SEO template blog biasanya akan berkurang di chkme.com dan sudah pasti mempengaruhi kecepatan loading Blog menjadi lamba. Maka dari itu kali ini saya akan memberikan informasi mengenai Membuat Widget Populer Post SEO Friendly sekaligus menjawab pembuatan Label Populer pos yang berat menjadi enteng dan tidak mengurangi nilai SEO template itu sendiri. Haslnya pun cukup memuaskan dengan di lengkapi gamabr, deskripsi dan judul artikel (Lengkap). Langusng saja di simak informasi selengkapnya berikut ini.

Cara Memasang Widget Popular Posts SEO Friendly plus Default Thumbnail Image untuk Blog.

Sebelum menerapkan cara ini, sebelumnya sobat sudah harus memasang Widget Populer pos yang sudah di sediakan oleh Blog. Yang nantinya kode populer post di Template blog sobat akan di modifikasi sedemikian rupa sehingga menjadi SEO dan Responsive.

1. buka blog > Masuk menu Template > Edit HTML
2. selanjutnya cari kode yang di awali dengan </b:widget>
<b:widget id='PopularPosts1' hingga kode Penutup nya </b:widget>
3. Setelah ketemu ganti kode tersebut dengan kode  berikut ini.

<b:widget id='PopularPosts1' locked='true' title='Popular Posts' type='PopularPosts'> <b:includable id='main'> <b:if cond='data:title'><h2><data:title/></h2></b:if> <div class='widget-content popular-posts'> <ul> <b:loop values='data:posts' var='post'> <li> <b:if cond='data:showThumbnails == &quot;false&quot;'> <b:if cond='data:showSnippets == &quot;false&quot;'> <!-- (1) No snippet/thumbnail --> <a expr:href='data:post.href'><data:post.title/></a> <b:else/> <!-- (2) Show only snippets --> <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div> <div class='item-snippet'><data:post.snippet/></div> </b:if> <b:else/> <b:if cond='data:showSnippets == &quot;false&quot;'> <!-- (3) Show only thumbnails --> <div class='item-thumbnail-only'> <b:if cond='data:post.thumbnail'> <div class='item-thumbnail'> <a expr:href='data:post.href' target='_blank'> <img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/> </a> </div><b:else/> <div class='item-thumbnail'> <a expr:href='data:post.href' target='_blank'> <img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:width='data:thumbnailSize' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkP8zuO3L1h-dKRWvwek5HH6HOYWRQn05xda6xCD90FZC4m_PJVd0G88BqmsCmm1S2vpaFy_xof8mx74Uv_m4pTczKnFYzZ9WqFnS-nrEmgQm5iiyPshkXH4U7_g0ZV1_cLkv0rPLaI_x-/s72-Ic42/no-image-available-default-72.png' width='72'/> </a> </div> </b:if> <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div> </div> <div style='clear: both;'/> <b:else/> <!-- (4) Show snippets and thumbnails --> <div class='item-content'> <b:if cond='data:post.thumbnail'> <div class='item-thumbnail'> <a expr:href='data:post.href' target='_blank'> <img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/> </a> </div> <b:else/> <div class='item-thumbnail'> <a expr:href='data:post.href' target='_blank'> <img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:width='data:thumbnailSize' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkP8zuO3L1h-dKRWvwek5HH6HOYWRQn05xda6xCD90FZC4m_PJVd0G88BqmsCmm1S2vpaFy_xof8mx74Uv_m4pTczKnFYzZ9WqFnS-nrEmgQm5iiyPshkXH4U7_g0ZV1_cLkv0rPLaI_x-/s72-Ic42/no-image-available-default-72.png' width='72'/> </a> </div> </b:if> <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div> <div class='item-snippet'><data:post.snippet/></div> </div> <div style='clear: both;'/> </b:if> </b:if> </li> </b:loop> </ul> </div></b:includable> </b:widget>
4. terakhir simpan template dan lihat hasilnya.

Keterangan : Untuk mengatur kembali jumlah popular post yang ditampilkan, klik Layout > Edit Widget Popular Post.

Demikianlah tutorial mengenai Membuat Widget Populer Post SEO Friendly, tidak ada salahnya sobat mencobanya dan sobat bisa lihat sendiri hasilnya. Semoga tutorial yang singkat ini dapat memberikan ilmu yang bermanfaat dan selamat mencoba untuk sobat pembaca semua.