Membuat Popular Post lebih SEO Friendly

Blogger Blog 21. Popular Post pada beberapa template menyebabkan blog jadi kurang SEO Friendly, makanya postingan ini akan membahas tentang cara membuat Popular Post lebih SEO Friendly. Popular Post ini adalah sebuah widget yang berfungsi untuk memberitahukan kepada pengunjung tentang artikel-artikel blog yang paling banyak dibaca atau diakses oleh pengunjung blog. Widget Popular Post ini biasanya terpasang pada sidebar template blog di halaman homepage (halaman depan). Berikut ini contoh gambar kasus tersebut di atas.

Thumbnail Widget Popular Post kurang SEO Friendly

Dalam gambar tersebut dinyatakan bahwa thumbnail pada Widget Popular Post inilah yang menyebabkan sebuah blog menjadi kurang SEO Friendly berdasarkan hasil penelitian dengan mempergunakan SEO Analizer milik Bing Webmaster. 4 error yang ditampilkan semuanya berasal dari thumbnail yang terpasang pada widget Popular Post.

Hal apakah yang menjadi penyebabnya ? Tentu inilah pertanyaan kita selanjutnya. Penyebabnya adalah, dalam beberapa template yang tersedia, baik itu Responsive Template maupun Non Responsive Template sering tidak memperhatikan script "alt" maupun "title" untuk thumbnail pada widget Popular Post ini. Nah, hal inilah yang perlu kita perbaiki kembali secara manual.

Pertanyaan selanjutnya adalah, "Bagaimana seandainya widget Popular Post ini tidak kita letakkan pada halaman Homepage ?" Jawabannya adalah, "Jelas tidak apa-apa, artinya aman-aman saja, karena SEO Analizer milik Bing Webmaster hanya membaca halaman pertama (homepage) sebuah blog saja". Namun bagi saya hal ini tetap menjadi ganjalan, karena manakala kita melakukan tes SEO dengan mempergunakan chkme.com, kita tidak akan memperoleh hasil yang maksimal, dan masalah tersebut tetap akan terdeteksi dan tetap saja mengurangi score SEO blog.

Pertanyaan terakhir yang pasti muncul adalah, "Bagaimana solusi atau cara mengatasinya ?". Semoga pertanyaan ini menjadi pertanyaan terakhir dalam bahasan artikel ini. Sebenarnya cara mengatasinya tidak terlalu sulit atau mudah untuk dilaksanakan, hanya membutuhkan sedikit ketelitian dan kesabaran dari anda sendiri.

Cara Memasang Title Tags Pada Thumbnail dan Link Popularpost

Begini caranya, anda masuk saja pada menu edit HTML template blog anda dan temukan script seperti berikut ini :

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
.................................................................
</b:widget>

Hapus atau ganti script tersebut dengan script di bawah ini  :

<b:widget id='PopularPosts1' locked='false' mobile='yes' title='Entri Populer' 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;'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a><b:else/><div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><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;'><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:title='data:post.title' expr:width='data:thumbnailSize'/></a></div></b:if><div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><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:title='data:post.title' expr:width='data:thumbnailSize'/></a></div></b:if><div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><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><div class='clear'/>
</b:includable>
</b:widget>

Simpan template anda dan lihatlah hasilnya, atau uji kembali dengan mempergunakan SEO Analizer milik Bing Webmaster. Demikianlah uraian Blogger Blog 21 tentang membuat Popular Post lebih SEO Friendly, semoga bermanfaat.

Hasil dari pada script tersebut di atas adalah seperti gambar di bawah ini  :