Cara Menambahkan Title Tag Pada Related Post Agar SEO. Sobat blogger, artikel terkait atau related post adalah sebuah widget yang berisi saran artikel dengan yang berhubungan dengan label blog posting yang sedang pengunjung baca, maka secara otomatis related post memiliki nilai yang sangat penting untuk meningkatkan SEO on page pada blog kita.
Artikel terkait atau related post memiliki peran penting untuk meningkatkan jumlah klik halaman artikel kita, nah pada kesempatan kali ini, oktavia ingin berbagi sebuah trik sederhana untuk meningkatkan SEO on page melalui artikel terkait atau related post dengan menambahkan title tag pada link judul artikel yang terdapat pada widget related post.
Baca Juga : Membuat Related Post Keren Dengan Gambar / Thumbnails di Blog
Apa hal ini berpengaruh untuk SEO blog, tentu saja! hal ini juga bisa mengatasi error website link kalo kita melakukan pengecekan di situs CHKME dan sudah tentu sebuah link dengan tambahan title bisa dianggap relevan dan lebih bisa menekan kata kunci judul posting yang terdapat di related post blog kita.
Baca Juga : Cara Menambahkan Title Tag di semua Link, Url & Gambar
Bagi sobat yang ingin artikel terkaitnya lebih SEO friendly, silhkan simak baik-baik tutorialnya.
Cara Menambahkan Title Tag Pada Related Post Agar SEO
1. buka akun blogger
2. Buka menu template >> klik edit HTML
3. Karena biasanya widget related post menggunakan JavaScript, maka saya akan beri contoh dengan kode related post yang saya gunakan.
<script type='text/javascript'>
//<![CDATA[
//Related Post
var relnojudul = 0;
var relmaxtampil = 8;
var numchars = 120;
var reljudul=new Array();var relurls=new Array();var relcuplikan=new Array();var relgambar=new Array();function saringtags(g,h){var e=g.split("<");for(var f=0;f<e.length;f++){if(e[f].indexOf(">")!=-1){relurls[relnojudul]=g.link[f].href;break}}relnojudul++}}function contains(a,e){for(var f=0;f<a.length;f++){if(a[f]==e){return true}}return false}function artikelterkait(){var v=new Array(0);var w=new Array(0);var x=new Array(0);var A=new (var u=0;u<reljudul.length;u++){var B=Math.floor((reljudul.length-1)*Math.random());var i=reljudul[u];var s=relurls[u];var y=relcuplikan[u];var C=relgambar[u];reljudul[u]=reljudul[B];relurls[u]=relurls[B];relcuplikan[u]=relcuplikan[B];relgambar[u]=relgambar[B];reljudul[B]=i;relurls[B]=s;relcuplikan[B]=y;relgambar[B]=C}var r=0;var D=Math.floor((reljudul.length-1)*Math.random());var z=D;var q;var t=document.URL;while(r<relmaxtampil){if(relurls[D]!=t){q="<li class='news-title clearfix'>";q+="<a href='"+relurls[D]+"' rel='nofollow' target='_top' title='"+reljudul[D]+"'><img src='"+relgambar[D]+"' /></a>";q+="<a class='relinkjdulx' href='"+relurls[D]+"' target='_top'>"+reljudul[D]+"</a>";q+="<span class='news-text'>"+relcuplikan[D]+"</span>";q+="</li>";document.write(q);r++;if(r==relmaxtampil){break}}if(D<reljudul.length-1){D++}else{D=0}if(D==z){break}}};
//]]>
</script>
4. Sobat perhatikan dengan kode yang saya tandai merah seperti
<a class='relinkjdulx' href='"+relurls[D]+"' target='_top'>"+reljudul[D]+"</a>
Adanya tanda href='" berarti tanda adanya sebuah link atau link tersebut adalah judul artikel terkait widget blog kita, kode +reljudul[D]+ adalah kode widget artikel terkait blog, biasanya setiap kode berbeda nama, jadi sobat bisa menyesuaikannya dengan kode pada related post blog sobat.
Untuk menambahkan title pada judul related post blog kita, maka kita perlu menambahkan kode seperti dibawah ini.
title='"+reljudul[D]+"'
Hingga penempatan akhirnya, atau uraian lengkapnya adalah seperti kode dibawah ini.
<script type='text/javascript'>
//<![CDATA[
//Related Post
var relnojudul = 0;
var relmaxtampil = 8;
var numchars = 120;
var reljudul=new Array();var relurls=new Array();var relcuplikan=new Array();var relgambar=new Array();function saringtags(g,h){var e=g.split("<");for(var f=0;f<e.length;f++){if(e[f].indexOf(">")!=-1){relurls[relnojudul]=g.link[f].href;break}}relnojudul++}}function contains(a,e){for(var f=0;f<a.length;f++){if(a[f]==e){return true}}return false}function artikelterkait(){var v=new Array(0);var w=new Array(0);var x=new Array(0);var A=new (var u=0;u<reljudul.length;u++){var B=Math.floor((reljudul.length-1)*Math.random());var i=reljudul[u];var s=relurls[u];var y=relcuplikan[u];var C=relgambar[u];reljudul[u]=reljudul[B];relurls[u]=relurls[B];relcuplikan[u]=relcuplikan[B];relgambar[u]=relgambar[B];reljudul[B]=i;relurls[B]=s;relcuplikan[B]=y;relgambar[B]=C}var r=0;var D=Math.floor((reljudul.length-1)*Math.random());var z=D;var q;var t=document.URL;while(r<relmaxtampil){if(relurls[D]!=t){q="<li class='news-title clearfix'>";q+="<a href='"+relurls[D]+"' rel='nofollow' target='_top' title='"+reljudul[D]+"'><img src='"+relgambar[D]+"' /></a>";q+="<a class='relinkjdulx' href='"+relurls[D]+"' title='"+reljudul[D]+"' target='_top'>"+reljudul[D]+"</a>";q+="<span class='news-text'>"+relcuplikan[D]+"</span>";q+="</li>";document.write(q);r++;if(r==relmaxtampil){break}}if(D<reljudul.length-1){D++}else{D=0}if(D==z){break}}};
//]]>
</script>
Nah maka dengan menambahkan kode title tersebut, sekarang artikel terkait blog sobat sudah memiliki title tag pada judul artikel terkiat tersebut, sekian untuk tutorial Cara Menambahkan Title Tag Pada Related Post Agar SEO.
