Membuat Widget Popular Post lebih SEO

Bersosial 67 pada kesempatan ini ingin sedikit mengupas tentang membuat Widget Popular Post lebih SEO Friendly. Widget Popular Post ini merupakan sebuah widget blog yang cukup penting keberadaannya, karena memiliki tugas untuk menginformasikan kepada pengunjung blog tentang artikel-artikel paling populer yang terdapat dalam blog kita. Dengan menampilkan artikel-artikel tersebut, diharapkan pageviews blog yang kita miliki akan bertambah, dan pada akhirnya dapat membawa penurunan peringkat Alexarank.

Namun pernahkah anda mengalami masalah dengan widget popular post ini ? Terkadang widget ini menyebabkan blog kita kurang SEO friendly bilamana kita mendeteksinya dengan mempergunakan SEO Analizer milik Bing Webmaster. Hal utama yang menyebabkan kurang SEO friendly adalah kemunculan thumbnail-thumbnail pada widget popular post ini. Saya pernah mengalaminya sebanyak tiga kali untuk blog-blog saya yang lainnya. Bingung juga sih waktu itu ......

Sejurus dengan perjalanan waktu, akhirnya saya menemukan satu solusi yang mantap yaitu dengan mengganti semua kombinasi script widget popular post tersebut. Hasilnya sungguh luar biasa.

Kombinasi widget polular post standar :

<b:widget id='PopularPosts1' locked='false' 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 alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</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 alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</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>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Gantilah semua script tersebut di atas dengan rangkaian 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>

Selanjutnya jangan lupa menyimpan template anda, lihat hasilnya dengan mengarahkan kursor ke areal widget popular tersebut, maka bilamana kursor berada di atas thumbnail, akan muncul semacam "tooltip" yang berisi tentang penjelasan thumbnail yang bersangkutan, hal demikian ini terjadi pula saat kursor mengarah ke judul postingannya.

Trik ini tergolong sederhana, namun berdampak cukup signifikan untuk meningkatkan SEO blog.

Related Posts:

Anda sedang membaca artikel tentang Membuat Widget Popular Post lebih SEO, Anda boleh menyebar luaskan atau mengcopy - paste artikel di atas jika memang sangat bermanfaat bagi anda.. Dengan syarat anda harus meletakkan link di bawah ini sebagai sumbernya..
<a href="http://bersosial67.blogspot.com/2014/02/membuat-widget-popular-post-lebih-seo.html">Membuat Widget Popular Post lebih SEO</a>

Get free daily email updates!

Follow us!