Salah satu cara yang banyak dilakukan pada pembahasan Optimasi SEO pada Blog ialah dengan memperhatikan Kata Kunci yang dipakai pada Postingan Blog dan juga memperhatikan pemasangan Widget alasannya ialah 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 bekerjsama 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 tugas sangat penting pada loading blog, banyak blog yang loadingnya lambat akhir 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 menyerupai Facebook, Twitter dan Google Plus, Widget Sosial media tersebut menggunakan script js biar widget yang dipasang dapat berjalan sempurna, nah problem akan timbul beban loading yang terdapat pada script js tersebut yang menimbulkan loading blog berat alasannya ialah pada ketika blog dibuka secara otomatis Browser yang kita pakai akan mendownload js-js yang terpasang di widget sosial media tersebut alhasil beban loading bertambah berat, bayangkan kalau 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 mampu diartikan akan di render dan didownload/dirender oleh browser terakhir setelah blog selesai di tampilkan. Darimana kita tahu kalau loading blog lambat, teman mampu memeriksanya di gtmetrix.com masukan Url blog teman dan lihat hasilnya.
Bagi teman yang mau mencoba Optimasi Sosial Media melalui loading blog mari kita bahas melalui trik dibawah ini.
1. Pemasangan Widget Twitter
Jika teman memasang tombol Follow dari sosial media twitter biasanya script yang diberikan menyerupai ini.
Untuk mengatasinya silahkan teman tambahkan isyarat script js.async=true; sehingga akan menyerupai ini.
2. Pemasangan Widget Plugin Facebook
Jika menggunakan plugin Facebook saya sarankan biar teman memasang isyarat yang valid HTML5 dan biasanya isyarat SDK yang diberikan menyerupai ini.
Untuk mengatasinya silahkan teman tambahkan isyarat script js.async=true; sehingga akan menyerupai ini.
3. Pemasangan Widget Google Plus
Jika menggunakan Widget Google Plus dan ketika diperiksa di GTmetrix terdeteksi render synchronous teman mampu mengatasinya dengan menambahkan isyarat script dibawah ini lalu letakkan sebelum </body>.
Perhatikan isyarat yang ditandai po.async = true; itu ialah isyarat asynchronous-nya
Selesai silahkan di SAVE untuk mengeceknya mampu melalui GTmetrik kalau sesuai dengan petunjuk diatas maka tidak akan ada lagi ditemukan script yang dirender melalui synchronous, Selamat Mencoba.
<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 teman tambahkan isyarat script js.async=true; sehingga akan menyerupai 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 biar teman memasang isyarat yang valid HTML5 dan biasanya isyarat SDK yang diberikan menyerupai 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 teman tambahkan isyarat script js.async=true; sehingga akan menyerupai 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 ketika diperiksa di GTmetrix terdeteksi render synchronous teman mampu mengatasinya dengan menambahkan isyarat 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 isyarat yang ditandai po.async = true; itu ialah isyarat asynchronous-nya
Selesai silahkan di SAVE untuk mengeceknya mampu melalui GTmetrik kalau sesuai dengan petunjuk diatas maka tidak akan ada lagi ditemukan script yang dirender melalui synchronous, Selamat Mencoba.
Comments