Belajar SEO, Web Standards and Usability-based Techniques

June 20, 2008 – 01:03 by Dani Iswara. Words count: 762.
Last updated: Sunday, February 22, 2009 at 9:11.

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.. :)

Just unessential weblog
Dani Iswara, mail me: [myfirstnamelastname]@gmail.com or use contact form.

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

Unimportant Related/Random Posts

You may also read list of most popular posts and most popular tags of Dani Iswara .Net.

30 Responses to post titled: Belajar SEO, Web Standards and Usability-based Techniques

  1. Comment by Annie on June 20, 2008 at 10:52:33
    using Mozilla Firefox 2.0.0.8 on Windows XP

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

  2. Comment by imsuryawan on June 20, 2008 at 12:22:42
    using Mozilla Firefox 2.0.0.14 on Windows XP

    kok tadi error pas mau isi komen?

  3. Comment by Deni Pradana on June 20, 2008 at 14:53:06
    using Mozilla Firefox 2.0.0.14 on 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. Comment by dani on June 20, 2008 at 15:21:52
    using Opera 9.50 on GNU/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. Comment by Deni Pradana on June 20, 2008 at 16:20:37
    using Mozilla Firefox 2.0.0.14 on Windows XP

    ic, txs ;)

  6. Comment by Deddy on June 22, 2008 at 20:01:13
    using Mozilla Firefox 2.0.0.14 on Windows XP

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

  7. Comment by dani on June 22, 2008 at 21:29:12
    using Mozilla Firefox 3.0 on GNU/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

  8. Comment by Halim - Belajar SEO on June 25, 2008 at 00:21:13
    using Mozilla Firefox 2.0.0.14 on Windows XP

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

  9. Comment by dani on June 25, 2008 at 08:22:06
    using Mozilla Firefox 3.1a1pre on GNU/Linux

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

  10. Comment by belajar seo on June 25, 2008 at 10:32:53
    using Internet Explorer 7.0 on Windows XP

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

  11. Comment by Dani Iswara on June 26, 2008 at 00:24:50
    using Mozilla Firefox 2.0.0.14 on GNU/Linux

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

  12. Comment by Pandu on July 2, 2008 at 12:31:59
    using Mozilla Firefox 2.0.0.14 on Windows 2000

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

  13. Comment by Dani Iswara on July 9, 2008 at 10:15:15
    using Mozilla Firefox 3.0 on GNU/Linux

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

  14. Comment by Mr. Khairilhusni on July 13, 2008 at 11:45:23
    using Mozilla Firefox 2.0.0.15 on Windows Vista

    susah juga ya pak mau belajar seo

  15. Comment by dani on July 13, 2008 at 11:53:41
    using Mozilla Firefox 2.0.0.15 on GNU/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..

  16. Comment by Devid Haryalesmana on August 31, 2008 at 08:57:16
    using Mozilla Firefox 3.0 on Windows XP

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

  17. Comment by Dani Iswara on August 31, 2008 at 16:52:32
    using Mozilla Firefox 3.0.1 on 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..

  18. Comment by anton on September 22, 2008 at 04:19:59
    using Mozilla Firefox 3.0.1 on Windows XP

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

  19. Comment by @del on January 10, 2009 at 02:06:27
    using Opera 9.23 on Windows XP

    SEO is important for web and financial. Sure, we have a blog or web for getting popularity to introduce product. So, THAT is IMPORTANT

  20. Comment by dani on January 10, 2009 at 08:00:08
    using Mozilla Firefox 3.0.5 on Gentoo Linux

    - @del:
    actually I don’t know SEO exactly
    afaik, it is related to visitors
    in other words, it’s kind of SEO experts vs search engines (Google) :D

  21. Comment by Evyta on February 10, 2009 at 07:50:32
    using Mozilla Firefox 3.0.6 on Windows XP

    Actually what you wrote above are all SEO techniques. That’s why I say that SEO is very wide fields. SEO is naturally backlinks (because if it’s not natural, google doesn’t like it). SEO is good and usefull contents, good design, easy to read. SEO is science, using algorithm and calculation, statistic, etc.

    There are ethical and un-ethical technique in SEO. Some people use un-ethical doesn’t mean that SEO isn’t usefull, don’t make it general for all. Most of people use white hat SEO, ethical one. And this is very usefull for many people. Actually we should learn more about SEO, so that we can say another perspective about it from all side :)

  22. Comment by Dani Iswara on February 10, 2009 at 08:14:11
    using Mozilla Firefox 3.0.6 on Gentoo Linux

    - Evyta:
    I guess SEO should be based on web standard, accessibility, and usability…then, the rest maybe we need a truly SEO :)

    Ya, I’ve read some negative talks about SEO, they are spamming search engines with a non-ethical way, and there is google against them :D

  23. Comment by Bisnis di internet on September 28, 2009 at 22:29:29
    using Opera 10.00 on Windows XP

    Seo memang perlu banget untuk dikuasai bagi webmater dan marketer online.

