Untuk memperoleh skor 100% pada hasil pengecekan SEO di www.chkme.com sebenarnya tidak terlalu sulit asalkan saja kita mengerti caranya. Dulu waktu masih pertama menggunakan chkme.com saya sempat bingung karena belum juga memperoleh skor 100% meski menurut saya semua telah benar dan sesuai dengan aturan SEO yang dicek oleh chkme.com.

Skor cek SEO di chkme.com dapat dijadikan ukuran kualitas dan kinerja suatu blog. Semakin tinggi skor semakin baik. Sebetulnya skor diatas 80% saja sudah dianggap baik dan memenuhi kriteria seo grade A. Namun jika mungkin memperoleh hasil 100% kenapa tidak, bukankan “if better is possible good is not enough” (jika lebih baik dimungkinkan maka bagus saja tidak cukup).

Berikut ini akan saya bagikan cara memperoleh skor 100% pada chkme.com berdasarkan pengalaman saya dalam mengutak-atik blog ini, nulis-ilmu.com

Deskripsi dan keyword blog harus ada

Deskripsi merupakan uraian singkat yang merupakan gambaran tentang isi dan materi sebuah blog atau website. Deskripsi yang baik dapat mewakili jenis konten dan tujuan dari adanya sebuah blog. Sedangkan keyword merupakan kata kunci dari blog yang menggambarkan niche dari blog. Keyword dapat berupa kata-kata yang mewakili kategori dari isi blog. Tanpa deksripsi dan keyword dapat dipastikan hasil pengujian SEO tidak bisa 100%.

Berikut ini cara memeriksa Deskripsi dan keyword bog :

1. Periksa kode html template blog, jika menggunakan blogger/blogspot masuk ke menu template lalu pilih edit html.
2. Cari kode berikut ini dan pastikan ada isinya.

    <meta content=' isi dengan deksripsi blog' name='description'/>  
    <meta content=' isi dengan keyword blog' name='keywords'/>  
   

Heading H1 harus ada

Tidak ada heading H1 akan dilaporkan dengan peringatan “H1: Zero, that is Really Bad”. Maksudnya tanpa H1 maka blog kita ibarat tanpa nama. Heading H1 juga mewakili isi dan deksripsi blog secara singkat. Untuk bisa memperoleh skor 100% Heading H1 mutlah harus ada.

Berikut ini contoh menempatkan Heading H1 pada blog :

 <h1 class='title'><a href='//nulis-ilmu.blogspot.com/'>Nulis-ilmu</a></h1>  

Harus ada Image Description

Image Description atau deksripsi image adalah keterangan teks yang menyertai sebuah gambar. Pada kode HTML kita mengenal ini dengan istilah ALT Text. Seperti kita tahu bahwa gambar tidak bisa dideteksi oleh mesin pencari. Jadi agar gambar dapat diindeks oleh mesin pencari harus diberi keterangan teks. Tanpa keterangan teks mungkin saja skor dari kinerja SEO kita tidak bisa mencapai 100%.

Berikut ini contoh menempatkan Image Description pada blog :

 <img alt="isi dengan keterangan teks gambar" src="//gambar.png" height="100" title="isi dengan title gambar" width="200" />  

Pastikan Valid HTML dan CSS

Ini adalah faktor yang dulu sempat membuat saya bingung karena semua hal diatas sudah saya lakukan ternyata skor hanya sampai 97% saja. Setelah saya perbaiki validitas HTML pada blog akhirnya skor bisa mencapai 100%.

Pada blogger letak kesalahan valid HTML terletak pada kode <b:include name=’quickedit’/> yang ada disetiap akhir kode widget. Kode ini akan muncul sebagai tanda obeng pada postingan saat kita login. Untuk memperoleh skor 100% maka hapus semua kode <b:include name=’quickedit’/> yang ada pada template.

Untuk platform blog selain blogger bisa dicek sendiri validitas HTML dan CSS dengan menggunakan tool yang ada. Setelah semua benar maka tiba saatnya menikmati hasil skor SEO 100% dari www.chkme.com seperti berikut ini.

SEO adalah faktor utama yang harus dimiliki oleh sebuah blog. Hal ini terkait dengan potensi pengunjung yang didatangkan melalui mesin pencari sangatlah besar dan berharga, terutama dimata para pengiklan. SEO adalah singkatan dari Search Engine Optimation. Dengan kinerja SEO yang baik maka blog kita akan memiliki reputasi yang baik pada mesin pencari dan akhirnya muncul sebagai yang teratas pada hasil pencarian.

