CB Theme-Themplate blogger SEO gratis

September 04, 2017

Ini adalah hasil analisis sekaligus pengalaman saya menggunakan template cb theme premium hasil beli dari contohblog.com yang lumayan enteng dengan tampilan sederhana,berikut screenshot via google page speed.
Silahkan yang tertarik mencoba template ini,silahkan lihat demo dan download

Dari google page speed tersebut terlihat hanya mendapatkan nliai kuning dan nilai merah di versi mobile,sepertinya pembuat template belum mengoptimalkan css dan jsnya.

Banyak css dan js yang harus di cek,salah satunya yaitu di bagian script ini
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js'></script>
Kemudian saya coba rubah menjadi seperti ini..
<script async='' src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js'>
Setelah saya test kembali di google page speed,ternyata satu masalah script ini teratasi..

Tetapi masalah belum kelar,karena masih banyak masalah js dan css yang harus di atasi,yang paling membebani blog setelah saya cek,ternyata js fb,karena di template cb themes menggunakan share fb juga.
Kemudian saya cari tahu cara mengatasi js fb ini agar tidak membebani blog,ahirnya ketemu juga,yaitu dengan menggunakan Open Graph protocol

Ternyata hasilnya lumayan efektif,nilai di google page speed pun lumayan mantap,mendapat good untuk versi desktop,kurang lebih screenshootnya seperti di gambar,anda juga bisa test langsung blog ini.
Naah,yang jadi permasalahan saya adalah blocking css ini..
https://www.blogger.com/static/v1/widgets/3638824464-widget_css_mobile_2_bundle.css
Apakah sobat blog ada yang tahu cara mengatasinya?,soalnya dari master pembuat template pun belum di optimisasi,masih terlihat dari semua template yang dia jual ,dari beberapa sumber info pun saya praktekan masih gagal.

Untuk hasil test struktur data tidak ada masalah,sudah memiliki breadcrumbs dan share this dan juga sudah termasuk mobile friendly mendapatkan nilai fair,kurang responsive sepertinya.


Fiture
Responsive
Mobile friendly
Breadcrumb
seo
Struktur data
Salam blogger..

Artikel Terkait

Next Article
« Prev Post
Previous Article
Next Post »
Penulisan markup di komentar
  • Untuk menulis huruf bold gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline gunakan <u></u>.
  • Untuk menulis huruf strikethrought gunakan <strike></strike>.
  • Untuk menulis kode HTML gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silakan parse kode pada kotak parser di bawah ini.

Disqus
Tambahkan komentar Anda

Tidak ada komentar