Memberi Title Tag Untuk Link Judul Postingan Pada Artikel Terkait

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 bab bawah postingan yang memungkinkan pengunjung blog menuju pada sebuah postingan yang temanya masih berafiliasi dengan postingan yang sedang dibaca, sangat bermanfaat untuk meningkatkan jumlah pegeviews blog kita. Namun, kali ini saya tidak akan membahas wacana cara menciptakan Artikel Terkait, melainkan wacana cara Memberi Title Tag Pada Link Artikel Terkait, berdaraskan pertanyaan Mas Andika (andixa90@gmail.com) kepada saya melalui via email.

Title Tag pada umumnya dipakai untuk meningkatkan relevansi dari sebuah gambar dan juga link pada sebuah mesin pencari. Menurut para master-master SEO, title tag juga yaitu 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, pola pecahan kodenya yaitu ibarat :

<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 yaitu link untuk sebuah postingan sedangkan yang berwarna kuning yaitu judul postingannya. Nah arahan yang warna merah yaitu Title Tag untuk lniknya, dimana arahan diatas memperlihatkan bahwa Title Tag nya mengikuti judul postigan.

Lalu bagaimana cara memperlihatkan 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 yaitu mencari arahan pemanggil untuk link judul postingan pada arahan Javascript artikel terkait kemudian gres kita tambahkan Title Tag. Caranya yaitu sebagai berikut:

1. Silahkan masuk pada Edit HMTL di blog anda.

2. Kemudian cari arahan Javascript artikel terkait blog anda, pola arahan Javascript artikel terkait pada template blog saya ibarat di bawah ini.

Perlu diperhatikan, bahwa arahan Javascript pada setiap tempate blog berbeda-beda. Maka jagan terpaku pada arahan di bawah ini, tetapi carilah yang hampir sama atau ibarat dengan arahan 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 arahan yang berwarna biru diatas, itu yaitu arahan untuk link judul postingan pada artikel terkait dan arahan yang berwarna kuning yaitu judul postingannya. Sekarang kita akan memperlihatkan Title Tag pada arahan link tersebut. Caranya tambahkan arahan berwawrna merah di bawah ini sempurna disamping arahan berwarna biru diatas.

title="Memberi Title Tag Untuk Link Judul Postingan Pada Artikel Terkait"

Maka penampakannya akan ibarat 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="Memberi Title Tag Untuk Link Judul Postingan Pada Artikel Terkait">'+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.

Kaprikornus nantinya setiap link judul postingan pada artikel terkait akan mempunyai Title Tag, dimana Title Tag tersebut mengikuti atau menurut judul postingannya. Untuk pola atau demonya silahkan arahkan krusor mouse anda pada judul dalam bentuk link di artikel terkait blog saya ini.

Ok, hingga sini dulu wacana Cara Memberi Title Tag Untuk Link Judul Postingan Pada Artikel Terkait, biar bermanfaat dan terimakasih.

Sumber https://sharehovel.blogspot.com/