Ada beberapa faktor yang mendukung kinerja SEO sebuah blog seperti penggunaan title, keyword, heading, meta tag, image description dan sebagainya. Untuk memastikan kinerja SEo pada blog kita sudah baik kita bisa menggunakan tool SEO Checker seperti yang disediakan oleh website www.chkme.com. Hasil pengecekan ditunjukkan dengan skor. Semakin tinggi skor semakin baik dan skor tertinggi sebesar 100%.

Cara mengecek kinerja SEO pada blog di www.chkme.com

Untuk mengggunakan fitur SEO checker pada www.chkme.com sangatlah mudah. Setelah mengunjungi halaman website chkme.com kita bisa langsung cek SEO dan tidak perlu registrasi. Hasil pengecekan bisa langsung terlihat beserta saran-saran untuk meningkatkan kinerja SEO jika belum mencapai 100%.

Berikut ini langkah-langkah mengecek kinerja SEO di www.chkme.com :

1. Buka website www.chkme.com.
   
2. Masukkan alamat blog yang akan dicek kinerja SEO-nya pada input text seperti berikut ini.
   
3. Klik tombol Check SEO Score yang ada dibawah input text.
4. Tunggu beberapa saat untuk melihat skor hasil pengujian SEO.
5. Setelah selesai akan tampil beberapa hasil rangkuman faktor-faktor penunjang kinerja SEO.
6. Skor hasil pengujian SEO berada dibagian bawah.
   

Berikut ini beberapa faktor yang dicek pada chkme.com :

1. Heading, adalah judul pada artikel blog dan sub judul yang ada didalam artikel blog tersebut. Tidak ada heading mengurangi skor SEO.
2. Website Description, adalah deskripsi blog atau website yang berisi uraian singkat mengenai isi blog atau website tersebut. Tidak ada Website Description mengurangi skor SEO.
3. Website Keywords, adalah kata kunci (keyword) pada sebuah blog atau website. Tidak ada Website Keyword mengurangi skor SEO.
4. Frame dan Iframe, adalah penggunaan frame pada halaman website. Adanya penggunaan Frame mengurangi skor SEO.
5. Image Description, adalah keterangan atau alternatif text dari sebuah gambar yang ada pada blog. Tidak ada Image Description mengurangi skor SEO.

Pada artikel ini akan saya sharingkan 7 template pilihan yang menark, cepat, seo friendly dan responsive untuk blogger. 7 template berikut ini gratis dan bebas kita gunakan tanpa harus takut dituntut oleh pembuatnya (karena 100% gratis). Yang perlu diperhatikan adalah jangan menghilangkan credit link dibagian bawah untuk menghargai pembuat template dan sebagai balas jasa kita telah menggunakan template yang gratis dan luar biasa ini.

1. TruePixel

Ini template yang saya pakai saat menulis artikel ini. Template yang versi pertama memang belum responsive namun untuk versi kedua sudah. Yang membuat saya tertarik adalah template ini jarang yang pakai sehingga blog saya tidak terlihat pasaran. Template ini buatan Naveed Iqbal dan dapat didownload secara gratis di //www.bloggertheme9.com.

Template ini cocok untuk blog yang menampilkan image dalam ukuran besar. Jadi untuk blog ini sedikit saya sesuaikan tampilan imagenya agar lebih kecil. Skor CHKME mencapai 100% dan Hasil uji Pagespeed pada GT Metrix mencapai Grade B.

Screenshot TruePixel Template :

Untuk penjelasan lengkap silahkan kunjungi situsnya TruePixel disini.

2. SangSEO

Adalah template buatan Kang Mousir. Dilihat dari namanya template ini mengandalkan fitur SEO-nya yang mumpuni. Salah satu testimoni dari pengguna di situs blog Sang SEO mengatakan kalau pengunjung naik dua kali lipat dari sebelumnya setelah menggunakan template ini.

Beberapa fitur yang ditawarkan oleh template Sang SEO diantaranya :

• 100 % Responsive
• Valid HTML dan CSS
• SEO Friendly, Skor di CHKME menunjukkan 100%.
• Fast Loading, Hasil Uji GT Metrik menunjukkan skokr 81 (Grid B)
• Auto Readmore
• BreadCrumbs
• Pagination
• Dan masih banyak lagi…

Screenshot SangSEO Template:

Saya pernah menggunakan template ini beberapa waktu lalu dan hasilnya sangat memuaskan meski akhirnya saya ganti dengan template TruePixel. Kekurangan dari template ini adalah sangat polos sehingga kurang artistik. Selain itu saat saya melakukan blog walking saya menemukan banyak teman menggunakan template ini sehingga agak membuat saya sedikit risih dan akhirnya memutuskan untuk menggunakan template lain.

