Membuat fitur artikel terkait (related post) biasanya akan dilirik pembaca pertama kali setelah selesai membaca. Pembaca akan merasa penasaran jika informasi yang ingin didapatkan tidak terpuaskan. Dengan begitu pengunjung blog kamu akan terus mencari informasi sebanyak-banyaknya dengan membuka artikel yang ada. Untuk mengisi psikologi si pembaca tersebut, fungsi related posts atau artikel terkait tersebut adalah pilihan untuk mendongkrak jumlah kunjungan. Artikel terkait ini bertujuan memanjakan pembaca karena pada dasarnya pengunjung juga ingin diberi kemudahan mendapatkan informasi walau terkadang tidak begitu ada kemiripan dalam artikel.
Membuat artikel terkait untuk template bawaan blogspot memang perlu trik khusus. Saya sudah mencoba beberapa tutorial SEO yang diberikan oleh rekan-rekan blogger lainnya. Namun saat diterapkan tidak cocok untuk template bawaan blogspot. Akhirnya saya mengambil keputusan memadukan template custom ke dalam template bawaan blogger dan berhasil. Berikut cara kami membuat related post untuk template defalut blogger dalam upaya optimasi SEO blogspot
Cara membuat artikel terkait di bawah posting
1. Cari kode berikut :<div class='post-footer-line post-footer-line-3'/>
........
........
........
</div>
</div>
2. Paste kode berikut ini di bawah </div> ganda tersebut
/*---:[ Fitur Artikel Terkait dari Optimasi SEO Khusus Blogspot Dimulai ]:---*/
<b:if cond='data:blog.pageType == "item"'>
<div class='similar'>
<div class='widget-content related-by-cat'>
<h4>Baca juga artikel yang berhubungan berikut ini</h4>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 50;
var maxNumberOfLabels = 40;
maxNumberOfPostsPerLabel = 40;
maxNumberOfLabels = 40;
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>
/*---:[ Fitur Artikel Terkait dari Optimasi SEO Khusus Blogspot Diakhiri ]:---*/
3. Simpan dan Lihat hasilnya
Psikologi SEO :
a. Kode di atas tidak ditaruh di <data:post.body/> karena nantinya untuk fungsi read more (baca selengkapnya). Alasannya adalah selain memberatkan saat loading, pembuatan fungsi baca selengkapnya menjadi lebih rumit.
b. Mengapa kode artikel terkait tidak ada CSSnya? Karena saya lebih suka tampilan default yaitu dengan bullet hitam tanpa embel-embel gambar background.
c. Tekanlah atau ajaklah pembaca membuka link artikel terkait tersebut seperti "Baca juga yang lain", Artikel menarik lainnya, dll pokoknya SEO kali ini hanya ajakan saja (ganti tulisan warna biru)
d. Keterkaitan artikel otomatis menggunakan kode di atas masih perlu ditambah dengan membuat link manual.
e. Lebih banyak artikel menyerupai, atau artikel terkait lainnya dapat meningkatkan jumlah kunjungan dikarenakan pembaca lebih berkesempatan memilih artikel paling menarik sesuai yang dicarinya.
Seperti itulah analisa dari aku, jika ada masalah, bingung, atau ragu, jangan sungkan berkomentar. Salam sukses latihan SEO ya!
Preview related post default blogger template :
Preview related post default blogger template :
 |
| Preview Related Post default blogger template |
0 komentar:
Post a Comment