Belajar SEO, Web Standards and Usability-based Techniques

June 20, 2008 – 1:03 am by Dani Iswara

Belajar SEO (Search Engine Optimization) is a term which I found on the web. They talk about SEO practices to increase SERPs ranking, traffic and money. I guess it is not that easy or difficult. Actually, I don’t understand the meaning of ‘true’ SEO from the SEM point of view. In my opinion, it shouldn’t just a tricky way, simple keyword research and analysis, emphirical study — personal point of view, Google guessing, buying links..but who knows..

Why don’t they start from the web standards, accessibility, usability techniques that delivered useful content / services for human (and machine too)? Who is your blog’s visitors / viewers or who is your targeted end users?

  1. Humans
    There are people with vision impairment, color blind, totally blind, elderly people, people with disabilities, mobile (device) users, bandwidth-aware users and users on slow Internet connection.
  2. Machines
    People may come through web / online search engines e.g. Google, Yahoo, MSN / Live.com. Some of them use screen readers or voice browsers, touch-screen browsers, modern and (W3C) standards compliant browsers such as Opera, Firefox (Gecko-based: Mozilla, Flock, Swiftfox, Iceweasel, etc), Safari (Webkit-based: Konqueror). Most of users still use an old and non-standards compliant browsers such as Internet Explorer (IE 5, IE 6). Don’t forget people on Linux machines with no proprietary fonts (MS fonts; msttcore-fonts is available to resolve this problem). The rest are feed readers, small screen devices, printers, projectors and label-filtered softwares.

I’ll updated if I missed something..

Based on those principals, here are some important things. The web pages should:

  • viewable
  • navigable
  • accessible
  • useable
  • useful

Some concept has already posted on Dani Iswara .Net blog titled Belajar SEO dan Aksesibilitas Web in Bahasa Indonesia.

Understanding User Needs to Learn SEO

In more detail we can say:
First impression, overall design look with the proper graphic design and fast loading (remember of file sizes, http request, compression) will make user to stay and decided to browse deeper. Displayed properly on all browsers with any screen resolution (wide and small screen) is suggested. Use plugin if needed.
Consistent and accessible navigation links are a must. Provides text links, not just image or javascript-based. User’s eye will be more comfortable with the artistic color schemes and safe color contrast. Visually impairment users will read and suggest text (within the text content) with the underline as a link. People with disabilities (who can’t use mouse) will use tab keys (keyboard access keys) to move within the links or sections. Changing color on focusing and hovering (:focus, :hover; CSS code) will be useful. Links should have a relevant content and describes clearly, not just “click here”. Web safe fonts (e.g. sans-serif, serif, monospace), left aligned and resizeable text are more usable as the best practice on the web.

Readers (human) usually don’t have a time to read a ‘book’ or long content on the online web pages, especially for user with time-based Internet connection. Some user will choose to save the page. Remember that several characters on title or post title are difficult to save. Try to save the post title that contains the separator: ยป, @, | and -. The last two (with space in words) is most useful in SEO but ” - ” (single dash) is more usable, I guess..
Users will use a kind of fast reading techniques like scanning and skimming. See Standar Web, Membaca Cepat, SEO in Bahasa Indonesia. Here we need semantic X/HTML correctly markup. See Semantik XHTML, Aksesibilitas, SEO (Indonesia). Some special text such as title, h1, h2-h6, strong text, emphasized, anchor links, first and last sentences or paragraphs will be helpful to catch the main idea of the web pages. Efficient keywords as special text will be useful for search engine crawlers. Webagogo use those rules on their SEO score and ICRA label for the web safe content. More detail on Catatan Analisis Blog versi Webagogo (Indonesia). Search engine crawlers are as blind as screen readers. Always provides alternative text (e.g. alt, descriptive text) for images, animation, user / client-side script (javascript; use noscript code if possible) and multimedia content such as flash, sound, MP3, video, map, etc.

In the long term, Belajar SEO using web standards, semantic X/HTML, web accessibility / usability has the advantage (positive ’side effect’ or bonus): backward compatibility with the web browser / screen reader technology, better Google’s PageRank and SERPs.

Help readers (and machines) to understand the quality content. Then you can receive money natural backlinks fairly.. :)

