Rabu, 02 Juli 2008

Mungkin Ini Pelipur Lara : Search Engine Optimization

Bukanlah sebuah optimalisasi penampakan pada mesin pencari, atau yang sering dikenal dengan SE-Optimization atau SEO yang serius, walau juga tidak bisa disebut, main-main. Jika kita ingat (itupun jika sudah pernah menyambah kemari), layout yang digunakan di blognya firdaus ini adalah sebuat layout berformat 3 Kolom bernama "Tropical-Retreat" yang dibuat oleh se7en. Tiga kolom tersebut terdiri atas 2 kolom sidebar, tempat seringnya kita menyematkan "Widget", dan 1 kolom Outter-wrapper (istilah yang dipakai bloggger.com untuk wilayah tulis atau Posting-Area). Tentu Juga dilengkapi oleh Header berpasangan dengan Footer-nya.

Jika kita lihat dari segi kenyamanan mata, tentulah saya juga akan setuju, jika penulisan posting yang ditempatkan di tengah halaman akan lebih nyaman terbaca. itu oleh mata kita, tapi tidak oleh pantauan Googlebot, dan Search-Engine Bot lainnya. Penulisan script HTML yang sedang kita pakai menggunakan alir satu arah dengan mengambil jalur kiri-kanan. Artinya ketika posisi posting tulisan berada di sebelah kanan sidebar, maka script HTML akan menempatkan posting-area di "bawah" script sidebar. Sedangkan sidebar paling kanan (sidebar-2) akan di lacak "setelah" posting-area. Dan yang paling akhir terendus Bot adalah Footer.

Selain untuk keperluan SEO (khususnya untuk blog dengan Host Blogger.com), pembaca blog yang ingin membaca postingan blog berlayout sejenis dengan blog ini (sekarang), akan mempunyai prioritas pertama sebelum browser mencerna seluruh script yang berada di Sidebar-area. Mengingat Widget yang umumnya kita pasang, adalah widget dengan kode bahasa javascript atau yang lainnya, yang akan menyebabkan waktu muat dipastikan melambat. Dengan cara ini, posting sebagai porsi utama penulisan Blog, akan muncul lebih dari bidang lain, kecuali header. Karena header jelas harus didahulukan, mengingat ia menyimpan sejumlah data sebagai penunjuk awal situs atau blog kepada Browser.

Berikut diagram alir pembacaan script untuk format 3 kolom, sebelum dan sesudah perubahan tata letak.

Sebelum Perubahan :
(Klik Untuk Memperbesar)


Setelah Perubahan :
(Klik Untuk Memperbesar)

Angka Romawi I -IV berserta gambar tanda panah, menunjukan alir "cara pandang" Search-Engine dalam meninjau script, begitu pula dengan Browser yang kita gunakan. Panah terakhir, adalah alir baca menuju Footer (tidak ditampilkan). Konsentrasi saja pada layout secara makro karena itu yang sedang kita bahas. Artinya hanya satu bagian yang saya tukar posisinya, yaitu sidebar 1 dan posting-area. Dari kedua aliran tersebut, jelas Alir Kedua (gambar bawah) akan memberikan kecepatan muat yang lebih tinggi. Jadi ini, bukanlah semata-mata SEO. Tapi juga, pemuatan posting-area yang lebih optimal bagi kita yang membaca. Lalu bagaimana dengan layout dengan 2 Kolom saja?. Jelas, itu lebih baik, tapi secara fundamental, kita mengerti beginilah mereka (-SearchEngine) mengintip halaman kita. Silahkan mencoba (bagi yang belum mencoba).

#PS :
  • Hanya sebagai pelipur lara.

