Biasanya di bagian bawah sebuah postingan terdapat tampilan Artikel terkait (Related Post), hal ini berguna untuk memudahkan pengunjung melihat artikel lain yang berhubungan dengan artikel (postingan yang aktif). Dengan adanya related post bisa meningkatkan pagehit pada blog anda.
Ada kelemahan dari link yang terdapat pada relted post, yaitu klik yang ada merupakan klik dinamis, sehingga crawl (script google) tidak menghitung klik yang terjadi pada link tersebut. Berbeda dengan link statis, setiap klik pada link statis diperhitungkan oleh google dalam menentukan pagerank sebuah halaman web.
Tampilan related post bisa anda lihat di bawah ini, kode ini saya copy dari blognya O-OM
(Di blog O-OM sangat banyak materi tentang blog dan SEO yang dapat anda pelajari).
Prosedur membuat related post:
1.Login ke Dasboard
2.Pilih Layout -> Edit HTML
3.Centang kotak Expand Widget Template
4.Kemudian cari kode ini <data:post.body/>
Letakkan script berikut ini di bawah kode <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>Kata : Related Posts by Categories bisa anda ubah menjadi kata atau teks sesuai selera anda, misalnya : Artikel Terkait
<div class='similiar'>
<div class='widget-content'>
<h3>Related Posts by Categories</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if>
5. Jangan lupa simpan template.
9 comments:
MaxNumberofPostPerlabel dan maxNumberofLabels menunjukkan apa ya?
terimakasih sobat, saya sudah terapkan di blog.
makasih banyak infonya, saya mau buat artikel terkait malah nyasar di bawah kotak komentar, semoga dgn cr yg ini bisa membantu, thx
Salam kenal sebelumnya mas, yang ingin saya tanyakan adalah apabila post kita memiliki 2 label, jika kita gunakan script di atas tentu kedua label tersebut akan muncul dong masing2 post terkaitnya.., nah kalau saya ingin menentukan salah satu label saja yang ada related post-nya kira2 scriptnya gimana ya ?, thanks sebelumnya mas.
Coba pada maxNumberOfLabelsdiubah angka 10 dan 3 menjadi 1:
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
Jadi setiap postingan, tag-nya harus diisi ya?
terima kasih banyak atas panduannya....
kalo di html template ane gak ada data post body gimana gan?
silahkan cek template ane sekedarwawasan.blogspot.com
mohon bimbingannya , makasih
Apa kbr? dua tahun lalu sy gunakan script artikel terkait dari sini, dan berhasil. Sayangnya, 4 hari lalu, link artikel di bwh posting tiba2 hilang.
lalu saya coba ulangi, dg pasang script yg sama.
Ternyata kode tdk ada di blog saya.
Kira2 apa yg terjadi ya? Mohon sarannya. Trims
Posting Komentar