Trackbacks/Pingbacks

  1. Pingback by Semantik XHTML, Aksesibilitas, SEO - Dani Iswara .Net on June 24, 2008 at 14:08:26
    using WordPress 2.5.1

    [...] Google memperhitungkan standar web, aksesibilitas dan validitas X/HTML-CSS? Tentu saja kualitas isi / konten web dan blog di mata mesin pencari (mis. Google PageRank™) masih berdasarkan perhitungan jumlah taut berkualitas yang diterima suatu situs. Posisi di halaman hasil pencarian search engines (SERPs) memiliki algoritma tertentu (rahasia dapur mesin pencari). Penerapan yang mengarah semantik tentu tidak akan merugikan pembaca dan mesin pencari. Jika dilihat dari sisi pengguna, bisa juga menerapkan Belajar SEO, Web Standards and Usability-based Techniques. [...]

  2. Pingback by Standar Web, Membaca Cepat, SEO - Dani Iswara .Net on June 24, 2008 at 14:08:42
    using WordPress 2.5.1

    [...] jika disusun secara semantik, selain memudahkan pembaca mencerna tulisan keseluruhan, sedikit banyak juga berperan dalam SEO. Lihat juga Belajar SEO, Web Standards and Usability-based Techniques. [...]

  3. Pingback by Belajar SEO dan Aksesibilitas Web - Dani Iswara .Net on June 24, 2008 at 14:09:00
    using WordPress 2.5.1

    [...] informasi diperbaharui di Belajar SEO, Web Standards and Usability-based Techniques.Mohon koreksi saya dan blog Dani Iswara .Net ini! Semua isi tulisan di situs ini tentu belum mampu [...]

  4. Pingback by Mencoba SearchStatus Firefox - Dani Iswara .Net on June 24, 2008 at 14:10:03
    using WordPress 2.5.1

    [...] untuk menemukan informasi yang tepat? Jika berfokus pada pengguna, mungkin lebih baik mencoba Belajar SEO, Web Standards and Usability-based Techniques. Share : These icons link to social bookmarking sites where readers can share and discover new [...]

  5. Pingback by Penilaian Lomba Blog Kesehatan-Kedokteran - Dani Iswara .Net on June 24, 2008 at 14:10:37
    using WordPress 2.5.1

    [...] atau tidak lomba, tidak ada salahnya mencoba Belajar SEO, Web Standards and Usability-based Techniques. Share : These icons link to social bookmarking sites where readers can share and discover new [...]

  6. Pingback by Blog Competition, SEO Contest, Physician 2.0 Award - Dani Iswara .Net on July 17, 2008 at 19:35:58
    using WordPress 2.6

    [...] my previous post about Belajar SEO, Web Standards and Usability-based Techniques (Dani Iswara .Net weblog), there are Malaysian bloggers leave a comments. I read their comments [...]

  7. Pingback by Scored 100 by SEO Analyzer - Dani Iswara .Net on January 25, 2009 at 02:28:03
    using WordPress 2.7

    [...] Some of those criterias would be useful for Belajar SEO, Web Standards and Usability-based Techniques. [...]

Sorry, for some reasons (sometimes due to sp*ms attack), the comment form is closed at this time. If You have any suggestions, please contact me. Thank you.

Dani Iswara .Net

Return to TOP
›› Older entries: Mobile and Ubiquitous Learning in Edufiesta Blog
‹‹ Newer entries: Beda Tes Section 508 versi ATRC dan CynthiaSays