Memasang Widget Popular Posts SEO Friendly Dengan Default Thumbnail

Cara Memasang Widget Popular Posts SEO Friendly Fast Loading

Popular posts adalah widget yang menampilkan daftar postingan paling banyak dibaca atau yang paling banyak dikunjungi, dan tentu saja memasangnya adalah wajib..

Melengkapi postingan sebelumnya, Memasang Widget Popular Posts Keren Fast Loading. Masalah yang timbul adalah ketika kita memasang widget tersebut secara lengkap dengan gambar dan snippet atau ringkasan, skor SEO blog di CHKME biasanya akan berkurang dan tidak sampai 100%..

Yang menyebabkan berkurangnya skor SEO tersebut adalah deskripsi thumbnail image yang secara default tidak dilengkapi dengan meta deskripsi berupa image description atau alternative text.. (Sumber)

Berikut adalah kode lengkap popular posts SEO friendly plus default thumbnail image. Anda tinggal mengganti kode popular posts yang sudah ada dengan kode di bawah ini..

# Cara memasang widget popular posts seo friendly with default thumbnail

1. Edit HTML lalu cari kode yang diawali <b:widget id='PopularPosts1' hingga kode penutup </b:widget>
2. Hapus kode tersebut dan replace dengan kode berikut, lalu save template!

<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 == "false"'> <b:if cond='data:showSnippets == "false"'>  <a expr:href='data:post.href'><data:post.title/></a> <b:else/>  <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 == "false"'>  <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/AVvXsEhaqAJRBHZGoOIGE1I3x8dxgv0WCF3kLIk_Fw9COy41eIecx2x3ko7BtQGpAFkKDGTvUBpa3VAR0JrN81u5xIWp7OmIlXhCQ_K8_O0ekfsVl0qjEtrxszeCxpe4P-rZi47CcPMB6HmxJCDS/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/>  <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/AVvXsEhaqAJRBHZGoOIGE1I3x8dxgv0WCF3kLIk_Fw9COy41eIecx2x3ko7BtQGpAFkKDGTvUBpa3VAR0JrN81u5xIWp7OmIlXhCQ_K8_O0ekfsVl0qjEtrxszeCxpe4P-rZi47CcPMB6HmxJCDS/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>

Demikian tutorial cara memasang widget popular posts SEO friendly, semoga bermanfaat..

——○●※●○——

Esha Ardhie
Sabtu, 27 Agustus 2016

Rasulullah shallallahu 'alaihi wa sallam bersabda: "Barangsiapa yang menunjuki kepada kebaikan, maka dia akan mendapatkan pahala seperti pahala orang yang mengerjakannya." [HR. Muslim no. 1893]