Saavutettavuus ja hakukoneoptimointi

Saavutettavuus ja hakukoneoptimointi (SEO) saattavat tuntua erillisiltä prioriteeteilta, mutta niillä on yhteinen tavoite: kaikkien käyttäjien käyttökokemuksen parantaminen. Saavutettavuus varmistaa, että vammaiset voivat käyttää verkkosivustoja, kun taas hakukoneoptimointi keskittyy siihen, että hakukoneet löytävät sisällön. Yhdessä ne muodostavat tehokkaan synergian, sillä monet saavutettavuutta parantavat käytännöt parantavat myös hakunäkyvyyttä.

Missä saavutettavuus ja hakukoneoptimointi tukevat toisiaan

On monia tapauksia, joissa saavutettavuus ja hakukoneoptimointi tukevat toisiaan todella hyvin. Nämä ovat vain muutamia niistä.

Semanttinen HTML

Semanttinen HTML auttaa sekä avustavia teknologioita että käyttäjiä ymmärtämään sivun rakennetta. Semanttisten tunnisteiden, kuten <header>, <article> ja <nav>, käyttäminen tarjoaa asianmukaisen sivun rakenteen.

Otsikoiden käyttö

Sisällön jäsentäminen selkeillä otsikoilla auttaa käyttäjiä navigoimaan sisältöä. Myös hakukoneet ymmärtävät sisällön hierarkian paremmin.

Kuvailevat linkki- ja painiketekstit

Tarjoa linkille enemmän kontekstia käyttämällä ”lue lisää tästä tärkeästä aiheesta” -tekstin sijasta ”lue lisää tästä tärkeästä aiheesta” -tekstiä.

Jos linkki tai painiketeksti on ymmärrettävissä sellaisenaan riippumatta siitä, missä yhteydessä se on, sitä parempi se on.

Sekä käyttäjät että hakukoneet hyötyvät selkeistä ja kuvaavista linkkiteksteistä.

Kuvien alt-teksti

Vaihtoehtoiset tekstit auttavat ruudunlukijan käyttäjiä ymmärtämään kuvia. Myös hakukoneet voivat lukea vaihtoehtoisen tekstin.

Transkriptit ja kuvatekstit

Kuvatekstien ja transkriptien tarjoaminen auttaa käyttäjiä ymmärtämään videosisältöä. Niiden avulla myös hakukoneet voivat indeksoida kyseisen sisällön. Hakukoneet eivät voi indeksoida videosisältöä.

Taulukoiden saavutettavuus

Vaikka taulukot ovat hyvin usein ongelmallisia saavutettavuuden kannalta, semanttisesti oikein luodut taulukot auttavat sekä käyttäjiä että ruudunlukuohjelmia ymmärtämään taulukkomuotoisen tiedon suhteita ja hierarkiaa.

Mobiiliystävällinen suunnittelu

SEO-näkökulmasta responsiivinen suunnittelu ja mobiilioptimointi on suositeltava tapa rakentaa palveluja. Tämä hyödyttää myös saavutettavuutta, koska responsiivinen suunnittelu tukee paremmin esimerkiksi zoomausta.

Sivun latausnopeus

Saavutettavuuden optimointi parantaa sivun latausnopeutta. Ja siitä on hyötyä myös SEO:lle.

Selkeä ja johdonmukainen navigointi

Selkeä ja ennustettava navigointi auttaa käyttäjiä löytämään tiensä sivustolla. Se parantaa myös indeksoitavuutta, koska hakukoneet suosivat selkeää sivustorakennetta.

Missä esteettömyys ja hakukoneoptimointi eivät ehkä ole linjassa keskenään

Valitettavasti on tapauksia, joissa SEO ja saavutettavuus eivät sovi yhteen, ainakaan kovin hyvin.

Avainsanatäytteinen teksti

Joskus SEO-asiantuntijat suosittelevat sisällön täyttämistä avainsanoilla, esimerkiksi otsikoiden tai pääsisällön alussa tai joskus jopa kuvien vaihtoehtoisissa teksteissä. Saavutettavuuden kannalta sisällön painopiste on selkeydessä ja hyödyllisyydessä, mikä saattaa olla ristiriidassa avainsanojen käytön kanssa.

Tyhjä alt-teksti

SEO ei hyödy lainkaan tyhjistä vaihtoehtoteksteistä. Mutta saavutettavuuden kannalta tyhjä vaihtoehtoinen teksti mahdollistaa sen, että ruudunlukijat voivat ohittaa kuvat. Tyhjä alt-teksti on yksi tapa merkitä koristeellisia kuvia.

Usein selkeä ja hyvä alt-teksti koristeellisessa kuvassa ei ole niin haitallinen saavutettavuuden kannalta, joten kompromissi tässä saattaa olla vaihtoehto. Ota huomioon käyttäjät ja tee heille parasta sisältöä.

Ponnahdusikkunat ja päällekkäisikkunat

Ponnahdusikkunoita ja päällekkäisikkunoita käytetään usein liidien keräämiseen. Ne voivat kuitenkin olla ongelmallisia saavutettavuuden kannalta, jos niitä ei toteuteta oikein. Vaikka ne eivät ehkä olekaan ongelmallisia käyttäjien kannalta, jos ne on toteutettu oikein, valitettava totuus on, että toteutuksissa on usein ongelmia.