imagomedia.co.id - #Tutorial Membuat Link Atau Taggar Otomatis Pada Blog.

membuat_auto_link_taggar_internal_linked_SERP
Taggar Atau Auto Link Yang Secara Otomatis Muncul Saat Mengetikkan Kata Tersebut
Jika kita membaca berita pada media online seperti Tribunnews, Merdeka, RMOL maupun website besar seperti wikipedia, Ebay dll, sering kita menjumpai suku kata yang ada Linknya. Link tersebut sangat membantu pembaca untuk mencari informasi lebih detail terkait kata tersebut. Suku kata itulah yang disebut Auto Link

Auto link juga sering kita jumpai pada media sosial seperti twitter atau facebook yang sering kita sebut sebagai Taggar (#). #Tutorial kali ini akan membahas bagaimana caranya blog/website kita bisa seperti itu. Kali akan kita bahas cara membuat Auto Link, Taggar, Internal Linked atau disebut apalah yang jelas bisa membuat Link secara otomatis.

Sebelum kita masuk pada #Tutorial membuat Tag Cloud, Taggar tersebut, perlu saya jelaskan jika Auto Link pada Blog/Website memang sudah tidak asing lagi , namun masih banyak para blogger/developer yang masih mencari-cari cara ini untuk di terapkan pada blog/website nya. Lebih dari sekedar link, ternyata
ada yang bilang itu penting adapun yang bilang itu tidak penting karena akan menganggu SERP postingan kita. karena kebanyakan link malah akan menjadi lemah pada search engine google.

Untuk Membuat Auto Link, Taggar, Internal Linked tersebut berikut caranya 
  • Langkah 1

Login ke Blogger
  • Langkah 2

Masuk ke "Tata Letak – Edit Html"
  • Langkah 3
Letakkan Kode di Bawah ini Sebelum Kode: </head>
<script type='text/javascript'>
//<![CDATA[
function doHighlight(bodyText, searchTerm,link)
{
var newText = "";
var i = -1;
var lcSearchTerm = searchTerm.toLowerCase();
var lcBodyText = bodyText.toLowerCase();

while (bodyText.length > 0) {
i = lcBodyText.indexOf(lcSearchTerm, i+1);
if (i < 0) {
newText += bodyText;
bodyText = "";
} else {

if (bodyText.lastIndexOf(">", i) >= bodyText.lastIndexOf("<", i)) {

if (lcBodyText.lastIndexOf("/script>", i) >= lcBodyText.lastIndexOf("<script", i)) {
newText += bodyText.substring(0, i) + '<a href="'+link+'">'+ bodyText.substr(i, searchTerm.length) + '</a>';
bodyText = bodyText.substr(i + searchTerm.length);
lcBodyText = bodyText.toLowerCase();
i = -1;
}
}
}
}

return newText;
}

function highlightSearchTerms(searchText, treatAsPhrase,link,divid)
{

if (treatAsPhrase) {
searchArray = [searchText];
} else {
searchArray = searchText.split(" ");
}

div=document.getElementById(divid);
var bodyText = div.innerHTML;
for (var i = 0; i < searchArray.length; i++) {
bodyText = doHighlight(bodyText, searchArray[i], link);
}
div.innerHTML = bodyText;
return true;
}
//]]></script>
  • Langkah 4
Cari Kode Seperti di Bawah ini :
<data:post.body/>
  •  Langkah 5
Hapus Kode tadi dan ganti dengan Kode Dibawah ini :
<div expr:id='&quot;summary&quot; + data:post.id'> <data:post.body/> </div> <script type='text/javascript'> highlightSearchTerms('keywords1',true,'http://link1.blogspot.com','summary<data:post.id/>'); highlightSearchTerms('keywords2',true,'http://link2.blogspot.com','summary<data:post.id/>'); </script>
Untuk Menambah Keyword Link/Auto Link, Taggar yang lain dapat dilakukan dengan menambahkan baris baru pada kode. Ganti Keyword dan Link pada kode dibawah ini
highlightSearchTerms('keywords',true,'http://link.blogspot.com','summary<data:post.id/>');

Begitulah #Tutorial membuat auto link pada Blog untuk mempermudah pembaca mencari informasi secara mendetail dan bisa berlama - lama pada blog kamu,

Semoga #Tutorial ini bermanfaat  buat sobat Imago Media dan jika ada yang kurang jelas silahkan menanyakan melalui kolom komentar yang ada, Jika bermanfaat ilmu ini mari kita bagikan kepada yang membutuhkan.

Posting Komentar

Diberdayakan oleh Blogger.
close