Kuinka parantaa verkkosivustosi saavutettavuutta + SEO

Löydä paikka, jossa saavutettavuus ja SEO onneksi rinnalla

Se ei ole myytti - on joitain alueita, joissa hakukoneoptimointi ja esteettömyydet voivat olla risteyttäviä. Luotto: Unsplash

Hakukoneoptimointi (SEO) ja verkkosivustojen saavutettavuus eivät ole sama asia. On olemassa erilaisia ​​sääntöjä, joita eri kohderyhmät kohdennetaan, ja erilaisia ​​tapoja testata kunkin tehokkuus.

Verkkosivusi optimoiminen hakukoneiden robotteja varten ei tarkoita, että se on automaattisesti saatavissa myös todellisille ihmisille. Jotkut SEO-käytännöt voivat jopa vahingoittaa verkkosivustosi pääsyä.

Se ei kuitenkaan ole kaikki huonoja uutisia, joillakin alueilla kaksi maailmaa ovat päällekkäin. Jos sinulla on rajoitettu budjetti ja / tai aikataulu projektille, kohdistaminen näihin kuuteen alueeseen * voi parantaa samanaikaisesti sekä hakukoneoptimointia että verkkosivustojen saavutettavuutta.

* Huomaa: Tässä artikkelissa keskitytään päällekkäisyyksiin. Jokainen erityinen tehtävä kullakin alla olevalla alueella voi kohdistaa enemmän SEO: ta, jotkut tehtävät voivat kohdistua esteettömyyteen enemmän.

Varoitus: parrakas hipsteripizzakaveri metsästää sinua ja pakottaa sinut juomaan kylpyammeessään tekemän käsityönä valmistetun haun, jos aliarvioi käyttöliittymän merkitystä hakukoneoptimoinnin ja verkkosivustojen saavutettavuuden kannalta. Luotto: Unsplash

Rakenneasiat

Älä aliarvioi hyvän käyttöliittymän (UI) tehoa. Verkkosivustot, joissa on puhdas, selkeä ja johdonmukainen käyttöliittymä, ovat erityisen hyviä hakukoneiden robotille ja ihmisille, jotka käyttävät apuvälineitä tai jotka käyttävät vain näppäimistöä. Ajattele sitä - jos käyttäjä tai robotti ei löydä sivua, miten he voivat lukea tai olla vuorovaikutuksessa sen kanssa? Sinun on tehtävä sivujen löytämisestä ja verkkosivuston kanssa vuorovaikutuksesta mahdollisimman helppoa.

Parhaat käytännöt

  • Suunnittele navigointi ja sivun asettelu selkeällä ja johdonmukaisella tavalla, ja sinulla on useita tapoja löytää sisältöä (esim. Haku, sivukartta, sisällysluettelo). Hakukoneiden robotit pitävät hyvin järjestetystä verkkosivustoarkkitehtuurista, joka johtaa heidän indeksoimaan sisältösi merkityksellisemmällä tavalla.
  • Jos verkkosivustosi on vaikea navigoida tai käyttää, se voi vaikuttaa käyttäjän analyyttisiin tilastoihin, mukaan lukien - verkkosivuston aika, katsotut sivut ja poistumisprosentti. Tämä voi puolestaan ​​vahingoittaa SEO-sijoitusta. Ainakin se ärsyttää käyttäjiä.
  • Vältä CSS: n tai muun tyylimerkinnän käyttämistä merkityksen välittämiseen. Älä koskaan “väärentä” elementtiä, jonka tulisi käyttää HTML-merkintää.
  • Käytä tarvittaessa käytettäviä HTML 5 -sivuelementtejä, kuten ,
    ,
    , . Nämä elementit kuvaavat enemmän hakukoneiden robotteja ja avustavia tekniikkalaitteita, sitten tavallisia
    tai

    ​​elementtejä.

Tunnisteet, tunnisteet, kaikkialla tunnisteet. Käsintehdyt erikokoiset ja -väriset pakkaustunnisteet. Luotto: Unsplash

Tunnisteiden oikea käyttö

Verkkosivustosi sisältö voidaan pääosin keittää HTML-merkintään, mukaan lukien tunnisteet, joita käytetään sivusi otsikoihin (ei pidä sekoittaa

-tageihin). Tunnisteiden

ja

selaaminen voi antaa käyttäjälle tai hakukoneelle robotin yleiskuvan sivusta ja sen sisällön rakenteesta, kun taas

-

-tunnisteet tarjoavat nopean käsityksen kunkin osion yksityiskohdista. . Sekä verkkosivustojen saavutettavuudelle että SEO: lle on tärkeää saada nämä tunnisteet oikein.

