Inventive Design
8.1.2007 Lasse Larvanko

Onko sivustosi Da Vinci -koodia Googlelle?

Huono koodi estää käyttäjiä löytämästä ja käyttämästä sivujasi

Tärkein yksittäinen käyttäjäsi on vammainen. Se on hakukone Google. Hakukoneilla on selkeitä vaikeuksia ymmärtää huonosti toteutettuja sivuja.

Hakukoneet toimivat kuten muutkin käyttäjät, jos sivuja ei pysty lukemaan, ne poistuvat. Huonosti toteutettu koodi syrjii hakukoneiden lisäksi käyttäjiä, jotka tarvitsevat apuvälineitä, kuten ruudunlukulaitteita, sivujen lukemiseen tai kuuntelemiseen. Tällaiset apuvälineet tulkitsevat sivua hakukoneiden tavoin ja välittävät käyttäjälleen vain tietoa, mikä on tekstimuodossa.

Laadukas toteutus ei ota kantaa visuaalisuuteen, vain tapaan toteuttaa visuaalisesti näyttävät kokonaisuudet oikein tekstiselityksellä varustettuina niitä kaipaaville.

Esimerkki huonosta ja hyvästä koodaustavasta

Mikäli haluan otsikon näyttävämmän näköiseksi, saatan turvautua käyttämään kuvaa.

erinomainen_esimerkki.gif

Yllä näkyvän kuvan voin koodata kahdella tavalla. Huonosti:

<img src="kuva.gif" />

tai hyvin:

<img src="erinomainen_esimerkki.gif"
alt="erinomainen esimerkki" />

Oikealla tavalla koodattuna kaikki käyttäjät tulkitsevat kuvan merkityksen samoin. Visuaalisesti koodit tuottavat samannäköisen koodin suurelle osalle käyttäjistä. Sivuja sokeasti lukevat hakukoneet tulkitsevat kuvat samoin kuin visuaalisesti sivua tulkitsevat lihavoidun alt-atribuutin ansiosta. Alt-tekstiin kuvataan vaihtoehtoinen tapa tulkita kuva, silloin kun kuvaa ei ole mahdollista näyttää.

Verkkopalvelun laadun kannalta on tärkeää erottaa sivujen sisältö, visuaalisuus ja toiminnallisuus toisistaan. Näin kaikki käyttäjät, hakukoneet mukaan lukien pystyvät tulkitsemaan kaikkea sisältöä verkkosivuillasi.

Omien sivujen testaus

Miten tiedät onko sivusi hyvin toteutettu? Pystytäänkö niitä lukemaan päätelaitteista riippumatta? Ainoa oikea tapa näiden kysymysten ratkaisemiseksi on tehdä asiantuntija-arvio ja testata sivustoa oikeilla käyttäjillä. On kuitenkin olemassa ilmainen minuutin kestävä tapa testata sivusi koodin oikeellisuus.

Mene osoitteeseen validator.w3.org ja kirjoita lomakkeen kohtaan validate by url oman kotisivusi osoite, esimerkiksi www.inventive.fi. Katso tuloksia.

www-sivun rakenteen oikeellisuuden tarkastaja validator.w3c.org.

Tulosten tulkitseminen

Saitko tulokseksi onnitteluviestin “This Page Is Valid XHTML 1.0 Strict!” tai vastaavaa? Mikäli sait, hienoa, sivusi ovat todennäköisimmin toteutettu hyvien suunnitteluperiaatteiden mukaisesti. Tämä tarkoittaa, että kaikki käyttäjät ja hakukoneet pystyvät lukemaan sivuasi. Mikäli et, olet huomattavassa haitta-asemassa niihin joiden sivut toimivat World Wide Web Consortiumin (w3c) suositusten mukaisesti.

Virheiden laatu ja määrä

Virhetekstit ovat vaikealukuisia, mutta onneksi virheiden tulkintaan on hyvä näppituntumaneuvo: Älä lue virheilmoituksia vaan katso kuinka paljon niitä on. Mikäli lista on erityisen pitkä ja joudut rullaamaan ruutuasi pitkään ennen sivun loppuun pääsyä ,on virheitä todennäköisesti liikaa. Huonosti toteutetut sivut aiheuttavat huomattavaa haittaa, niin saavutettavuudelle, löydettävyydelle kuin selainyhteensopivuudelle.

