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.
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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjubBvy7cBGydhVg6Br5r4lf_BxBTejOTh6qdA6bTkq7NgFmWyslnd6T-k4NVCm1vFHLtabASwQUyPLWhtH_7B4lQzn9xceDdME-B4eKQ3kLYoSada93Ai7TfRej8bUF9BYHW2f_IDUf4c/") 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.