Untuk penjelasan lengkap silahkan kunjungi situsnya SangSEO disini.

3. Jurnalistik

Adalah template buatan RT Media. Ini adalah template dengan skor Page Speed sebesar 92% dan mencapai Grade A. Template ini responsive dan SEO Friendly. Kelemahan dari template ini adalah karena saking simple-nya maka beberapa fitur seperti Related Posts, Pagination dan Breadcrumbs belum ada. Widget untuk Social media juga belum disertakan sehingga kita harus menambahkan sendiri.

Screenshot Jurnalistik Template:

Untuk penjelasan lengkap silahkan kunjungi situsnya Jurnalistik disini.

4. New Thesis

Adalah template buatan CB Blog. Template ini memiliki skor page speed sebesar 90% (Grade A) dengan YSlow 90% (Grade A). Beberapa fitur yang ditawarkan diantaranya Responsive – Mobile Friendly, Drop Down Navigation Menu, SEO Heading Tags, Fast Loading, Markup Schema Ready dan SEO Breadcrumbs. Saat artikel ini ditulis New Thesis telah sampai pada rilis v3. Sekilas struktur template New Thesis mirip dengan Jurnalistik namun memiliki perbedaan dari segi tampilan.

Screenshot New Thesis Template:

Untuk penjelasan lengkap silahkan kunjungi situsnya New Thesis disini.

5. Johny Wuss

Ini adalah template buatan Maskolis. Dilihat dari namanya agaknya pembuat template ingin menggambarkan betapa kencangnya tempate ini saat di load.

Berikut ini fitur andalan dari Template Johny Wuss :

• Fully Responsive Design
• Auto resize thumbnail image
• Threaded Comment
• Optimize SEO
• Auto Author Image
• Grid based Design
• Newsletter Subscription

Screenshot Johny Wuss Template :

Untuk penjelasan lengkap silahkan kunjungi situsnya Johny Wuss disini.

5. My Notes

Ini adalah template lain buatan RT Media. Mirip dengan Jurnalistik namun ditampilkan dalam versi yang lain. Kehebatan template ini adalah pagespeed nya sebesar 91% dengan YSlow sebesar 93%. masing-masing berada pada Grade A. Template ini termasuk Responsive.

Sama dengan Template Jurnalistik, template My Notes ini sangat simpel sehingga beberapa fitur tidak disertakan. Jika kita menambah fitur lain sudah tentu akan mempengaruhi dari hasil test dari pagespeed template ini.

Screenshot My Notes Template :

Untuk penjelasan lengkap silahkan kunjungi situsnya My Notes disini.

7. CB Bloggerz

Adalah template buatan CB Blog dan merupakan turunan dari New Thesis Template. CB Bloggerz memiliki dua kolom sehingga cocok untuk blog pribadi dengan “niche blog” tertentu dan tidak banyak label/kategori. Hasil pengujian SEO di CHKME menunjukkan CB Bloggerz memiliki skor seo sempurna, 100%. Hasil pengujian Pagespeed versi GT Metrix juga memuaskan dengan Grade A dan B.

Screenshot CB Bloggerz Template :

Untuk penjelasan lengkap silahkan kunjungi situsnya CB Bloggerz disini.

Itulah 7 template blogger gratis pilihan saya yang menurut saya bagus untuk diterapkan di blog. Silahkan gunakan sepuasnya namun jangan menghapus credit link yang ada dibawah. Hargailah para pembuat template dengan tetap mencantumkan credit link.

Untuk menginstal sebuah template pada blog dengan platform blogger berbeda dengan saat menginstal template pada wordpress. Pertama kali menginstal template pada blog ini saya sempat bingung karena sama sekali berbeda dengan apa yang sering saya lakukan pada wordpress. Meski cukup mudah namun sepertinya fitur instal template pada blogger kurang mengena menurut saya. Hal ini karena akan lebih mudah di mengerti jika ada tombol, menu atau halaman instal template misalnya.

Namun mau mengeluh juga tidak selesai itu masalah instal template pada blogspotnya. Kita ikuti saja cara instal templat pada blogger sesuai dengan menu yang telah disediakan dan jika kita mempunyai keahlian HTML dan CSS dasar maka akan lebih baik karena lebih mudah saat melakukan penyempurnaan setelah menginstal template nantinya.

Berikut ini cara instal template pada Blogger/Blogspot :

1. Download file XML template