Parhaat käytännöt

  • Pidä otsikkotunnisteet johdonmukaisina ja älä tyyli vain tekstiä otsikoiden visuaalisen ilmeen antamiseksi - käytä varsinaisia ​​otsikkotunnisteita. Muutoin hakukoneiden robotit ja käyttäjät eivät tiedä mikä sisältö on tärkein.
  • Otsikkotunnisteiden tulisi olla kunnossa. Tämä tarkoittaa, että

    seuraa

    ,

    seuraa

    tai

    ja niin edelleen.

  • Vältä otsikkotunnisteiden ohittamista, kun siirryt alas järjestyksessä verkkosivustolle. Älä esimerkiksi hyppää välillä

    -

    . Huomaa: On oikein ohittaa otsikkotunnisteet ylöspäin järjestyksessä (
    -

    ), jos aloitat uuden sivun osan.

  • Paras tapa on vain yksi

    sivua kohden. Ajattele

    -tageja olennaisesti ”toisen sivun otsikkotunnisteina”, jotka lähettävät osuvuussignaalin hakukoneiden robotteihin.

Harjoitus tekee mestarin. Urheilija lepää valkoisilla Adidas-kengillä ketjun aidalla. Luotto: Unsplash

Täydellinen linkkisi

Linkit voivat luoda tai hajottaa verkkosivun sekä hakukoneiden robotille että henkilöille, jotka käyttävät apuvälineitä, kuten näytönlukijoita. Sivun otsikoiden tarkistamisen jälkeen linkit ovat seuraava tärkein tekijä, jonka käyttäjät ja indeksoijat indeksoivat useimmiten, joten on tärkeää, että linkkisi ovat mahdollisimman täydellisiä.

Parhaat käytännöt

  • Varmista, että sinulla ei ole rikki linkkejä. Tätä voidaan pitää merkkinä SEO: n laiminlyödystä tai hylätystä verkkosivustosta. Se on myös huono verkkosivustojen saavutettavuuskäytäntö, joka voi turhauttaa / hämmentää käyttäjiä.
  • Käytä sisäisiä tunnistetyyppisiä linkkejä, mutta älä liioittele sitä. Yoast.com: n mukaan: "se parantaa hakukoneoptimointiasi linkittämällä yhden sisällön toiseen ja tarkemmin sanottuna viestiryhmän toisiinsa." Sen avulla käyttäjät pääsevät myös helposti samanlaiseen sisältöön yhdellä napsautuksella.
  • Anna kuvaava linkkiteksti. Vältä käyttämästä lauseita, kuten napsauttamalla tätä, ja lue lisää. Jos haluat käyttää näitä lauseita, voit pitää ne *, jos * lisäät linkkien lisätietoja visuaalisesti piilotettujen tai ARIA-menetelmien avulla.
  • Ohita kuvaavien otsikkomääritteiden lisääminen linkkeihisi (teksti, joka tulee näkyviin, kun hiiri linkin päälle). Linkkien otsikoiden lisääminen ei ole välttämättä väärin, mutta ei väitetysti ole kovin hyödyllistä joko SEO: n tai verkkosivustojen saavutettavuuden kannalta.
Sano juusto! Nainen vaaleanpunainen kukkapaita, jolla on retro Nikon-kamera. Luotto: Unsplash

Kuvan optimointi

Vaikka hakukoneiden robotit ja näytönlukijaa käyttävät ihmiset eivät "näe" perinteisessä merkityksessä, molemmat luottavat kuvan nimiin ja vaihtoehtoiseen tekstiin kertoakseen heille, mitä kuva kuvaa. Näiden elementtien pitäminen paikallaan on välttämätöntä sekä ympäröivän sisällön täydentämiseksi että yleisen käyttökokemuksen kannalta.

Parhaat käytännöt

  • Ole mahdollisimman johdonmukainen ja tarkka nimeäessäsi kuviasi. Älä esimerkiksi nimeä tiedostoa brown-puppy.jpg valokuvassa oranssista harmaakissasta.
  • Vältä muiden kuin aakkosmerkkien (esim. 7,%, &, $) käyttämistä ja käytä väliviivoja sanojen välillä alleviivojen sijasta kuvien nimissä tai vaihtoehtoisessa tekstissä. Kirjoita esimerkiksi orange-tabby-cat.jpg eikä 0r @ nge_t @ 66y_c @ t! .Jpg
  • Pidä vaihtoehtoinen teksti alle 125 merkkiä. Jos tarvitset lisää merkkejä, käytä otsikkotekstiä tai kuvaa kuvaa sivun päätekstialueella.
  • Kirjoita vaihtoehtoinen teksti kuten ihminen, ei robotti. Avainsanojen täyttö ei hyödy ketään - näytönlukijaa käyttävät ihmiset ovat harmittomia ja hakukoneiden robotit rankaisevat sinua. Älä vain tee sitä.
Panna mediasi toimimaan robotteja ja ihmisiä varten. Lähikuva kehrävästä soittimesta. Luotto: Unsplash