Share :
  • Digg
  • del.icio.us
  • Facebook
  • Google
  • Live
  • Technorati
  • YahooMyWeb
  • Furl
  • Ma.gnolia
  • NewsVine
  • StumbleUpon

Last updated: Friday, June 20, 2008 at 3:05 pm

You are free to share (copy, distribute and transmit) this blog post under the similar license (Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Unported; CCA-NC-ND 3.0 Unported). Please put these link on your copy:
Taken from: Belajar SEO, Web Standards and Usability-based Techniques by Dani Iswara (Dani Iswara .Net).

24 Responses (6 Trackback/s) to “Belajar SEO, Web Standards and Usability-based Techniques”

1. By ur-icon Annie on Jun 20, 2008 at 10:52:33
Using Mozilla Firefox Mozilla Firefox 2.0.0.8 on Windows Windows XP

hmmm…. annie mo coba tapi lom ngerti juga…:(

2. By ur-icon imsuryawan on Jun 20, 2008 at 12:22:42
Using Mozilla Firefox Mozilla Firefox 2.0.0.14 on Windows Windows XP

kok tadi error pas mau isi komen?

3. By ur-icon Deni Pradana on Jun 20, 2008 at 14:53:06
Using Mozilla Firefox Mozilla Firefox 2.0.0.14 on Windows Windows XP

it’s like compare and balancing for both human and machine language (cmiiw). some procedure is still difficult for people’s like me, about technique languages such as convert HTML to XHTML, CSS 1.0 to CSS 2.0, i need a little time, i guess. but, i’ll try, step by step ;) for better blog, i was repaired some TITLE=”" and ALT=”" and the result is.. not bad :D
mas Dani, thanks for your information, very useful for me. money?? hee.. hee.. :D
keep sharing! ;)

4. By ur-icon dani on Jun 20, 2008 at 15:21:52
Using Opera Opera 9.50 on Linux Linux

- Annie:
perlu ngga perlu, bole kok dicoba kapan2.. :)

- imsuryawan:
mungkin yg input identitas komen itu ya bli..

- Deni Pradana:
there are many tips n tricks to convert your graphic design to standards compliant X/HTML and CSS..try Google..
title, alt, semantic and meaningful h1-h6 on the post are more than enough for wp.com blog.. :)

5. By ur-icon Deni Pradana on Jun 20, 2008 at 16:20:37
Using Mozilla Firefox Mozilla Firefox 2.0.0.14 on Windows Windows XP

ic, txs ;)

6. By ur-icon Deddy on Jun 22, 2008 at 20:01:13
Using Mozilla Firefox Mozilla Firefox 2.0.0.14 on Windows Windows XP

For me, SEO is too complicated… Sometime I just think that maybe internet world is better without SEO…

7. By ur-icon dani on Jun 22, 2008 at 21:29:12
Using Mozilla Firefox Mozilla Firefox 3.0 on Linux Linux

- Deni Pradana:
ur welcome

- Deddy:
can you imagine that the great content with no h1-h6, just plain, with many backlinks..rank higher on google..

or almost no great content..just 1 short paragraph which is an excerpt from the other not-so-popular sites..rank higher on serps..

ya agree with you..send to trash bin for the ‘tricky’ seo.. :D

13. By ur-icon Halim - Belajar SEO on Jun 25, 2008 at 00:21:13
Using Mozilla Firefox Mozilla Firefox 2.0.0.14 on Windows Windows XP

Saya juga masih belum mengerti sama itu seo, agak sukar kerana sumber utamanya semua dari english.

14. By ur-icon dani on Jun 25, 2008 at 08:22:06
Using Mozilla Firefox Mozilla Firefox 3.1a1pre on Linux Linux

- Halim - Belajar SEO:
:) apalagi saya..selamat berlomba..nanti bagi2 tipsnya ya..

15. By ur-icon belajar seo on Jun 25, 2008 at 10:32:53
Using Internet Explorer Internet Explorer 7.0 on Windows Windows XP

i love organic traffic. thats why “belajar seo” is important :D . just my 2 cent

16. By ur-icon Dani Iswara on Jun 26, 2008 at 00:24:50
Using Mozilla Firefox Mozilla Firefox 2.0.0.14 on Linux Linux