Sebelumnya kita harus mencari template yang sesuai dengan blog kita. Kita bisa cari di Google dengan kata kunci Template Blogger atau Template Blogspot. Bisa tambahkan kata kunci seperti gratis, free, seo friendly, responsive dan lain-lain. Setelah ketemu coba lebih dahulu dengan menggunakan link DEMO yang telah disediakan. Setelah yakin bisa didownload.

Karena kita membutuhkan file dengan ekstension XML maka jika yang di download berupa file ZIP maka harus diekstrak terlebh dahulu sampat diperoleh file XML nya.

2. Instal Template pada Blogger

Untuk bisa menginstal template kita harus login ke dasbor Blogger lebih dahulu. Kemudian ikuti proses berikut ini untuk menginstal template dari file XML yang telah kita download tadi :

• Klik menu Template yang ada disebelah kiri.
  
• Klik Cadangkan/Pulihkan yang ada disebelah kanan atas. Jika menggunakan bahasa inggris berarti tampilannya Backup/Restore.
  
• Jika mau backup dulu (disarankan agar bisa merestore ulang jika template yang kita instal bermasalah), silahkan klik Unduh Template Lengkap.
  
• Untuk menginstal template silahkan klik Choose File lalu arahkan pada file XML yang telah didownload tadi.
• Klik Unggah untuk melanjutkan proses instal template, tunggu beberapa saat proses unggah template.
  
• Setelah selesai bisa dilanjutkan dengan mengedit template secara manual melalui fitur edit HTML.

Bagaimana, mudah bukan cara instal template pada Blogger. Yang sulit dan bikin pusing biasanya saat penyesuaian kode pada saat mengedit HTML. jadi silahkan bereksperimen sendiri untuk memperolah tampilan yang baik untuk blog kita tercinta.

Template adalah kerangka tampilan sebuah blog. Template yang baik merupakan faktor utama yang menentukan performa dan kinerja sebuah blog. Saat mmencari template, ada banyak sekali pilihan template yang tersedia sehingga membuat bingung kita untuk memilihnya. Sebenarnya ada beberapa kriteria yang bisa dijadikan panduan dalam memilih sebuah template untuk blog seperti tampilan, fitur, kecepatan, seo, responsive dan mobile friendly.

1. Tampilan

Biasanya ini adalah faktor utama yang menarik kita dalam menentukan akan menggunakan sebuah template atau tidak. Tampilan menarik serta navigasi yang jelas dan mudah akan membuat pengunjung betah berlama-lama pada blog kita. Kemudahan akses terhadap konten membuat pengunjung dapat mengeksplorasi blog kita secara utuh sehingga meningkatkan pageview.

Kita bisa memilih tampilan blog berdasarkan beberapa kriteria seperti berikut ini:

• Warna background, pilihlah template dengan warna background netral seperti putih dan abu-abu.
• Font, pilihlah template dengan font yang mudah dibaca dan disupport oleh kebanyakan browser.
• Navigasi, pilihlah template dengan navigasi jelas dan mudah diakses seperti menu dibawah header atau disamping.
• Tata letak/Layout, pilihlah template dengan tata letak widget yang menarik dan mengedepankan artikel sebagai area yang dominan. Template dengan dua kolom dengan sidebar di sebelah kanan saya rekomendasikan untuk dipilih.
• Menarik, pilihlah template yang menarik, minimal menarik untuk kita sendiri. Yang saya maksud kriteria menarik disini adalah penggunaan seni artistik pada template seperti komposisi warna, penggunaan font, gambar latar belakang dan sebagainya. Template yang menarik sedikit banyak akan menyenangkan pengunjung blog.

2. Fitur

Setelah faktor tampilan, selanjutnya kita harus memperhatikan fitur yang disediakan oleh sebuah template. Fitur-fitur ini nantinya yang akan menunjang kinerja blog kita. Pilihlah template dengan banyak fitur namun ringan. Jangan sampai banyak fitur membuat blog kita berat dan berakibat lamanya proses loading blog.

Berikut ini beberapa kriteria fitur template blog yang bisa dijadikan syarat:

• Artikel Terkait (Related Post), fitur ini menawarkan kepada pengunjung untuk membaca artikel dengan topik materi atau label yang sama. Fitur artikel terkait diharapkan meningkatkan jumlah pageview sebuah blog.
• Auto readmore, fitur ini memotong artikel pada jumlah kata tertentu sehingga tampak rapi dihalaman indeks. Fitur auto readmore akan membuat blog terlihat profesional.
• Pagination, fitur ini membuat navigasi perhalaman mirip dengan pencarian pada google. Dengan fitur ini pengunjung akan mudah menuju ke postingan lama kita.
• Social Media, adalah fitur untuk mengaitkan blog dengan situs media sosial seperti Google+, Facebook, Twitter dan lain-lain. Fitur social media yang populer adalah berbagi artikel(share) dan menyukai (like).
• Breadcrumbs, fitur ini membuat urutan navigasi pada tiap halaman posting mulai dari indeks sampai judul artikel. Contoh breadcrumbs seperti berkut ini:
  Home » Label » Nama Artikel