Täydennä mediaasi

Näkövammaiset (esim. Kohtaushäiriöt, sokeat), kuulo- ja kuulovammaiset (esim. Kuurot, kuulovammaiset), tilanne- / väliaikaiset vammaiset, ihmiset, joilla on heikko kaistaleveysyhteys, ja monet muut voivat hyötyä suuresti mediasta, joka näkyy esteettömässä tilassa tapa. Samoin hakukoneiden robotit on “poistettu käytöstä” siinä mielessä, että niillä ei ole silmiä, korvia tai käsiä, joten tällä alueella sekä SEO: lla että verkkosivustojen saavutettavuudella on jonkin verran päällekkäisyyttä.

Parhaat käytännöt

  • Vähemmän on enemmän. Rajoita monimutkaisten mediakomponenttien (esim. Diaesitykset, videot) käyttöä suunnittelussa aina kun mahdollista. Ei pelkoa ... on olemassa vaihtoehtoisia asetteluvaihtoehtoja.
  • Lisää selkeät, täydelliset ja tiiviit tekstikuvaukset ja merkinnät välttämättömiin tietovälineisiin. Ajattele kahdesti välttämättömien välineiden pitämisestä.
  • Kaikissa videoissa ja diaesityksissä pitäisi olla toisto- / keskeytyspainike, jos se etenee automaattisesti - mutta älä koskaan käynnistä itse. Ihannetapauksessa kaikkien mediaohjaimien tulisi olla saatavilla.
  • Tarjoa vaihtoehtoisia tapoja käyttää mediaasi. Jos sinulla on esimerkiksi videoiden kopioita ja / tai kuvatekstejä; luo kopio vain äänitiedostolle; Lisää pistekirjoituksella muotoiltu tiedosto mediaasi. Käyttöösi on saatavana monia erityyppisiä vaihtoehtoisia muotoja.
Sisältö on kuningas. Pakkauskoko erikokoisten ja kirjasinperheiden painokirjaimilla. Luotto: Unsplash

Kumoa sisältösi

Viimeisenä, mutta ei vähäisimpänä, sen jälkeen kun olet tarkastellut verkkosivustosi kokonaisrakennetta, otsikkotunnisteita, linkkejä, kuvia ja muuta mediaa, seuraava askel on keskittyä todelliseen sisältöön. Koska jokainen verkkosivusto on ainutlaatuinen lumihiutale, verkkosivuston sisällössä on paljon vaihtelua verkkosivustosta toiseen. Mikä toimii joillekin käyttäjille joillakin verkkosivustoilla, ei välttämättä toimi sinulle ja sivustollesi. Tärkeintä on kirjoittaa paras mahdollinen sisältö ja pitää Googlen sisällönluontimantra mielesi takana:

”Mieti, mikä tekee verkkosivustostasi ainutlaatuisen, arvokkaan tai kiinnostavan. Tee verkkosivustosi erottuvaksi muista omalla alallasi. ”

Parhaat käytännöt

  • Rajoita kunkin kappaleen pituus noin kolmeen lauseeseen ja kohdista yleisösi mukainen lukutason taso. Ihannetapauksessa niin verkkosivustojen saavutettavuuteen kuin hakukoneoptimointiin olisi pyrittävä 9. luokan tasolla.
  • Älä käytä lihavoitua ja kursivoitua tunnistetta sanojen korostamiseen, sen sijaan käytä vahvaa ja korostavaa tekstiä. Visuaalisesti ne näyttävät samanlaisilta toisistaan, mutta näytönlukijat (oikeassa tilassa) lisäävät korostusta sanoihin, joita ympäröivät ja tunnisteet, kun taas ne ohittavat kokonaan tai muuttavat vain vähän ja tunnisteita .
  • Älä kopioi sisältöäsi. Hakukoneiden robotit huomaavat ja rankaisevat sinua. Käyttäjät vain hämmentyvät.
  • Luettelomerkit ja numeroidut luettelot auttavat hajottamaan sisältösi lukijoille, mikä tekee niistä käyttäjäystävällisempiä. Bonus: Jotkut tutkimukset osoittavat, että hakukoneiden robotit mieluummin luettelomerkkien ja numeroiden sisältöä kuin pelkkää tekstiä.

❤ Jos pidit tästä artikkelista, näytä tuki napsauttamalla napsautuskuvaketta (niin monta kertaa kuin haluat), jakamalla tarinan sosiaalisessa mediassa ja seuraamalla minua Mediumissa tai Twitterissä! Kiitos ja hyvää lukemista❤

Tämä tarina on julkaistu Mediumin suurimmassa yrittäjyysjulkaisussa The Startup, jota seuraa 273 971+ henkilöä.

Tilaa saadaksesi parhaita tarinoitamme täältä.