- belajar seo:
mmm..another participant..u should share your seo tips :)

17. By ur-icon Pandu on Jul 2, 2008 at 12:31:59
Using Mozilla Firefox Mozilla Firefox 2.0.0.14 on Windows Windows 2000

Belajar SEO itu ternyata tidak gampang. Butuh kesabaran dan kejelian. Kalo salah menerapkan, bisa-bisa malah kena penalty. Makasih atas sharingnya, Om…

18. By ur-icon Dani Iswara on Jul 9, 2008 at 10:15:15
Using Mozilla Firefox Mozilla Firefox 3.0 on Linux Linux

- Pandu:
kalo ketatnya google dan mesin pencari lainnya jd memudahkan pengguna, ya.. enak jg ya.. :)

19. By ur-icon Mr. Khairilhusni on Jul 13, 2008 at 11:45:23
Using Mozilla Firefox Mozilla Firefox 2.0.0.15 on Windows Windows Vista

susah juga ya pak mau belajar seo

20. By ur-icon dani on Jul 13, 2008 at 11:53:41
Using Mozilla Firefox Mozilla Firefox 2.0.0.15 on Linux Linux

- Mr. Khairilhusni:
lbh susah lg kalo ternyata yg kita optimasi jd krg sreg bagi pembaca..ya itu tugas google dan mesin pencari jg kan.. :D
selamat berlomba..

22. By ur-icon Devid Haryalesmana on Aug 31, 2008 at 08:57:16
Using Mozilla Firefox Mozilla Firefox 3.0 on Windows Windows XP

Wuihh…situsnya kayaknya banyak scriptnya! Tapi sayang desaignnya membosankan mas! Hehehe… Maap loh! Numpang lewat doank!

23. By ur-icon Dani Iswara on Aug 31, 2008 at 16:52:32
Using Mozilla Firefox Mozilla Firefox 3.0.1 on Gentoo Linux Gentoo Linux

- Devid Haryalesmana:
alo mas devid..emangnya knapa mas..lambat aksesnya ya..mungkin di server-nya lg trouble kemarin2 ini..kl script sptnya ngga jg..bs dicek di www dot websiteoptimization.com/services/analyze/index.html

Total HTTP Requests: 13
Total Size: 54549 bytes

blog jelek saya ini ngga ada javascriptnya malah.. :D cuman x/html+css terkompresi..

iya nih mas..bosen jg saya..ngga bs desain weblog soalnya..baiknya gemana ya mas devid..

24. By ur-icon anton on Sep 22, 2008 at 04:19:59
Using Mozilla Firefox Mozilla Firefox 3.0.1 on Windows Windows XP

Maaf mas saya tidak begitu tahu dengan bahasa inggris. Jadi tidak begitu mengeti arti tulisan..

6 Trackback(s)

  1. Jun 24, 2008: Semantik XHTML, Aksesibilitas, SEO - Dani Iswara .Net - Using WordPress WordPress 2.5.1
  2. Jun 24, 2008: Standar Web, Membaca Cepat, SEO - Dani Iswara .Net - Using WordPress WordPress 2.5.1
  3. Jun 24, 2008: Belajar SEO dan Aksesibilitas Web - Dani Iswara .Net - Using WordPress WordPress 2.5.1
  4. Jun 24, 2008: Mencoba SearchStatus Firefox - Dani Iswara .Net - Using WordPress WordPress 2.5.1
  5. Jun 24, 2008: Penilaian Lomba Blog Kesehatan-Kedokteran - Dani Iswara .Net - Using WordPress WordPress 2.5.1
  6. Jul 17, 2008: Blog Competition, SEO Contest, Physician 2.0 Award - Dani Iswara .Net - Using WordPress WordPress 2.6

Post a Comment

You may read again from the Top

  • Strict XHTML (semantic markup) tags allowed (see Site Help - Leaving Comment)
  • All tags must be properly closed
  • Comment contains some words (eg. URLs) will be held in moderation
  • Paragraphs and line breaks are automatically converted
  • Keep relevant. Inappropriate comments may be edited, moderated, or removed
  • To have image beside your comment, get Gravatar!