Memberi Title Tag Untuk Link Judul Postingan Pada Artikel Terkait

Memberi Title Tag Untuk Link Judul Postingan Pada Artikel Terkait - Artikel Terkait atau Related Articles biasanya terletak pada bagian bawah postingan yang memungkinkan pengunjung blog menuju pada sebuah postingan yang temanya masih berhubungan dengan postingan yang sedang dibaca, sangat bermanfaat untuk meningkatkan jumlah pegeviews blog kita. Namun, kali ini saya tidak akan membahas tentang cara membuat Artikel Terkait, melainkan tentang cara Memberi Title Tag Pada Link Artikel Terkait, berdaraskan pertanyaan Mas Andika (andixa90@gmail.com) kepada saya melalui via email.

Title Tag pada umumnya digunakan untuk meningkatkan relevansi dari sebuah gambar dan juga link pada sebuah mesin pencari. Menurut para master-master SEO, title tag juga adalah salah satu dari banyak penunjang unuk mengoptimlkan SEO. Penggunaan title tag pada pada link dalam struktur HTML di template blog, misalkan title tag untuk link judul postingan pada homepage blog, contoh potongan kodenya adalah seperti :

<b:if cond='data:post.title'>
      <h2 class='post-title entry-title'>
     <b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
...........
...........
...........
</b:if>

Kode biru diatas adalah link untuk sebuah postingan sedangkan yang berwarna kuning adalah judul postingannya. Nah kode yang warna merah adalah Title Tag untuk lniknya, dimana kode diatas menunjukkan bahwa Title Tag nya mengikuti judul postigan.

Lalu bagaimana cara memberikan Title Tag untuk link judul postingan pada artikel terkait atau related articles? biasanya, untuk link judul postingan pada artikel terkait/related articles di blog, strukturnya tidak dibangun dengan elemen HTML melainkan Javascript, maka dari itu yang harus kita lakukan adalah mencari kode pemanggil untuk link judul postingan pada kode Javascript artikel terkait kemudian baru kita tambahkan Title Tag. Caranya adalah sebagai berikut:

1. Silahkan masuk pada Edit HMTL di blog anda.

2. Kemudian cari kode Javascript artikel terkait blog anda, contoh kode Javascript artikel terkait pada template blog saya seperti di bawah ini.

Perlu diperhatikan, bahwa kode Javascript pada setiap tempate blog berbeda-beda. Maka jagan terpaku pada kode di bawah ini, tetapi carilah yang hampir sama atau mirip dengan kode Javascript dibawah 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>

3. Perhatikan kode yang berwarna biru diatas, itu adalah kode untuk link judul postingan pada artikel terkait dan kode yang berwarna kuning adalah judul postingannya. Sekarang kita akan memberikan Title Tag pada kode link tersebut. Caranya tambahkan kode berwawrna merah di bawah ini tepat disamping kode berwarna biru diatas.

title="'+relatedTitles[c]+'"

Maka penampakannya akan seperti berikut:

<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]+'" title="'+relatedTitles[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>

4. Jika sudah, silahkan save template anda.

Jadi nantinya setiap link judul postingan pada artikel terkait akan memiliki Title Tag, dimana Title Tag tersebut mengikuti atau berdasarkan judul postingannya. Untuk contoh atau demonya silahkan arahkan krusor mouse anda pada judul dalam bentuk link di artikel terkait blog saya ini.

Ok, sampai sini dulu tentang Cara Memberi Title Tag Untuk Link Judul Postingan Pada Artikel Terkait, semoga bermanfaat dan terimakasih.