Skip to main content

Cara membuat internal link otomatis BACA JUGA di dalam postingan

Cara memasang artikel terkait di dalam postingan blog

Menambahkan Internal link otomatis di dalam postingan blog merupakan salah satu teknik menurut pakar SEO agar kualitsa SEO blog tersebut meningkat. Ada dua jenis Internal link yang bisa kita buat di dalam postingan blog, yaitu dengan membuat internal link didalam postingan secara manual dan internal link di dalam postingan yang muncul secara otomatis. Namun disini saya akan membagikan cara membuat internal link otomatis di dalam postingan blog.

Tapi sebelumnya akan saya jelaskan apa itu internal link? Internal Link atau artikel terkait yaitu tautan link yang dibuat oleh admin blog dengan tujuan mengarahkan pengunjung dari suatu halaman ke halaman lain, namun masih tetap berada di dalam blog tersebut. Biasanya dalam pembuatan internal link seorang blogger akan mengarahkan ke postingan yang lainnya yang temanya tidak jauh dari artikel utama dengan cara membuat artikel terkait otomatis.

Internal link yang muncul secara otomatis di dalam postingan blog biasanya akan tampil setelah paragraf pertama atau kedua, dan menampilkan artikel terkait dari artikel utama. Artinya artikel yang muncul sebagai internal link otomatis di pilih berdasarkan label setiap postingan. Gimana? apa Anda tertarik untuk memasang Internal link otomatis di dalam postingan blog?



Cara membuat internal link otomatis (Artikel terkait)


Tahap pertama : Masuk ke akun blogger Anda >> Pilih menu template >> klik Edit HTML

Cara memasang artikel terkait di dalam postingan

Tahap kedua : Cari kode </header> atau </head> (sesuaikan dengan kode template yang anda pakai), untuk memudahkan dalam mencari kode script tersebut gunakan keyboard ctrl+F lalu masukan kode tersebut di dalam pencarian. Tambahkan kode di bawah ini di atasnya kode head. 


Baca juga : Cara memasang Lazy load untuk menunda kemunculan iklan adsense agar loading blog semakin cepat.

<style type="text/css">
/*Artikel Terkait Tengah Postingan*/
.bacajuga{position:relative;display:inline-block;border:1px solid #DDD;margin:20px 0}
.bacajuga h4{background-color:#FFF;position:absolute;margin-left:30px;margin-top:-14px;padding:0 15px;border:1px solid #DDD}
.bacajuga ul{padding:11px 41px 0;list-style:none}
.bacajuga ul a:before{font-family:fontawesome;content:"\f105";padding-right:10px}
.bacajuga li{border-radius:5px;border-bottom:1px solid rgba(227,227,227,0.33);line-height:1.7em}
</style>
<script type="text/javascript"> 
//<![CDATA[ 
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('2 4=g f();2 9=0;2 6=g f();d z(m){c(2 i=0;i<m.u.5.3;i++){2 5=m.u.5[i];4[9]=5.v.$t;c(2 k=0;k<5.h.3;k++){b(5.h[k].A==\'y\'){6[9]=5.h[k].x;9++;C}}}}d B(){2 7=g f(0);2 8=g f(0);c(2 i=0;i<6.3;i++){b(!q(7,6[i])){7.3+=1;7[7.3-1]=6[i];8.3+=1;8[8.3-1]=4[i]}}4=8;6=7}d q(a,e){c(2 j=0;j<a.3;j++)b(a[j]==e)p M;p L}d D(){2 r=s.K((4.3-1)*s.I());2 i=0;n.l(\'<o>\');E(i<4.3&&i<F){n.l(\'<w><a x="\'+6[r]+\'" J ="G" v="\'+4[r]+\'">\'+4[r]+\'</a></w>\');b(r<4.3-1){r++}H{r=0}i++}n.l(\'</o>\')}',49,49,'||var|length|relatedTitles|entry|relatedUrls|tmp|tmp2|relatedTitlesNum||if|for|function||Array|new|link||||write|json|document|ul|return|contains||Math||feed|title|li|href|alternate|related_results_labels|rel|removeRelatedDuplicates|break|printRelatedLabels|while|20|_blank|else|random|target|floor|false|true'.split('|'),0,{}))
//]]> 
</script>


Tahap ketiga : selanjutnya pasang kode html untuk menampilkan artikel terkait di dalam postingan dengan mencari kode <data:post.body/> atau yang serupa dengan kode tersebut (pilih kode <data:post.body/> yang ke dua) Kemudian ganti kode tersebut dengan kode di bawah ini

<div expr:id='&quot;post1&quot; + data:post.id'/>
<div class='bacajuga'> 
<b:if cond='data:post.labels'> 
<b:loop values='data:post.labels' var='label'> 
<b:if cond='data:blog.pageType == "item"'> 
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5"' type='text/javascript'/> 
</b:if> 
</b:loop> 
</b:if> 
<b:if cond='data:blog.pageType == "item"'> 
<h4>Baca Juga</h4> 
<script type="text/javascript"> 
removeRelatedDuplicates(); 
printRelatedLabels(); 
</script> 
</b:if> 
</div>
<div expr:id='&quot;post2&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);
var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;);
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>


Tahap empat : terakhir klik simpan. Dan lihat hasilnya akan ada artikel terkait yang muncul otomatis di dalam postingan blog, jika belum muncul coba dengan membuat artikel terbaru lalu publish dan lihat hasilnya. Karena artikel yang lama kemungkinan belum singkron dengan kode html yang telah kita rubah di atas.


Baca juga : Bagaimana melakukan internal link yang baik?
 

Cukup sekian dan saya ucapkan terima kasih telah membaca artikel tentang Cara menambahkan artikel terkait di dalam postingan blog. Untuk kelebihan dari membuat internal link (artikel terkait) yang muncul otomatis di dalam postingan blog adalah Anda tidak perlu menentukan artikel mana yang akan di gunakan sebagai iternal link di dalam postingan, karena Anda sudah membuatnya muncul otomatis di dalam postingan blog.
Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar
Tutup Komentar