Cara Gampang kali ini akan berbagi pengalaman tentang Cara Gampang Optimasi SEO OnPage, yang merupakan titik dasar praktek-praktek SEO (search engine optimization) sebelum kita melakukan pola-pola optimasi SEO lainnya. Optimasi SEO OnPage ini (dalam kacamata Cara Gampang) menjadi hal penting karena akan membantu memudahkan proses crawling blog oleh mesin-mesin pencari semacam Google dan Bing search engine.
Adalah merupakan suatu hal yang percuma bilamana kita sibuk mencari backlink (SEO OffPage) dalam jumlah yang banyak apabila kita sama sekali tidak memperhatikan SEO OnPage ini. Mubazir, bila Backlink berhasil kita dapatkan dalam jumlah yang banyak, namun blog kita sangat sulit dirayapi (crawling) oleh mesin-mesin pencari tersebut. Kesimpulan ini aku dapatkan saat mengelola blog Cara Gampang ini, yang mana selama lebih dari tiga tahun pagerank blognya tidak pernah beranjak dari angka 1.
Dalam gambar di atas telah jelas digambarkan, setidaknya terdapat 8 faktor utama untuk meraih keberhasilan SEO Page sebuah blog. Faktor-faktor tersebut adalah kombinasi Meta Tag template blog, penentuan Keyword blog, pemasangan tag H1 yang memadai, penulisan "alt tags" pada setiap gambar-gambar blog, cepat atau lambatnya loading blog/halaman blog, struktur penempatan keyword dalam sebuah postingan, tingkat kerapatan keyword (keyword density), pemasangan "meta description" pada sebuah blog.
Pada artikel ini tidak akan aku bahas keseluruhan komponen SEO OnPage tersebut (karena aku bukan pakarnya), namun aku hanya ingin berbagi pengalaman memaksimalkan SEO OnPage blog Cara Gampang ini berdasarkan kejadian-kejadian yang nyata aku alami. Adapun instrumen yang aku pergunakan untuk mendeteksi tingkat atau score SEO blog ini, aku hanya menggunakan bantuan Bing Webmaster dan chkme.com. Baiklah kita perhatikan gambar berikut ini.
Gambar di atas menunjukkan hasil deteksi SEO OnPage blog Cara Gampang dengan mempergunakan fasilitas SEO Analizer yang disediakan oleh Bing Webmaster. Dalam gambar tersebut dinyatakan setidaknya terdapat 5 (lima) kesalahan atau error pada template blog Cara Gampang, yaitu Tag H1 is missing (1), gambar-gambar yang ditampilkan tidak memiliki "alt" atribut (3) dan halaman blog tidak memiliki meta language (1).
Berikut perbaikan-perbaikan yang aku lakukan :
Memperbaiki tag H1 pada template blog.
Terkadang pada pembuat blog kurang memperhatikan penempatan tag H1 ini secara maksimal, hal ini terbukti dari template blog yang aku pergunakan ini masih membutuhkan perbaikan mendasar, karena tah H1 tidak terbaca oleh crawler mesin pencari (dalam hal ini Bing search engine). Cara yang aku pergunakan hanyalah menambahkan tag <h1> dan </h1> pada bagian "header-inner" template blog, seperti di bawah ini :
Kombinasi Script awal template blog ini adalah :
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
<!--Show the description-->
<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
Perbaikan yang aku lakukan adalah hanya dengan menambahkan tah <h1> dan </h1>, menjadi :
<div id='header-inner'>
<h1><a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a><h1>
<h1><a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a><h1>
<!--Show the description-->
<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
Perbaikan kedua adalah dengan menambahkan "alt" dan "title" atribution pada beberapa gambar.
Salah satu contoh gambar yang menyebabkan terjadinya error adalah widget "flag counter" yang kita pasang pada blog. Perbaikan yang aku lakukan adalah dengan menambahkan atribut "title", seperti berikut ini :
Script asli dari widget ini adalah :
<a href="http://s10.flagcounter.com/more/cLW" rel="nofollow"><img src="http://s10.flagcounter.com/count/cLW/bg_FFFFFF/txt_000000/border_CCCCCC/columns_2/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="free counters" border="0" /></a>
Perbaikan yang aku lakukan seperti berikut ini :
<a href="http://s10.flagcounter.com/more/cLW" rel="nofollow"><img src="http://s10.flagcounter.com/count/cLW/bg_FFFFFF/txt_000000/border_CCCCCC/columns_2/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="free counters" title="flag counters" border="0" /></a>
Perbaikan berikutnya atau yang terakhir adalah dengan memasang "meta language".
Meta language ini pada dasarnya adalah merupakan bagian dari rangkaian script "meta tag" template blog, namun dalam banyak template rangkaian "meta tag" ini sepertinya kurang lengkap. Hal ini sesuai dengan pengalaman yang aku alami sendiri. Langkah perbaikannya hanyalah dengan menambahkan atribut "meta language" pada template blog Cara Gampang. Adapun atribut yang aku tambahkan adalah :
<b:include data='blog' name='all-head-content'/>
<meta content='id' name='language'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='all-language' http-equiv='Content-Language'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='all-language' http-equiv='Content-Language'/>
</b:if>
Setelah melakukan perbaikan-perbaikan tersebut di atas, aku lakukan deteksi ulang dengan mempergunakan SEO Analizer milik Bing Webmaster, dan hasilnya seperti gambar di bawah ini.
Hasil pendeteksian yang kedua ini menunjukkan hasil yang sempurna (No error) pada template blog Cara Gampang ini, dengan demikian maka optimasi SEO OnPage blog Mikir Gampang ini telah menunjukkan suatu hasil yang maksimal.
Alat terakhir yang aku pergunakan untuk mendeteksi optimasi SEO OnPage yang telah aku lakukan adalah dengan mempergunakan bantuan situs chkme.com, dan hasilnya adalah seperti gambar di bawah ini.
Hasilnya lumayan bagus 93 %, namun aku masih belum puas karena belum berhasil mencapai score 100 %, setidaknya masih kurang 0.7 %. Pada kesempatan lain pasti akan aku maksimalkan lagi.
