May 3, 2017

Ranking 1 Google Melalui Optimasi Sosial Media di Blog

Optimasi Sosial Media

Salah satu cara yang banyak dilakukan pada pembahasan Optimasi SEO pada Blog adalah dengan memperhatikan Kata Kunci yang dipakai pada Postingan Blog dan juga memperhatikan pemasangan Widget karena pemasangan Widget pada blog sangat berperan penting juga pada Loading Blog semakin cepat loading blog maka akan sangat mudah Browser merayapi blog yang sedang kita kelola. 

Ada banyak cara sebenarnya Optimasi SEO Blog namun di Postingan kali ini saya mencoba membahas salah satu pengaruh Pemasangan Sosial Media share yang kita pasang pada blog, widget sosial media yang terpasang juga mempunyai peran sangat penting pada loading blog, banyak blog yang loadingnya lambat akibat dari loading sosial media yang terpasang pada widget blog, nah untuk itu di kesempatan ini akan kita bahas bersama Cara Ranking 1 Google Melalui Optimasi Sosial Media di Blog atau minimal berada di halaman pertama Google Search.

Umumnya kita sering memasang Widget sosial media seperti Facebook, Twitter dan Google Plus, Widget Sosial media tersebut menggunakan script js agar widget yang dipasang dapat berjalan sempurna, nah masalah akan timbul beban loading yang terdapat pada script js tersebut yang menyebabkan loading blog berat karena pada saat blog dibuka secara otomatis Browser yang kita pakai akan mendownload js-js yang terpasang di widget sosial media tersebut akibatnya beban loading bertambah berat, bayangkan jika kita memasang banyak widget sosial media tentu akan sangat memperlambat loading blog.

Di postingan ini akan kita bahas bersama solusi untuk mengatasinya yaitu melalui Optimasi Sosial Media dengan cara men-loading script-script js yang terpasang dengan metode asynchronous yang kalau bisa diartikan akan di render dan didownload/dirender oleh browser terakhir setelah blog selesai di tampilkan. Darimana kita tahu kalau loading blog lambat, sobat bisa memeriksanya di gtmetrix.com masukan Url blog sobat dan lihat hasilnya.

Bagi sobat yang mau mencoba Optimasi Sosial Media melalui loading blog mari kita bahas melalui trik dibawah ini.

1. Pemasangan Widget Twitter
Jika sobat memasang tombol Follow dari sosial media twitter biasanya script yang diberikan seperti ini.

<a href="https://twitter.com/dibalikrenungan" class="twitter-follow-button" data-show-count="true" title="Follow @dibalikrenungan">Follow @dibalikrenungan</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

Untuk mengatasinya silahkan sobat tambahkan kode script js.async=true; sehingga akan seperti ini.

<a href="https://twitter.com/dibalikrenungan" class="twitter-follow-button" data-show-count="true" title="Follow @dibalikrenungan">Follow @dibalikrenungan</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.async=true;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>


2. Pemasangan Widget Plugin Facebook
Jika menggunakan plugin Facebook saya sarankan agar sobat memasang kode yang valid HTML5 dan biasanya kode SDK yang diberikan seperti ini.

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Untuk mengatasinya silahkan sobat tambahkan kode script js.async=true; sehingga akan seperti ini.

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;js.async=true;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>


3. Pemasangan Widget Google Plus
Jika menggunakan Widget Google Plus dan saat diperiksa di GTmetrix terdeteksi render synchronous sobat bisa mengatasinya dengan menambahkan kode script dibawah ini lalu letakkan sebelum </body>. 

<script type='text/javascript'>
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

Perhatikan kode yang ditandai po.async = true; itu adalah kode asynchronous-nya

Selesai silahkan di SAVE untuk mengeceknya bisa melalui GTmetrik jika sesuai dengan petunjuk diatas maka tidak akan ada lagi ditemukan script yang dirender melalui synchronous, Selamat Mencoba.

Artikel Terkait

Halo Sobat, sedikit cerita mengenai diri saya, saya adalah hanya seorang penulis amatiran yang mencoba berbagi pengetahuan dari apa yang saya dapat sehari-hari. Pengalaman ini saya tuangkan di tulisan dengan tujuan baik agar pengetahuan dan pengalaman saya ini dapat bisa di pergunakan dan bermanfaat khususnya untuk diri saya pribadi dan umumnya untuk orang lain, sehingga saya beri nama Web saya ini dibalikseo.com yang filosofinya adalah dibalik pengetahuan yang saya dapat.