Tips Agar Blog Lebih SEO Friendly

SEO itu singkatan dari Search Engine Optimization.

Suatu rangkaian optimasi berkala agar blog/website yang kita ciptakan mudah di temukan melalui mesin pencari seperti Google.

Banyak dari blogger senior memberikan arahan tentang SEO meski skor SEO mereka sendiri tidak mencapai 100%. Itu bukan hal yang lucu, akan tetapi ini memang tidak mudah.

Pencapaian skor 75-80% itu sudah termasuk oke. Dapat di katakan blognya ramah di mata mesin pencari. Hal ini sama menyenangkan nya dengan peringkat AR atau PR yang bagus.

Dan berikut ini tips agar blog lebih SEO Friendly :

1. Meta Deskripsi.

Buatlah deskripsi blog yang relevan dengan isi blog. Jangan terlalu pendek namun jangan terlalu panjang. Cukupkan sampai 100 - 155 karakter.

2. Keyword.

Kata kunci yang ditanamkan pada template pun harus sesuai. Dan 7 - 8 keyword itu jumlah yang di anjurkan.

Untuk contohnya sendiri, Agan bisa mencoba meta tag milik ketagihanbaca berikut ini. Sesuaikan deskripsi dan keyword nya dengan blog Agan masing-masing.

  <b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
<meta content='PANDUAN BLOG, TUTORIAL JAVASCRIPT, INFORMASI BERITA, BERBAGI VIDEO' name='description'/>
<meta content='blog ketagihan baca, tutorial blog, trik javascript,  tutorial javascript, trik side bar, tips blogging, seo tips' name='keywords'/>
<meta content='98CDFAA9A5AA5D692A8D5F53DD6F3A43' name='msvalidate.01'/>
<meta content='Indonesia' name='language'/>
<meta content='index,follow' name='robots'/>
<meta content='index,follow' name='googlebot'/>
<meta content='follow, all' name='Googlebot-Image'/>
<meta content='ID-JK' name='geo.region'/>
<meta content='Jakarta' name='geo.placename'/>
<meta content='Indonesia' name='geo.country'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
<link expr:href='data:blog.url' rel='canonical'/>

3. Tag H1, H2, H3, H4, H5, H6.

Ini yang paling sulit. Tutorial yang bertebaran mengenai tag H1 - H6 ini semuanya masih jauh dari kata memuaskan. 50 % berhasil, 50 % gagal. Saya pernah telusuri ini selama 2 hari.

Bahkan akhirnya saya terpaksa belajar melakukan "penelitian" sendiri. Saya utak atik template ini sedemikian rupa. Secara mengejutkan skor SEO ketagihanbaca bertambah meski tidak signifikan.

Jika ada blogger senior yang kebetulan baca ini, harap di koreksi. Berikut ini urutan percobaan yang akhirnya saya terapkan.

Hapus semua kode variable yang ada. Mulai dari kode berikut :

-----------------------------------------------
Blogger Template Style
Name:     Simple
Designer: Nama
URL:      www.example.com
----------------------------------------------- */
 /* Variable definitions
   ====================

Sampai kode berikut */

Sehingga pengeditan template nantinya Agan lakukan persis pada tag yang di tuju. Misal warna body blog, background side bar, lebar blog dan sebagainya.