125 komentar:

  1. assalamualaikum kawans, makin menuju kursi suhu dunia per-blog-an aja neh. mantab....

    BalasHapus
  2. hmm ga mudeng ni gini2an...

    BalasHapus
  3. pusing cernanya...tapi sidebar dikanan lebih cool sihhhhhh

    BalasHapus
  4. walopun di cssnya muncul lbh dulu, sptnya bisa lho mas yg main-wrapper tetep di tengah. di cssnya, sidebar nya ditambahin float gitu. tapi engga tau jg sih, belom pernah nyoba :)

    btw, tadi kolom komentar nya koq ada 2 ya..? apa saya yg lagi mabok..?

    BalasHapus
  5. Kang, boleh numpang dikit ya... Blog nya smart banget... Belajarnya demana? Boleh belajar gak...?

    BalasHapus
  6. Kang, kalo buat blogroll yang bisa nge-roll ke bawah kayak gitu gemana caranya? Trus buat tanda [-/+] di postingan juga, trus buat kotak komentar yang langsung kayak gene (gak ribet), gemana caranya? Minta script nya dunk.. Boleh gak..?

    BalasHapus
  7. sip bos.. memang si jaring laba-laba ini kerjanya gitu .. konsep na hampir mirip dengan ngeloding halaman..

    makacih juga atas sharenya

    BalasHapus
  8. Oooh,,, gt tooh baru tau saya. Pantesan kalo saya ngetik di search engine tulisan2 yg ada di sidebar saya, blog saya nggak pernah nongol. Hihi.
    Makasih infonya, mas..

    BalasHapus
  9. @gus, anang : waduuh.. ada mbah-mbah pada kesini.. pingsan gw...

    @edisamsuri : Cool.. kaya kulkas ya mas..

    @Blogger-Holic : CSS (kalo gak salah) memang ga masalah om, dituker tuker.. Karena dia ada di 'luar' body. Maksud saya yg ini teh... Script di dalam body. Yang lebih dulu dilihat adalah yang paling atas. Setuju bro..
    Oya.. om BroHOl ga mabok kok.. yang mabok memang blog saya, ntar deh dibetulin :)

    @I Ketut Riasmaja : Iya sih saya udah janji, awalnya mau tunjukkin linknya, tapi saya lupa. Jadi punya niatan bikin sendiri deh. Semoga ada kesempatan.

    @blogspot : Gilaa.. gw nerangin sepanjang itu.. ternyata om blogspot.. bisa nerangin dalam dua kalimat. Mantab om. Thx juga.

    @Ruth : ruth.. bukannya templates lu udah bagus tuh..?. Mungkin.. dulu (sempet) gak begitu bentuknya ya?

    BalasHapus
  10. mas numpang belajar di blognya ...ya..
    bayak ilmu keknya di sini...hehehe

    BalasHapus
  11. Oh gitu yach..malah gw baru tahu tuh....

    Gw sebenernya lebih suka posting berada di tengah..enak dibacanya..tapi ternyata agak berantakan ngatur sidebarnya....
    karena gw gak pinter juga kali yah...jadi langsung ganti yang template sekarang aja..

    BalasHapus
  12. @Mr.zhep: wah, sangat dipersilahkan mas, kan kita sama-sama belajar mas..

    @JoVie: Gitu joV. Iya gw sendiri jg lebih suka tulisan ada di tengah (padahaludah ditulis diatas, tapi diomongin lagi...)

    BalasHapus
  13. Halo...mas
    salam kenal ya....

    boleh tukeran link g'???

    Maklum,aku masih newbie.Jadi butuh banyak temen buat nambah ilmu..

    Minta ajarin ilmunya nge-blog donk...

    BalasHapus
  14. @S@si : Salam kenal juga sasi.. Tuker link, boleh. Saya juga Newbie kok. Kalo gitu kita sama-sama belajar ya... ok. :)

    BalasHapus
  15. O... Begitu to... cara mbah gugel dan om yahoo(d) menggerayangin blog kita. Meluncur ke TKP Ah.... Tapi kalo ntar ada kesalahan Om Fir mau mbantuin nggak ya?

    BalasHapus
  16. @Tukang Sapu Radio : Insya Allah mas.. sebisanya OK.

    BalasHapus
  17. ya semua aja bos

    gitu itu di pelajarin di Teknik Pemrograman

    semua browser jelas ngeload dari atas ke bawah. gak pakek kanan kirian

    ada-ada aja.

    kenapa kok gitu?

    soalnya di CSS ada banyak bagian

    ada Header
    ada Content (ini gak peduli content atau widget, semuanya di sini)
    ada juga footer

    cumak itu INTI dari CSS

    GIMANA SIHHH!

    BalasHapus
  18. Terimakasih penjelasannya mas/mbak anonim, semoga bermanfaat juga buat yang lain.

    Hanya saja, sayang, ada suaranya tapi gak ada namanya.. "something but nothing"

    Jadi,.. sekeras apapun suara mas/mbak anonim, kalau masih tidak berani meninggalkan nama, ya maaf.. mungkin INTI yang ingin disampaikan itu, jadi malah nggak ada artinya mas/mbak.

    Kita semua hanya ingin belajar dari sesama saja.. sesama blogger yang punya identitas tentunya... bukan anonim.. ok mas/mbak/tante.

    terimakasih sekali lagi, semoga jadi masukkan juga buat yang lain. :)

    BalasHapus
  19. iya tuh, kalau tipe templatenya begitu jadi lebih bagus di SEs kayanya hehe

    BalasHapus
  20. Siiip dah artikelnye

    BalasHapus
  21. Banyak ilmunya nih.... ijin bookmart mas :D

    BalasHapus
  22. mantep mas templatenya, lam kenal

    folderblog

    BalasHapus
  23. teorinya udah paham, tapi implementasinya masih bingung :(

    BalasHapus
  24. Interested thank you for sharing

    BalasHapus
  25. Siip banget dah tulisannya bos

    BalasHapus
  26. wah, saya baru tau bos, terima kasih infonya hehe

    BalasHapus
  27. Jadi lokasi artikel musti dibagian kiri template lalu sebelah kanan adalah sidebar untuk proses Indeks makasih2x baru tahu ternyata template saya strukturnya benar.

    BalasHapus
  28. Wah baru tahu kalau strukture template juga memberikan kontribusi terhadap seo, makasih as info nya. Maklum baru belajar seo.

    BalasHapus
  29. Ternyata cara pandang search engine sama persis dengan alur mata manusia.

    Atas - kiri - tengah - kanan - bawah.

    Tepat !.

    BalasHapus
  30. Waduhh..sih bingung bos..:(
    cara biar alurnya berubah tuh gimana??

    BalasHapus
  31. Wah. aku mulai mendalami SEO nih. Tapi kayaknya tetep aja kita harus konsen ke Content, SEO itu gak perlu diperhatikan berlebihan. Menurutku sih begitu :)

    BalasHapus
  32. Baru tau kalo bot juga punya skala prioritas pembacaan kontent sebuah blog.

    BalasHapus
  33. Mantap penjelasannya bos ..
    Sangat berguna bagi new bie seperti saya ..
    keep good post article

    BalasHapus
  34. sip nih infonya, save as dulu ah. thanks bos.

    BalasHapus
  35. Penjelasan yang lengkap dan pasti.... bermanfaat.

    BalasHapus
  36. Info bermanfaat... struktur template ternyata berpengaruh ya?

    BalasHapus
  37. Kunjungan perdana nih kang Eos... mantap... info yg bermanfaat

    BalasHapus
  38. Artikelnya informatif banget. Thanks untuk ilmunya.

    BalasHapus
  39. Seo???kyknya....susah sekali...
    pusing...

    BalasHapus
  40. ooo seperti itu yahh perjalanan search enginenya
    makasih banyak sobat infonya

    BalasHapus
  41. Makasih infonya Bro... Lam kenal...

    BalasHapus
  42. Waw.. senang bisa mampir disini, bersaing dalam mengoptimalkan SEO dan memperebutkan juara di halaman Google ternyata sangat sulit.
    Thank's atas Infonya..

    BalasHapus
  43. pertama kali berkunjung, salam kenal om... :D

    BalasHapus
  44. SEO emang gampang-gampang susah ya bos

    BalasHapus
  45. tapi kayaknya alur pembacaan dari se nggak mempengaruhi serp deh, tp info yg bagus, aku jg masih ragu sm analisaku..thanks

    BalasHapus
  46. nice post, keep blogging.. hehe bukan bots lho komennya.. salam kenal

    BalasHapus
  47. praktek ahh makasih info nya neh

    BalasHapus
  48. wah, harus edit template lgi nih, thanks infonya bos.

    BalasHapus
  49. mantep mas. template sy cm asal comot aj. :(

    BalasHapus
  50. Terimakasih artikelnya sangat membantu bagi semua pembaca, semoga bermanfaat
    Salam Action

    BalasHapus
  51. Wah,iya menurut buku2 yang saya baca juga begitu, katanya spider atau crawler itu membaca dari pojok kiri atas ke pojok kanan bawah...gitu...jadi ga bagus kalau tombol navigasi yang kurang penting ditaruh di column kiri.. :)

    salam kenal mas..CMIIW

    BalasHapus
  52. sama bro, kayak kita baca buku dari kiri ke kanan jangan samain kayak baca alqur'an.. :D namanya jg yg bikin search engine org amrik.. gak pernh baca alqur'an sih.. ;))

    btw, thanks atas tipsnya.. :)

    BalasHapus
  53. oo.. begitu ya... jadi tau nich thanks bro

    BalasHapus
  54. bisa jadi bahan ganti theme ini.. thanks

    BalasHapus
  55. wah ini masukan bagus.....thank's ya infonya....

    BalasHapus
  56. setelah baca ini, kayaknya harus saya pikir ulang lagi blog saya. but, thanks infonya

    BalasHapus
  57. Mas klo yang buat ngatur bacground sisi artkel gimana ya..
    Template aku mesti itu yang terkhir ke load.. dah diotak atik bingung euy..:(

    BalasHapus
  58. Halo mas, kalo udah terlanjutr suka ama theme pilihan kita, code css untuk mindahin sidebar dari kiri ke kanan gimana mas? :)

    BalasHapus
  59. oh gitu ya mas..saya baru tahu..artikel yang bermanfaat..

    BalasHapus
  60. Thanks untuk infonya om hehe :D

    BalasHapus
  61. sip. mantab ditunggu artikel SEO lainnya.

    BalasHapus
  62. good info kang, matur thank you. :D

    BalasHapus
  63. hmm,. gitu yaa urutan bacanya...

    BalasHapus
  64. cari theme yg mendukung seo dengan baik...

    BalasHapus
  65. wawww... kereen mass!!!!manthap!!

    BalasHapus
  66. ajarin saya menguasai search engine yahoo dong :D

    BalasHapus
  67. Komentar buat SEO juga hehehhee

    BalasHapus
  68. Setuju banget tuh..Halaman posting di sebelah kiri memang lebih disukai oleh search engine.

    salam sukses bos

    BalasHapus
  69. Hi..saya suka articke anda ,terimakasih.

    BalasHapus
  70. Struktur yang bagus emang harus seperti itu yah. Thanks untuk infonya pak.

    BalasHapus
  71. Artikel yang bagus, terima kasih infonya Mas!

    BalasHapus
  72. oh iya ya..
    keliatannya simple dan sering tdk diperhatikan..
    makasih uda ngasih tahu.. :-)

    BalasHapus
  73. Setuju mas ...
    harus pintar2 melayout tampilan aja biar blognya tetap kelihatan menarik ... :d

    BalasHapus
  74. Ya , setuju banget dan harus sering2 update

    BalasHapus
  75. Saya nilai artikelnya sangat berkualitasdan patut dibaca. Gak percuma saya berkunjungi ke blog Anda. Terima Kasih Mas!

    BalasHapus
  76. salam kenal penulis


    bolehkah saya menulis ulang postingnya

    BalasHapus
  77. Memang betul, untuk keprluan seo spider membaca dari kiri atas lalu ke kanan bawah. ini nformasi sangat mudah di terima dengan penjelasan sampean diatas. karena da gamabranya. Salam kenal

    Oh ya sekalin nitip SDSA ya

    BalasHapus
  78. Wah.. infonya sangat bermanfaat.. thanks

    BalasHapus
  79. info ne jos tenan , tak bookmark yoo

    BalasHapus
  80. Artikelnya bagus, Salam kenal

    BalasHapus
  81. Wah, udah bagus banget nih infonya.
    Makasi ya mas!

    BalasHapus
  82. Mantabs... coba dl bro.... blog baru nie sp th dengan inpo ini bisa dpt PR hehehhe...

    BalasHapus
  83. Makasih mas infonya, apalagi sekarang ada kontes SEO degan kata kunci "astaga.com lifestyle on the netagar tampil di halaman pertama google-10 besar google ,kita harus mengetahui cara Search engine merayap ke situs kita. Info baru bagi saya yang masih pemula ini. Terima kasih.

    BalasHapus
  84. terima kasih atas infonya semoga bermanfaat bagi diri saya sendiri dan diri anda....

    BalasHapus
  85. artikel ini sesuai dengan hobi saya yaitu bagaimana supaya blog saya seo

    BalasHapus
  86. Wah... sekarang saya jadi tau cara kerjanya robot search engine. Terima kasih atas ilmunya.

    BalasHapus
  87. wah..nyerah aku mas...dah pasrah aja ama SEO...

    BalasHapus
  88. Saya baru tahu kalau Header di Blog dibaca pertamakali. Terimakasih.

    BalasHapus
  89. wah luar biasa.. kok gak pernah kepikiran yah sama saya kalau alurnya seperti itu... :)

    Makasih banyak ilmunya mas

    BalasHapus
  90. Hmmm... Sekian lama ngeblog baru tahu konsep ini... Thx sharingnya Mas... Masuk akal juga sih...

    BalasHapus
  91. TQ for Inponya gan
    Blgo walking

    BalasHapus
  92. Very nice info friend, thanks for sharing :-)

    BalasHapus
  93. Ohh ternyata posisi template wp juga mempengaruhi seo yah.
    Thanks jadi bertambah lagi ilmu seo

    BalasHapus
  94. hwewh??? saya gag ngerti mas... trus kalok blog saya gak saya isi header. apakah itu lebih baik??

    BalasHapus
  95. hmm interesting.. articlenya menarik. terutama tentang javascript dan SEOnya.

    BalasHapus
  96. sip lah desain yang seo ternyata kaya gini toh! baru tahu aku, hehehe

    BalasHapus
  97. wah... bagus banget idenya.. emang lagi bingung mau pake tempale baru..rencananya sih 3 kolom, ternyata seperti ini yang SEO friendly ya.. thx mas

    BalasHapus
  98. wah nice info..makasih sharingnya bos. sangat membantu seo websiteku nih...

    BalasHapus
  99. Very nice info friend, thanks for sharing

    BalasHapus
  100. Sepertinya teori SEO tersebut tidak termasuk algoritma perhitungan google. Dan kalaupun google/crawler membacanya dari atas ke bawah dan kiri ke kanan memang seperti itu dan tidak diperhitungkan dalam pagerank. Mungkin bisa diberikan petunjuk referensi resmi dari google.

    Terima Kasih
    Berita selebriti

    BalasHapus
  101. ya, saya sudah menyadarinya, karena urutan posisi kode php, xml maupun html biasanya urut dari header kemudian kearah sisi kiri blog

    BalasHapus
  102. saya butuh banyak belajar lagi SEO. Ada rekomendasi?

    BalasHapus

Silahkan tanggapi tulisan ini. Blognya firdaus mendukung "DO FOLLOW". Artinya, Setiap komentar yang diberikan, akan dibalas dengan backlink dari sini.
(Jangan buang-buang waktu dengan melakukan SPAMMING. Komentar yang ber'bau' SPAM akan dihapus.)