• Pencarian (Search), fitur ini memungkinkan pengguna untuk mencari artikel pada blog kita. Fitur ini sebaiknya berada ditempat yang mudah terlihat seperti pada posisi menu atau side bar.

3. Kecepatan

Yang dimaksud dengan kecepatan disini adalah kecepatan loading sebuah blog saat dibuka. Tampilan blog yang menarik dengan banyak fitur biasanya berbanding terbalik dengan kecepatan loading sebuah blog. Template yang menarik dengan banyak widget dan javascript akan berakibat lama dibuka karena ukuran halaman yang otomatis menjadi lebih besar.

Template yang baik bisa memadukan faktor tampilan, fitur dan kecepatan secara selaras dengan tidak mengorbankan satu sama lain. Ada beberapa teknik untuk mempercepat loading sebuah blog seperti penggunaan cache browser, penggunaan asyncronous javascript dan optimalisasi image. Untuk mengecek kecepatan sebuah template bisa menggunakan tool seperti Google Pagespeed atau GTMetrix. Pilihlah template dengan minimal grade B.

4. SEO Friendly

Adalah kriteria yang terkait dengan penggunaan aturan SEO pada sebuah blog. Template yang SEO Friendly akan mendukung optimalisasi SEO pada halaman blog (SEO On Page). Banyak sekali template yang menawarkan beberapa optimalisasi SEO, pilihlah yang terbukti meningkatkan kualitas SEO sebuah blog berdasarkan testimoni atau cek implementasi template pada blog lain yang sudah menggunakan lebih dulu.

Ada beberapa ciri template yang SEO Fiendly seperti misalnya :

• Komposisi title menggunakan urutan Nama artikel baru nama blog, seperti misalnya Cara Membuat Blog – Nulis Ilmu.
• Penggunaan CSS yang baik untuk Heading H1, H2, H3 dan seterusnya.
• Memiliki ukuran yang besar untuk area posting.
• Meletakkan widget setelah area posting, seperti disebelah kanan atau bawah.
• Menempatkan data-data untuk webmaster seperti penulis (author) dan tanggal update.
• Memiliki dukungan meta data dinamis terutama keyword. Ini memudahkan kita  sehingga tidak harus membuat meta data untuk setiap postingan.
• Validitas HTML dan CSS, ini penting untuk membuat blog kita bagus di mata mesin pencari dan pemeringkat blog seperti Google dan Alexa.

5. Responsive

Ini sebenarnya merupakan bagian dari fitur namun saya tempatkan pada pembahasan tersendiri karena sifatnya yang sangat penting terutama di era komputer tablet dan smartphone sekarang. template yang responsive akan mengikuti ukuran dan posisi layar browser client. Sebuah template yang reposnsive akan tampak bagus pada segala posisi dan dapat menyesuaikan secara cepat dan otomatis terhadap perubahan ukuran layar.

Cara kerja template yang responsive terletak pada kemampuannya dalam menyesuaikan tampilan terhadap perubahan layar. Letak kecanggihannya terdapat pada pengaturan kode CSS untuk mendeteksi ukuran dan dimensi layar. Dengan fitur ini beberapa komponen pda halaman yang tampil akan ditampilkan secara dinamis mengikuti ukuran layar.

6. Mobile Friendly

Ini adalah fitur baru yang disematkan pada pencarian google melalui perangkat mobile seperti smartphone. Fitur mobile friendly sebenarnya sudah ada pada platform seperti blogger dan wordpress namun sangat sederhana dan blog terlihat kurang menarik.

Dengan menerapkan fitur responsive pada template sedikit banyak akan membantu meningkatkan tampilan blog agar mobile friendly. Tanpa mobile friendly, sebuah blog akan terlihat kecil pada perangkat smartphone, karena harus merender piksel seukuran layak komputer yang rata-rata minimal 1024×768.

Itulah beberapa kriteria yang bisa dijadikan pedoman dalam memilih template blog kita. Sebenarnya ada satu kriteria lagi yaitu harga. Untuk pemula memang masih menggunakan template gratis, cirinya tuh ada credit link dibawahnya. Namun untuk blog yang disiapkan dan dikelola secara profesional tidak ada salahnya untuk membeli template yang premium karena akan lebih profesional dan didukung secara penuh oleh pengembang template.