Memberi Title Tag Pada Related Posts

Related Posts
Tidak dipungkiri bahwa related posts atau postingan terkait merupakan sebuah unsur web/blog yang keberadaannya cukup penting untuk kemajuan sebuah web/blog. Dengan related posts atau postingan terkait memberikan alasan lain bagi pengunjung untuk tetap membaca di blog kita.

Dengan begitu related posts akan menekan angka bounce suatu blog. Dengan menyajikan artikel-artikel terkait lainnya, memungkinkan pengunjung untuk membaca lagi postingan lainnya. Nah postingan kali ini ada sangkut pautnya dengan related posts yaitu memberikan title tag pada related posts.

Setelah kita tahu bahwa related posts cukup penting peranannya pada blog, kini giliran kita untuk membuat related posts ini lebih seo friendly sehingga keberadaannya akan memiliki nilai lebih lainnya. Dengan memberikan title tag pada link-link related posts, maka skor seo blog kita akan bertambah.

Tapi sebelumnya silahkan simak dulu postingan saya tentang cara agar related posts valid HTML5 DI SINI. Dengan begitu maka related posts blog kita akan seo friendly dan valid HTML5. 

Kembali ke pokok bahasan, karena kebanyakan related posts ditampilkan dengan menggunakan javascript, maka kita akan menambahkan title tagnya pada kode javascriptnya sehingga ketika related posts ditampilkan akan otomatis memiliki title tag pada setiap linknya. Sebagai contoh, saya akan gunakan kode javascript related posts yang saya gunakan. Penampakan kode javascript related posts-nya seperti di bawah ini.

<script type='text/javascript'>
//<![CDATA[
var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();function related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++){var d=c.feed.entry[b];relatedTitles[relatedTitlesNum]=d.title.$t;for(var a=0;a<d.link.length;a++){if(d.link[a].rel=="alternate"){relatedUrls[relatedTitlesNum]=d.link[a].href;relatedTitlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);var c=new Array(0);for(var a=0;a<relatedUrls.length;a++){if(!contains(b,relatedUrls[a])){b.length+=1;b[b.length-1]=relatedUrls[a];c.length+=1;c[c.length-1]=relatedTitles[a]}}relatedTitles=c;relatedUrls=b}function contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function printRelatedLabels(a){for(var b=0;b<relatedUrls.length;b++){if(relatedUrls[b]==a){relatedUrls.splice(b,1);relatedTitles.splice(b,1)}}var c=Math.floor((relatedTitles.length-1)*Math.random());var b=0;if(relatedTitles.length>1){document.write("<h2>"+relatedpoststitle+"</h2>")}document.write("<ul>");while(b<relatedTitles.length&&b<20&&b<maxresults){document.write('<li><a href="'+relatedUrls[c]+'">'+relatedTitles[c]+'</a></li>");if(c<relatedTitles.length-1){c++}else{c=0}b++}document.write("</ul>");relatedUrls.splice(0,relatedUrls.length);relatedTitles.splice(0,relatedTitles.length)};
//]]>
</script>

Nah...perhatikan kode yang berwarna merah di atas. Itu adalah link yang akan tampil pada related posts-nya. Di situ terlihat bahwa link-nya belum memiliki title tag. Sekarang tinggal tambahkan title tag pada link tersebut seperti pada kode di bawah ini.

<a href="'+relatedUrls[c]+'" title="'+relatedTitles[c]+'">'+relatedTitles[c]+'</a>

Kode yang berwarna biru adalah title tag yang baru ditambahkan dengan menggunakan judul postingannya sehingga nantinya title yang tampil akan sama dengan judul postingannya. Karena kode javascript related posts kadang berbeda-beda, silahkan sesuaikan dengan kode javascript yang Anda pakai. Silahkan cari kode pada javascript yang terlihat membentuk sebuah link, jika memang belum terdapat title-nya maka silahkan tambahkan titlenya sesuai dengan kode javascriptnya agar kodenya dapat bekerja.

Demikian saja postingan memberikan title tag pada related posts ini semoga dapat dimengerti..

You Might Also Like:

How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser
Disqus Comments