Validointivirheet, eli poikkeamat w3c:n suosituksista, ovat hieman samankaltaisia kuin kirjoitusvirheet. Muutama pieni virhe ei häiritse kokonaisuuden ymmärtämistä, mutta saattaa antaa epäammattimaisen kuvan. Suuri määrä virheitä tai liian vakavat virheet, kuten kuvien käyttäminen korvaamaan tekstiä ilman vaihtoehtoista versiota, saattavat muuttaa koko sisällön lukukelvottomaksi. On tapauksia, joissa yksittäisiä virheitä voi jättää koodiin selainten erilaisen sisällön tulkinnan takia, mutta nämä ovat yksittäisiä poikkeustapauksia.

Mikäli virheitä on ruudulla niin vähän, että voit ne peittää näkyvistä yhdellä kädellä, on virheiden määrä todennäköisesti vain vähän haitallista. Tällöin voit tutkia muutamaa alasivuasi; ja tarkistaa mitä validaatori sanoo niistä. Mikäli mistään ei löydy muutamaa virhettä enempää ovat sivusi paremmassa kunnossa kuin suomalaisilla keskimäärin.

Tarvitsetko apua?

Mikäli tarvitset apua virheiden tutkinnassa ota yhteyttä. Inventive auttaa tulkitsemaan virheitä ja niiden vakavuutta. Mietitään yhdessä mahdollisia jatkotoimenpiteitä ja hakukoneoptimointi mahdollisuuksia.

Kommentit

6 kommenttia artikkelista “Onko sivustosi Da Vinci -koodia Googlelle?”

Tilaa tämän artikkelin kommentit RSS-syötteenä

  1. Inventive Design | Viimeinkin selvyys hakukoneoptimoinnista http://www.inventive.fi/viimeinkin-selvyys-hakukoneoptimoinnista/

    [...] Testaa onko sivustosi Da Vinci -koodia Googlelle. [...]

  2. Inventive Design | Kuinka pääsin Googlen ensimmäiselle sivulle viikossa – hakukoneoptimointi kannattaa http://www.inventive.fi/kuinka-paasin-googlen-ensimmaiselle-sivulle-viikossa-%e2%80%93-hakukoneoptimointi-kannattaa/

    [...] Testaa onko sivustosi Da Vinci -koodia Googlelle. [...]

  3. Inventive Design | 10 asiaa jota olet aina halunnut tietää verkkosuunnittelusta, mutta et ole jaksanut Googlata http://www.inventive.fi/10-asiaa-jota-olet-aina-halunnut-tietaa-verkkosuunnittelusta-mutta-et-ole-jaksanut-googlata/

    [...] Verkkopalvelun saavutettavuudella tarkoitetaan yhdenvertaista mahdollisuutta palvelun käyttöön ja osallistumiseen. Tämä saavutetaan esteettömillä sivuilla, joiden käyttö onnistuu erilaisilta ihmisiltä ja eri päätelaitteilla. Saavutettavuus ei siis tarkoita vain esimerkiksi sokeiden tai liikuntaesteisten palvelua. Yhä enemmissä määrin se tarkoittaa myös erilaisten koneiden ja päätelaitteiden palvelemista. Lue Onko sivustosi Da Vinci –koodia Googlelle. [...]

  4. Inventive Design | Kuinka ratkaiset verkkopalveluiden laatuongelmat http://www.inventive.fi/kuinka-ratkaiset-verkkopalveluiden-laatuongelmat/

    [...] Verkkopalvelun rakenteen, oli se sitten html tai xhtml, onnistuu osoitteessa validator.w3.org. Kerroin tästä jo artikkelissa Onko sivusi Da Vinci-koodia Googlelle. [...]

  5. 10 suosituinta artikkelia internet-markkinoinnista | Inventive Design http://www.inventive.fi/10-suosituinta-artikkelia-internet-markkinoinnista/

    [...] Onko sivustosi Da Vinci -koodia Googlelle? [...]

  6. Sokeakin näkee tämän sivun eli saavutettavuus hakukoneoptimoinnin kylkiäisenä – Tulos http://www.tulos.fi/artikkelit/sokeakin-nakee-taman-sivun/

    [...] Onko sivustosi Da Vinci -koodia Googlelle? [...]

Kommentoi

pakollinen

pakollinen, mutta ei tule näkyviin

Voit käyttää seuraavia elementtejä kommenteissa: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Tärkein yksittäinen käyttäjäsi on vammainen."



Sivun alkuun