07 April 2017

Memasang Widget Recent Post Ringan & Super SEO

Memasang Widget Artikel Terbaru Recent Post Blogger Blogspot Keren



Jika pada kesempatan sebelumnya saya telah membuat konten tentang bagaimana cara menghapus judul blog yang muncul pada hasil pencarian Google.

Di kesempatan kali ini, saya akan membuat sebuah konten tentang bagaimana cara memasang widget artikel terbaru atau recent post pada tampilan blog.

Apa itu Widget Recent Post atau Artikel Terbaru


Saat mengunjungi sebuah blog, kamu tentunya pernah melihat tulisan recent post atau artikel terbaru.

Di bawah tulisan tersebut, kamu akan melihat daftar link kumpulan konten terbaru dari blog atau web tersebut.

Ya, sesuai namanya, recent post jika diartikan adalah artikel terbaru.

Recent post atau artikel terbaru adalah konten terbaru dari sebuah blog atau website yang diurutkan berdasarkan waktu.

Konten terakhir yang dipublikasikan akan berada di bagian paling atas dari widget recent post atau artikel terbaru.

Itu artinya, konten paling atas di daftar widget recent post merupakan konten paling update atau fresh dari halaman tersebut.


Keuntungan menggunakan widget recent post atau artikel terbaru


Memasang widget recent post pada sebuah blog memiliki manfaat yang signifikan.

Bisa dibilang, widget ini adalah bagian wajib pada sebuah blog yang tidak boleh tidak ada. Artinya, keberadaannya sangatlah penting.

Manfaat yang bisa didapat dari memasang widget artikel terbaru adalah pertama, meningkatkan page view.

Visitor yang datang ke blog baik melalui search engine (organik) dapat dengan mudah mengeksplorasi konten terbaru melalui widget recent post jika visitor blog tertarik dengan konten yang muncul.

Dengan begitu, bisa menurunkan bounce race blog web kamu (manfaat kedua). Bounce rate sendiri adalah sebuah persentase seberapa lama pengunjung yang datang melalui search engine (google) menghabiskan waktu pada sebuah halaman sebelum kembali ke hasil pencarian dengan mengklik tombol back pada browser yang mereka gunakan.

Persentase bounce rate sendiri memiliki nilai di mata Google. Semakin rendah nilai bounce rate, semakin baik blog kamu di hasil pencarian. Karena google menjadikan bounce rate sebagai salah satu faktor user experience ( pengalaman pengguna) pada pengurutan halaman di hasil pencarian.

Manfaat ketiga tentunya adalah memberitahu pengunjung artikel manakah yang merupakan artikel paling baru pada sebuah halaman web atau blog.

Cara memasang widget recent post / artikel terbaru yang ringan & seo friendly


Pada bagian ini, saya akan membagikan cara memasang widget recent post yang ringan (fast loading) dan super seo.

Mengapa harus fast loading 

Agar tidak membebani proses loading halaman blog sehingga meningkatkan user experience yang berimbas pada bounce rate.

Sederhananya, jika sebuah halaman blog memerlukan waktu yang cepat saat dibuka melalui browser, maka pengunjung tidak akan kabur karena bosa menunggu halaman blog terbuka karena loading blog yang lambat.

Seperti diketahui, kecepatan sebuah blog adalah faktor penting penunjang SEO.

Berikut script widget recent post atau artikel terbaru yang ringan, sederhana (tanpa tumbnail gambar) dan fast loading :

<script>
//<![CDATA[
function showlatestposts(json){document.write('<ul id="recent-posts">');for(var i=0;i<10;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var postsurl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){postsurl=entry.link[k].href;break;}}
document.write('<li class="recent-posts">');document.write('<a href="'+ postsurl+'" target ="_top" title="'+ posttitle+'">'+ posttitle+'</a>');document.write('</li>');}
document.write('</ul>');};
document.write("<scr" + "ipt type=\"text/javascript\" src=\"/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showlatestposts\"></scr" + "ipt>");
//]]>
</script>

Cara memasangnya cukup sederhana. Salin kode html di atas.

Lalu masuk ke Blogger - Tata letak - Add Gadget - HTML/Javascript kemudian paste script diatas dan Simpan.

Widget Recent post
Tata Letak

Widget Artikel Terbaru
Add Gadget/Tambahkan Gadget

Memasang recent post
Html/Javascript
Artikel terbaru blogspot seo friendly tanpa tumbnail
Simpan Html

Angka berwarna merah menunjukkan jumlah artikel baru yang ingin ditampilkan.

Ganti sesuai kebutuhan kamu.


Semoga bermanfaat. Terima kasih.

0 comments:

Post a Comment

Silakan berkomentar dengan memberikan kritik, saran, dan opini Anda