Sebagai blogger sejati pastinya ga asing lagi dengan yang namanya SEO (Search Engine Optimezer) yakni sebuah kegiatan penyempurnaan pada blog atau website yang tujuannya antaralain untuk menempatkan posisi blog kita pada posisi teratas dimata search engine ketika masuk dalam kategori "kata kunci" pencaharian seorang pengunjung.
kenapa harus gitu, karena buat sebagian blogger, jumlah pengunjung blog adalah salah satu hal yang perlu diperhatikan. Apalagi jikalau blog ditujukan untuk memperoleh penghasilan dari biro iklan seperti google adsense. Semakin banyak jumlah pengunjung sebuah blog, tentunya mampu meningkatkan jumlah iklan yang ditampilkan, dan berujung pada semakin banyak penghasilan pula tentunya.
Kali ini mimin mau ngeshare (bukan berarti mimin jago mengenai SEO yak!) salahsatu cara memperbaiki tampilan blog, ketika dilakukan pengujian dengan google insight page speed test memiliki kendala dengan harus melakukan perbaikan pada menghilangkan JavaScript dan CSS yang memblokir perenderan di konten paruh atas atau eliminated render blocking css bundle and css mobile pada blogger ataupun blogspot.
Baca Juga : Alasan traffic blog sering turun drastis alias "terjun bebas"
Sebenernya tujuannya adalah memperbaiki struktur blog kita untuk mendapatkan tampilan yang lebih maksimal dan terstruktur, dan ini tentunya akan membuat blog kita memiliki nilai lebih dimata search engine.
Berikut cara memperbaiki "menghilangkan JavaScript dan CSS yang memblokir perenderan di konten paruh atas" atau "eliminated render blocking css bundle and css mobile" pada blogger ataupun blogspot.
pertama tama kalian harus mengedit template dengan merubah
<head>
menjadi
<head>
merubah
</head>
menjadi
</head><!--<head/>-->
kemudian save template, setelahnya
buka blog kalian pada tab baru
namablogkamyu.blogspot.co.id
Setelah blog kamu tampil, kemudian klik ctrl+u atau klik kanan, pilih view page source.
setelahnya, mencari kode (pokoknya search pake ctrl+f "static" dan cari yang seperti kode dibawah) pada tab yang muncul sebagai page source
https://www.blogger.com/static/v1/widgets/3414295837-widget_css_bundle.css
kopi kode tersebut dan buka kode tersebut menggunakan tab baru pada browser
Selanjutnya buka blog kalian menggunakan kode m=1 (tampilan mobile)
namablogkamyu.blogspot.co.id?m=1
Setelah blog kamu tampil, kemudian klik ctrl+u atau klik kanan pilih view page source.
setelahnya, mencari kode (pokoknya search pake ctrl+f "static" dan cari yang seperti kode dibawah) pada tab yang muncul sebagai page source
https://www.blogger.com/static/v1/widgets/2950894658-widget_css_mobile_bundle.css
buka kembali edit template pada tab menu sebelumnya. masukan kode css tampilan mobile dan kode css tampilan destkop pada kode scrip berikut (posisi penempatan kode dibawah berada tepat diatas </b:skin>)
<b:if cond="data:blog.isMobile">
<style type="text/css">
------Letakkan kode CSS_Mobile_2_Bundle.css (css tampilan mobile) DISINI --------------
</style>
<b:else/>
<style type="text/css">
------Letakkan kode CSS_2_Bundle.css (css tampilan destkop) DISINI --------------
</style>
</b:if>
Selanjutnya klik save template
SELESAI deh (langsung cek lagi blog kalian di page speed test google insight) dijamin nilai tampilan mobile dan destkop langsung naik drastis..tis..tisssss!
dan pastinya jumlah pengunjung blog kalian bakalan bertambah dari biasanya!
Baca Juga : Daftar SWIFT kode Bank Se-Indonesia keperluan transfer antar bank google adsense
3 comments
Nice gan...makasih dah saya terapin untuk blog saya mypicmyadventure.com berhasil..
Cuma untuk blog satunya palemcommunity.com css bundle mobile nya nggak bisa ilang.. Btw sekali makasih
oke mantab pace kalo bisa diambil manfaatnya dari blog ini.
Sangat bermanfaat. terimakasih tutorialny gan!
Komentar yang baik atau diam!
EmoticonEmoticon