Thursday, August 20, 2009

Membuat Related Articles pada blogspot baru

Teknik dan trik SEO bagi blogger adalah sangat sangat penting. Betapa tidak, dengan mengetahui teknik dan trik SEO trafik/pengunjung blog akan semakin meningkat dan ini merupakan sinyal kesuksesan blog kita. Apalagi bila blog untuk bisnis, wah wah wah… bakalan panen tuh…

Apa itu SEO?
SEO atau Search Engine Optimization adalah optimasi mesin pencarian. Ada begitu banyak Search Engine diantaranya yang terbesar adalah Google, Yahoo, MSN dan Bing. Teknik dan metode optimasi mesin pencari dari tahun ke tahun selalu berkembang. Dulu untuk meningkatkan posisi ranking blog dan meningkatkan trafik via Search Engine hanya dengan memperbanyak dan mengulang-ulang keyword pada posting artikel di blog masih bisa. Tapi sekarang ini, melakukan cara yang sama tidak mungkin. Kenapa? Karena Search Engine semakin cerdas dan pintar. Bila kita terus melakukan cara yang sama bisa-bisa blog kita di ban oleh Search Engine. Resikonya bukannya dapat trafik malah blog kita diasingkan dan tidak mungkin dapat trafik dari Search Engine. Oleh karena itu lebih baik kita melakukan cara-cara yang benar dan jujur yang disukai oleh Search Engine.

Bagaimana cara yang benar dan jujur? Yaitu dengan meningkatkan impresi blog. Salah satunya adalah dengan membuat “Related Articles” di bawah setiap postingan artikel. Manfaatnya selain adanya link antar artikel, Search Engine konon menyukai cara ini. Dengan cara ini juga kita dapat mengarahkan pengunjung untuk mengklik artikel yang lain yang masih satu tema dengan artikel yang baru saja dibaca. Bila artikel tersebut bagus tentu saja pengunjung akan terus melanjutkan membaca artikel yang berhubungan. Makanya kualitas artikel tetaplah nomor satu.

Cara membuat “Related Articles”
Pertama anda masuk ke "Tata Letak" pada Draft Blogger. Kemudian masuk ke "Edit html" dan aktifkan "Expand Widget Template" dengan mencontreng kotak di sebelahnya. Jelas ya...

WARNING : Sebelum anda melakukan perubahan/penambahan kode html pada kode html yang asli, sebaiknya anda memback up dulu dengan meng-copy paste kode html asli pada file baru misalnya paste ke "notepad". Jaga-jaga jika terjadi sesuatu yang tidak diharapkan.

Baik, kita lanjutkan ya.

Anda cari kode seperti di bawah ini :

<p><data:post.body/></p>

PERHATIKAN! Terdapat 2 kode di atas yang persis sama, ok...

Karena kode tersebut ada dua persis sama, maka kode "Related Articles" dipasang di bawah kode yang pertama atau diatas kode yang kedua.

Bila anda sudah memasang kode untuk “Read more…” kode “Related Articles” dipasang di atas kode
<p><data:post.body/></p>
Kode “Read More…” .

Contoh:

<p><data:post.body/></p>
Kode Related Articles…


<p><data:post.body/></p>
Kode Read more…

Jelas ya….

Baik, kalau sudah jelas silahkan copy kode “Related Article” di bawah ini dan paste pada posisi seperti contoh penjelasan di atas.

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>


<div class='widget-content'>
<h3>Related Posts by Categories</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>


var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;


maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;


function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;


for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
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 &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label) {


var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
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 = &quot;<data:label.name/>&quot;;


var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>


</div>
</b:if>

Kodenya banyak sekali dan panjang lagi! Belum apa-apa sudah bete neh,...

Memang kalau di perhatiin kodenya satu persatu ya jelas bikin pusinglah. Makanya ga usah pikirin soal kode-kode html yang penting ambil manfaatnya aja ya...Ok.

Bukti hasilnya seperti anda lihat sendiri pada blog ini terdapat “Related Articles” di bawah postingan ini. Oya, hampir lupa, kalimat “Related Posts by Categories” pada kode di atas dapat anda ganti sesuai dengan kebutuhan anda. Mudah dan asyik kan…

Silahkan mencoba! Sukses untuk anda.

Bila ada pertanyaan atau komentar silahkan...

Bila artikel ini bermanfaat untuk anda, silahkan Klik Disini untuk berlangganan artikel terbaru Izmild Blog GRATIS melalui email.

2 comments:

wellsen said...

Info yang bermanfaat, mas..

salam kenal :)

indah said...

tks mas infonya....

Mengembalikan jati diri bangsa

"Kini saatnya kita mengembalikan jati diri bangsa demi mewujudkan cita-cita luhur membangun negeri yang makmur dan sentosa. Ayo blogger Indonesia kita sukseskan kontes SEO mengembalikan jati diri bangsa!"