Jadi setelah kode ini <b:skin><![CDATA[

Langsung kode ini  /* Headings */
Lalu  /* Body */
Lalu  /* Widget *
Lalu  /* Comments */

4. Eksternal Link

Blog yang SEO friendly itu hanya memiliki 20 eksternal link (link keluar) per setiap halamannya. Kurang dari 20 berarti semakin baik.

5. Internal Link.

Jangan terlalu banyak memajang link di setiap halaman meski itu adalah link internal. Maksimal 100 link internal untuk setiap halaman.

6. Meta ALT pada gambar.

Usahakan setiap mengupload gambar, Agan memberikan meta ALT ke dalam gambar. Caranya klik gambar, lalu pilih menu "Properties".

Sesuaikan dengan isi postingan yang sedang di buat.

7. Sitemap blog.

Daftar blog di Google Wemastertool, lalu submit sitemap blog.

Caranya, saat berada di Dasbor Google Webmaster tool silahkan pilih menu "Optimization".

* Lalu pilih "Sitemap".
* Klik "Add Sitemap"
* Masukkan ini di kolom yang di sediakan. Lakukan 3 kali.

 http://ketagihanbaca.blogspot.com/atom.xml
 http://ketagihanbaca.blogspot.com//feeds/posts/default
 http://ketagihanbaca.blogspot.com/rss.xml

Ganti URL ketagihanbaca dengan URL Agan.

8. Berat Blog

Blog yang SEO Friendly berat idealnya itu di bawah 150 kb per setiap halaman. Jika lebih dari itu sebaiknya buang aksesoris blog yang tidak penting.

*************

Itulah tips singkat untuk menjadikan blog lebih SEO friendly, untuk mengecek skor SEO secara up date, pernah saya bahas di tulisan ini Cek Score SEO.

Permasalahan Country Specific URL

Terdapat sensor selektif pada Google yang mana apabila seseorang menelusuri suatu blog, maka secara otomatis ia akan di alihkan sesuai tempat ia berada.

Misalkan begini :

Agan (berada di India) membuka ketagihanbaca.blogspot.com maka Agan akan di alihkan ke ketagihanbaca.blogspot.in (Google India). Dan hasilnya tentu tidak spesifik.

Atau lagi Agan (berada di Australia) membuka ketagihanbaca.blogspot.com maka Agan juga akan di arahkan ke ketagihanbaca.blogspot.au (Google Australia). Ini juga tidak spesifik tentunya.

Ini sudah saya tes, ketika saya pakai Google Indonesia menempati urutan 1.
Tetapi saat saya pakai Google India, ternyata menempati urutan 7.

Sebenarnya bisa saja User tersebut menuju ketagihanbaca.blogspot.com asalkan di negara ia berada masih sedikit blog atau web yang memiliki kata kunci sama "ketagihan baca".

Jika di sana terdapat blog/web yang isinya terdapat keyword sama "ketagihan baca", maka urutan pertama pada hasil pencarian di tentukan dari banyaknya kunjungan.

Syukur-syukur tidak ada, maka meski berada di luar sana blog ketagihan baca tetap dapat mudah di temukan.

Sebenarnya banyak faktor lain juga untuk mendapatkan kunjungan dari arah mana pun. Mungkin Agan-Agan punya trik lain. Tetapi tidak ada salahnya apa yang saya dapat saya bagikan kepada Agan-Agan.

Untuk "memaksa" Google Asing menuju Google di mana blog Agan tersedia (Indonesia), maka Agan cukup masukkan script berikut :

<script type='text/javascript'>
var blog = document.location.hostname;
var slug = document.location.pathname;
var ctld = blog.substr(blog.lastIndexOf(&quot;.&quot;));
if (ctld != &quot;.com&quot;) {
var ncr = &quot;http://&quot; + blog.substr(0, blog.indexOf(&quot;.&quot;));
ncr += &quot;.blogspot.com/ncr&quot; + slug;
window.location.replace(ncr);
}
</script>

Letakkan pada halaman template, tepatnya di bawah kode <head>.

Pengalaman lainnya dari Agan saya tunggu.

Cara Kompres Kode Template Secara Manual

Ada banyak cara untuk mengikis lemak pada tubuh blog. Dan berikut salah satu caranya. Yaitu kompres kode template secara manual.

1. Mengkompres kode penanda. 

Contohnya :

/* Header
----------------------------------------------- */

Nah, kode di atas adalah kode penanda untuk elemen header. Kompreslah hingga menjadi seperti berikut :

/* Header */

Begitu juga kode penanda lainnya. Misalkan lagi.

/* Tabs
----------------------------------------------- */

Menjadi....

/* Tabs */

Contoh lagi....

 /* Main
----------------------------------------------- */

Menjadi....

 /* Main */

2. Kompres kode warna.

Contohnya :

"#000000"

Kode di atas adalah kode warna untuk warna hitam. Kompreslah hingga menjadi seperti berikut :

"#000"

Lakukan cara yang sama untuk kode warna yang ke 6 karakternya sama. Seperti kode lainnya lagi.

"#ffffff"
"#444444"
"#eeeeee"

3. Hilangkan space pada susunan kode.

Contohnya :

.tabs-inner .section {
  margin: 0 20px;
}

Kompres kode tersebut menjadi berikut :

.tabs-inner .section {margin: 0 20px;}

Contoh lainnya :

.post-body {
  font-size: 105%;
  line-height: 1.5;
  position: relative;
}

Kompres menjadi....

.post-body {font-size: 105%;line-height: 1.5;position: relative;}

Segitu saja trik sederhana kompres template secara manual, faktor lain juga tetap harus di perhatikan.

Tips Pintar Mengedit Template

Sudah menjadi kepastian bahwa sesama blogger itu saling belajar dan saling memberikan informasi satu sama lain. Si A mencari panduan di blog si B. Dan si B juga mencari panduan di blog si A.

Nah, terkadang keinginan hati itu 'kan selalu berubah-ubah. Hari ini kita senang dengan template yang telah di edit. Sementara di kemudian hari kita ingin menghapus script-script yang sempat kita tanamkan untuk di ganti dengan style yang lebih baru lagi.

Agar tidak terjadi kebingungan dalam mencari script-script yang dulu kita tanamkan itu (karena kode di template tentu sangat banyak), maka berikut ini tips sederhana yang harus Agan simak.

1. Biasakan dari dini, ketika ingin menambahkan suatu kode Agan baiknya memberikan tanda berikut di awal permulaan kode dan di akhir kode.

/* Berikan judul kode disini */
rangkaian kode
rangkaian kode
/* Ini Batas Akhir Kode */

Contohnya seperti ini, lihat baik-baik.

/* Slide Customer Service */
rangkaian kode
rangkaian kode
/* END Slide Customer Service */

Contoh di atas adalah tanda ketika saya hendak membuat script Admin Peduli pada blog Ketagihan Baca. Lihat widget melayang di sisi kiri atas.

Jadi, dengan demikian apabila suatu hari Agan ingin membuang kode itu, tinggal mengingat dan mencari judul kode nya saja.

2. Biasakan menyimpan alamat link blog orang.

Apabila Agan hendak memasukkan script yang di dapat dari blogger lain, sebaiknya Agan membuat satu draft khusus yang berisikan link-link blog orang lain tadi.

Jadi, apabila Agan kelak ingin merubah kode tersebut tinggal membaca panduannya lagi dengan mencari alamat link yang punya trik tersebut. Jadi tidak perlu repot telusur dari Google.

3. Buatlah blog baru sebagai kelinci percobaan.

Misalkan blog Agan selalu di kunjungi banyak orang, dan di waktu bersamaan Agan hendak merubah suatu elemen template. Pastinya sangat repot apabila kita hanya mengandalkan "klik Pratinjau". Sebelum di simpan, klik Pratinjau, sebelum di Simpan klik Pratinjau. Repot sekali.

Maka, buatlah satu blog baru khusus untuk mengotak atik template. Jadi apabila terjadi kesalahan, pengunjung tidak di kecewakan.

Sangat lucu apabila seseorang lagi asyik membaca, tiba-tiba...

"Nah lho kenapa neh blog ?? 

Kok jadi begini tampilannya ?" 

4. Biasakan juga untuk mengunduh template.

5. Biasakan juga untuk mengkompres kode template secara manual.

Khusus tips no.5 nanti kita bahas di lain kesempatan. Selamat mencoba.

Cara Mengganti Template (Stok Blogspot)

Jika Agan mendadak bosan dengan template yang ada dan ingin menggantinya. Agan bisa menggantinya dengan stok template dari blogspot. Lumayan keren.

1. Pada halaman Ikhtisar, pilih template.

2. Pilih Ubah sesuaikan.

3. Pada sub menu "Template" Silahkan pilih template baru.
__Ada "Tampilan Dinamis", "Mudah", Jendela", "Keren", "Perjalanan".

4. Pada sub menu "Latar Belakang", silahkan pilih lagi.

5. Pada sub menu "Sesuaikan Lebar", silahkan setel ukuran.

6. Pada sub menu "Tata Letak", silahkan pilih desain.

7. Pada sub menu "Tingkat Lanjut", silahkan pilih warna untuk semua elemen.

8. Jika di rasa sudah selesai, klik "Terapkan ke Blog".

9. Lalu klik "Kembali ke blogger" untuk melanjutkan kegiatan ngeblog Agan.

Cara Pasang Kode di Template

1. Saat di halaman Ikhtisar, Agan pilih "Template"

2. Biasakan (tidak mesti sih sebenarnya) hanya untuk berjaga-jaga, Agan menyalin template tersebut sebelum Agan mengeditnya. Jadi jika terjadi kesalahan, Agan tinggal mengunggah (up load) template itu kembali.

Caranya, Agan klik bacan "Cadangkan / Pulihkan". Ada di sebelah kanan atas.
Setelah itu muncul 2 opsi. Unduh Template Lengkap dan Unggah.

Unduh Template Lengkap = Untuk menyimpan template sebelum di edit.
Unggah = Untuk mengupload template kembali.

3. Setelah itu, tutup.
Lalu pilih "Edit HTML" di samping bacaan "Ubah Sesuaikan".
Dan pilih "Lanjutkan".

4. Nah, sampai di sini Agan bisa menekan tombol CTRL dan F secara bersamaan untuk mencari kode di dalam pengeditan. Lihat contoh gambar.

5. Biasakan lagi, jika sekiranya Agan sudah selesai. Jangan langsung mengklik tombol "Simpan". Tapi tekanlah tombol "Pratinjau". Jika tidak terjadi kesalahan, baru lah Agan klik "Simpan".

Ok, selamat mencoba.