Membuat Related Post(SEO Friendly)

Membuat Related Post di bawah artikel kita adalah salah satu cara yang biasa dilakukan para mastah untuk mempermudah pembacanya untuk menemukan artikel lain. Jadi ada baiknya jika agan-agan mencoba untuk memasang Related Post. Walaupun memang akan membuat web menjadi lebih lambat(lemot), tapi hal ini dapat memperjelas navigasi dari blog kita. Sayangnya, robot engine tidak mampu untuk membaca javascript. Padahal, jika robot engine dapat membacanya, tentu related Post dapat memberikan nilai tambah SEO milik blog kita. Terimakasih pada Mastah Anwar dan Mastah DJSite yang sudah membantu meluruskan :).
Caranya simple :



Masuk blogger > rancangan(Template) > edit html > centang "Expand Template Widget"
cari kode </head> kemudian letakkan script di bawah ini tepat di atas kode </head>

<script type="text/javascript">

//<![CDATA[

var relatedTitles = new Array();

var relatedTitlesNum = 0;

var relatedUrls = new Array();

function related_results_labels(json) {

for (var i = 0; i < json.feed.entry.length; i++) {

var entry = json.feed.entry[i];

relatedTitles[relatedTitlesNum] = entry.title.$t;

for (var k = 0; k < entry.link.length; k++) {

if (entry.link[k].rel == 'alternate') {

relatedUrls[relatedTitlesNum] = entry.link[k].href;

relatedTitlesNum++;

break;}}}}

function removeRelatedDuplicates() {

var tmp = new Array(0);

var tmp2 = new Array(0);

for(var i = 0; i < relatedUrls.length; i++) {

if(!contains(tmp, relatedUrls[i])) {

tmp.length += 1;

tmp[tmp.length - 1] = relatedUrls[i];

tmp2.length += 1;

tmp2[tmp2.length - 1] = relatedTitles[i];}}

relatedTitles = tmp2;

relatedUrls = tmp;}

function contains(a, e) {

for(var j = 0; j < a.length; j++) if (a[j]==e) return true;

return false;}

function printRelatedLabels() {

var r = Math.floor((relatedTitles.length - 1) * Math.random());

var i = 0;

document.write('<ul>');

while (i < relatedTitles.length && i < 20) {

document.write('<li><a href="' + relatedUrls[r] + '">' + 

relatedTitles[r] + '</a></li>');

if (r < relatedTitles.length - 1) {

r++;

} else {

r = 0;}

i++;}

document.write('</ul>');}

//]]>

</script>

Bagi yang penasaran apa kode ini, kode ini merupakan kode javascript yang menunjang algoritma fungsi untuk menampilkan Related Post. Jangan lupa untuk memberikan label disetiap postingan anda, karena fungsi ini dikelompokkan melalui label.

Kemudian cari kode <data:post.body/> kemudian letakkan script berikut ini di bawah kode <data:post.body/>


<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>

<b:if cond='data:blog.pageType == "item"'>
<h4>Artikel Terkait</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>


Tulisan berwarna merah diatas dapat diganti sesuai keinginan. Diblog saya sendiri saya menggunakan kata-kata "Related Post : ".
Mungkin sekian tutorial dari saya, tetap semangat !   

Artikel Terkait