Cara Memasang Artikel Terkait atau Related Posts

Cara Memasang Artikel Terkait atau Related Posts

Setelah sebelumnya kita membahas tentang cara memasang Widget Recent Posts dan Popular Posts yang merupakan bagian dari teknik-teknik SEO yang disarankan oleh para Master SEO, kali ini kita akan membahas tentang teknik SEO lainnya, yaitu Cara Memasang Artikel Terkait atau Related Posts pada Postingan.

Artikel terkait atau related posts adalah sebuah link atau URL yang di kelompokan berdasarkan label yang telah dibuat dan karena berada dalam satu label pasti saling berkaitan atau berhubungan dan bahkan mempunyai topik yang sama. Artikel terkait atau related posts akan memudahkan pengunjung untuk membaca artikel-artikel lain yang masih berhubungan dengan artikel yang telah dibaca.

Selain itu, menurut para Master SEO memasang artikel terkait atau related posts merupakan salah satu trik SEO yang disarankan, karena google pun menggunakan hal yang sama. Jika diperhatikan, ketika kita menggunakan google search di bagian bawah ada beberapa saran pencarian yang masih berhubungan dengan artikel atau sesuatu yang sedang kita cari. 

Memasang Artikel Terkait atau Related Posts pada Postingan
Bagi yang ingin memasang artikel terkait atau related posts pada postingan, berikut langkah-langkah memasang artikel terkait atau related posts pada postingan.
  • Login ke blogger
  • Masuk ke menu Template dan pilih Edit HTML
  • Cari script </head> (Gunakan Ctrl F untuk memudahkan pencarian) 
  • Letakkan kode script berikut tepat di bawah script </head>
<style type='text/css'>
 #related-posts { float : left; width : 100%; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 12px Arial; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("http://lh3.ggpht.com/_cNpXRtRph18/S76dASm3WGI/AAAAAAAAEJg/AVmw4HhRdsk/rss.png") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; }
</style>
<script src='http://belajarblogging.googlecode.com/files/relpost.js' type='text/javascript'/>>
  • Cari script <data:post.body/> lalu letakkan kode berikut di bawahnya
<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Artikel Terkait : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if></b:loop> </font><script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();</script>
</div>
</b:if>
  • Simpan Template dan lihat hasilnya.
Jika semua langkah di atas dilakukan dengan benar, maka akan muncul Artikel Terkait atau Related Posts di bawah postingan menurut label masing-masing seperti gambar di bawah ini.

Memasang Artikel Terkait atau Related Posts pada Postingan
Sekian artikel ini, mudah-mudahan bermanfaat dan membuat pembaca lebih betah berada di blog kita. Happy blogger...

Artikel terkait:

Bagikan: