Cara membuat Artikel terkait blogger SEO super ringan

Cara membuat Artikel terkait blogger SEO super ringan

Cara membuat Artikel terkait blogger SEO super ringan

kabaradaan "artikel terkait" pada sebuah blog sangat membantu para pengunjung untuk membaca artikel yang mempunyai label berkaitan.

tentunya ini juga sangat bagus buat kemajuan blog itu sendiri, pengunjung jadi membaca halaman lain dan otomatis menambah page rank blog.
bisa di bilang blog makin SEO

disini saya akan memberikan sedikit tutorial Cara membuat Artikel terkait blogger SEO super ringan

kesalahan pemasangan script yang awur-awuran malah membuat loading terasa berat dan tentunya pengunjung jadi malas untuk berpindah pindah halaman, pasti pengunjung lebih memilih berpindah alamat ke website lain.

script yang saya share disini adalah script yang juga dipasang admin di blog colongan.com ini

oke langsung kita ke tutorial

Cara membuat Artikel terkait blogger SEO super ringan


langkah pertama silahkan Copy dan taruh script berikut ini didalam tag <head>...</head>
terserah dibagian mana yang penting dia di baris baru, bukan di tengah-tengah script lain atau malah juga ditengah-tengah css, itu jelas sangat salah,

admin colongan.com lebih memilih menaruh diatas </head>

 <script type='text/javascript'>
//<![CDATA[
var relatedTitles = new Array();var relatedTitlesNum = 0;var relatedUrls = new Array();function related_results_labels(json) {for (var i = 0; i < json.feed.entry.length; i++) {var entry = json.feed.entry[i];relatedTitles[relatedTitlesNum] = entry.title.$t;for (var k = 0; k < entry.link.length; k++) {if (entry.link[k].rel == 'alternate') {relatedUrls[relatedTitlesNum] = entry.link[k].href;relatedTitlesNum++;break;}}}}function removeRelatedDuplicates() {var tmp = new Array(0);var tmp2 = new Array(0);for(var i = 0; i < relatedUrls.length; i++) {if(!contains(tmp, relatedUrls[i])) {tmp.length += 1;tmp[tmp.length - 1] = relatedUrls[i];tmp2.length += 1;tmp2[tmp2.length - 1] = relatedTitles[i];}}relatedTitles = tmp2;relatedUrls = tmp;}function contains(a, e) {for(var j = 0; j < a.length; j++) if (a[j]==e) return true;return false;}function printRelatedLabels() {var r = Math.floor((relatedTitles.length - 1) * Math.random());var i = 0;
while (i < relatedTitles.length && i < 6) {
document.write('<p> &#8226; <a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a><p>');
if (r < relatedTitles.length - 1) {r++;} else {r = 0;}i++;}}
//]]>
</script>
pengertian yang saya beri warna :
6 - jumlah maksimal yang pengen ditampilkan
<p> - paragraf, bisa di ganti <li> ataupun <div>
&#8226; - • , bisa diganti dengan kode simbol lain

klo pengen merubah tampilan, tinggal tambahin properti class di linknya dan sesuaikan css nya
misalnya kamu tambahin class dengan nama 'artikel' :
<a class='artikel' href="' +...

jangan lupa tambahin class nya di css
.artikel {color:red;}

sesuaikan css dengan selera masing-masing
admin lebih suka mengutamakan Ringan SEO Natural dan gak banyak css
contohnya seperti di colongan.com ini, artikel terkaitnya natural menyatu seperti postingan yang di tulis manual

kita lupakan dulu css, lanjut ke langkah berikutnya

setelah selesai memasang script tadi, cari kode : <data:post.body/>
untuk pengguna komputer, klik 'CTRL + F' untuk melakukan pencarian

kalau ketemu dua, kita fokus yang ke dua,
kalau lebih dari dua?
misalnya ada 4?
kenapa tidak sama jumlahnya antara blog satu dan lainnya ?
mungkin yang ada 2 itu dia belum memasang auto readmore, yg lebih dari dua berarti sudah memasang auto readmore
itu sebagian penjelasan singkatnya.

yang belum memasang auto readmore, pasang dulu auto readmorenya
biar langkah berikutnya ini cukup sekali penerapannya

kembali lagi ke <data:post.body/> yang ke dua, tiga atau empat
cermati bagian atasnya, adakah kode berikut ini :
   <b:if cond='data:blog.pageType == &quot;item&quot;'>

kita fokus kepada <data:post.body/> yang berada paling dekat dibawahnya kode diatas

kalo sudah ketemu target fokusmu, jangan diapa-apain.
kita tambah kode berikut ini tepat dibawahnya

 <b:if cond='data:post.labels'>
  <b:loop values='data:post.labels' var='label'>
    <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=6&quot;' type='text/javascript'/>
  </b:loop>
</b:if>
<script type='text/javascript'>
  removeRelatedDuplicates();
  printRelatedLabels();
</script>

ingat jangan diapa-apain kode tadi, cukup ditambahkan saja dibawahnya,
hasil akhirnya seperti ini

 <data:post.body/>
 <b:if cond='data:post.labels'>
  <b:loop values='data:post.labels' var='label'>
    <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=6&quot;' type='text/javascript'/>
  </b:loop>
</b:if>
<script type='text/javascript'>
  removeRelatedDuplicates();
  printRelatedLabels();
</script>


kamu juga bisa menambah kata sambutan atau sejenisnya di atasnya,
contohnya
 <p class='contoh'> Baca juga ini ya : </p>
<data:post.body/>
 <b:if cond='data:post.labels'>
  <b:loop values='data:post.labels' var='label'>
    <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=6&quot;' type='text/javascript'/>
  </b:loop>
</b:if>
<script type='text/javascript'>
  removeRelatedDuplicates();
  printRelatedLabels();
</script>

langkah terakhir, simpan dan lihat hasilnya.


demo bisa lihat gambar atau lihat dibawah postingan ini

jika ada yang kurang jelas maupun bla bla bla... silahkan coret-coret di kolom komentar.

mungkin juga kamu tertarik untuk membaca ini :



Terima kasih, salam Colongan !

Bantu kami lebih baik lagi.
Apa Reaksi anda tentang :
"Cara membuat Artikel terkait blogger SEO super ringan" ?

Posting Komentar

Komentar yang melukai perasaan beresiko dihapus Coy... !