Membuat Layout Ramah Terhadap Search Engine

Enak juga baca postingan di blog-nya  firdaus tentang Googlebot - robot spider yang di utus google untuk mengeranyangi dan melahap  setiap isi situs web dan webblog di seluruh dunia.

Konon katanya Googlebot ini melahap blog kita di mulai dari bagian atas ( header ) kemudian berputar kebalikan dari perputaran  arah jarum jam. yang di mulai dari kiri, kemudian kanan setalah itu bagian bawah ( footer ).

Saya tidak tahu persis alasan yang pasti tentang skema ini, namun yang jelas untuk loding ( membuka ) sebuah halaman web atau blog, seperti itulah perputarannya, dimulai dari atas - kiri - berlanjut pada bagian kanan  kemudian bagian bawah. kalau tidak percaya coba saja saudara lakukan reload ( F5 )  terhadap blog ini. - mungkin pengecualin untuk header yang mempunyai bobot bergambar terlalu besar.

Untuk itu bagi yang memiliki tiga kolom seperti saya ini, yakni di mana bagian kirinya merupakan kolom sidebar kemudian berlanjut pada bagian tengah sebagai badan postingan, harus pandai-pandai menambah widget ( elemen) pada sidebar kiri ini.

Terutama jangan menambah javascript yang memberatkan untuk loding. seperti shoutbox, freecounter dan pernak-pernik lainnya sebagai tambahan. Apalagi jika memang betul skema di atas yang di pakai Googlebot. maka cara yang terbaik untuk memasang elemen pada bagian kiri sidebarnya adalah menonjolkan isi yang terdapat pada blog kita. seperti pasang elemen arsip, label atau daftar linklist judul postingan yang kita anggap berbobot atau penting untuk di ketahui.

Contoh misalkan kita pasang  linklist pada bagian kiri sidebarnya. dan jangan lupa untuk search engine friendly setiap link yang terpasang harus di tambah tag title atau keterangan :

<a title="Pasang Daftar Link Teman"  href="#">Daftar Link</a>

Atau jika kita ingin menambah elemen label menurut Amanda- Blogger buster perlu juga di tambahkan seperti ini.

pertama dalam html-nya cari kode label ini.

<b:widget id='Label1' locked='false' title='Labels' type='Label'>

 

kemudian di bawahnya ada kode seperti ini.

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>

Nah pada kode di atas tersebut tambahkan beberapa kode seperti ini:

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'
expr:title='"Read more posts filed under " + data:label.name ' rel='tag'>

Maksudnya memberikan penekanan keterangan untuk setiap judul postingan yang ada pada sebuah label sebagai tag title post.

Technorati tags: Tutorial Blogger, SEO

 

Page views this post: reader