Hvordan øke nettstedets tilgjengelighet + SEO

Finne stedet hvor tilgjengelighet og SEO med glede sameksistere

Det er ikke en myte - det er noen områder der SEO og tilgjengelighet kan krysse hverandre. Kreditt: Unsplash

Søkemotoroptimalisering (SEO) og tilgjengelighet på nettsteder er ikke det samme. Det er forskjellige regler å følge, forskjellige målgrupper å målrette mot og forskjellige måter å teste effektiviteten til hver enkelt.

Optimalisering av nettstedet ditt for søkemotorboter betyr ikke at det vil være automatisk tilgjengelig for ekte mennesker. Noen SEO-fremgangsmåter kan til og med skade nettstedets tilgjengelighet.

Imidlertid er det ikke alle dårlige nyheter, det er noen områder der de to verdenene overlapper hverandre. Hvis du har et begrenset budsjett og / eller tidsramme for et prosjekt, kan målretting mot disse seks områdene samtidig øke både SEO og nettstedets tilgjengelighet.

* Merk: Fokuset for denne artikkelen er på områdene med overlapping. Hver spesifikke oppgave i hvert område nedenfor kan være mer målrettet mot SEO, noen oppgaver kan rettes mot tilgjengeligheten mer.

Advarsel: skjeggete hipster-pizza fyr vil jakte deg ned og tvinge deg til å drikke et håndlaget brygg han laget i badekaret sitt, hvis du undervurderer viktigheten av UI for SEO og tilgjengelighet på nettstedet. Kreditt: Unsplash

Struktursaker

Ikke undervurder kraften til et godt brukergrensesnitt (UI). Nettsteder med rene, tydelige og konsistente brukergrensesnitt er spesielt bra for søkemotorboter og personer som bruker hjelpemidler eller som bare bruker et tastatur. Tenk på det - hvis en bruker eller bot ikke kan finne en side, hvordan kan de muligens lese eller samhandle med den? Du må gjøre det enkelt å finne sider og samhandle med nettstedet.

Beste praksis

  • Konstruer navigasjonen og sideoppsettet på en tydelig og konsekvent måte, og ha flere måter å finne innhold (f.eks. Søk, nettstedskart, innholdsfortegnelse). Søkemotoroboter liker godt organisert nettstedsarkitektur, som fører dem til å indeksere innholdet ditt på en mer meningsfull måte.
  • Hvis nettstedet ditt er vanskelig å navigere eller bruke, kan det påvirke brukeranalysestatistikken inkludert - tid på et nettsted, sider som vises og avvisningsrate. Dette kan igjen skade SEO-rangeringen din. I det minste vil det irritere brukerne dine.
  • Unngå å bruke CSS eller annen stilistisk markering for å formidle mening. Du bør aldri “falske” et element som burde bruke HTML-merke i stedet.
  • Når det er aktuelt, bruk tilgjengelige HTML 5-sideelementer, som , ,
    , . Disse elementene er mer beskrivende for søkemotoroboter og hjelpemidler som vanlig
    eller

    elementer.

Tagger, koder, overalt koder. Håndlagde pakkelapper i forskjellige størrelser og farger. Kreditt: Unsplash

Riktig bruk av tagger

Innholdet på nettstedet ditt kan i utgangspunktet kokes ned til HTML-merking, inkludert koder som brukes til sidens overskrifter (for ikke å forveksle med

-koder). Navigering gjennom

og

taggene kan gi en bruker eller søkemotor bot en oversikt over en side og hvordan innholdet er strukturert mens

til

taggene gir en rask forståelse av detaljene i hver seksjon . Det er viktig for både nettstedtilgjengelighet og SEO å få disse taggene riktig.

Beste praksis

  • Hold overskridelseskoder konsekvent, og ikke bare stil tekst for å gi et visuelt utseende på overskrifter - bruk faktiske overskriftstagger. Ellers vil ikke søkemotoroboter og brukere vite hvilket innhold som er viktigst.
  • Overskriftkoder skal være i orden. Det betyr at en

    blir fulgt av en

    , en

    etterfulgt av en

    eller

    og så videre.

  • Unngå å hoppe over rubrikkmerker når du går ned i rekkefølge på en webside. For eksempel, ikke hopp fra en

    til en

    . Merk: det er ok å hoppe over overskriftsetiketter når du går opp i rekkefølge (
    til

    ), hvis du starter en ny sideseksjon.

  • Det er best å bare ha en

    per side. Tenk på

    -koder som egentlig "tittelkoder for andre sider" som sender et relevanssignal til søkemotorbotene.

Øvelse gjør mester. Idrettsutøver hviler Adidas-sko på chainlink gjerde. Kreditt: Unsplash

Perfekte koblingene dine

Koblinger kan lage eller ødelegge et nettsted for både søkemotoroboter og personer som bruker hjelpemidler, som skjermlesere. Etter å ha gjennomgått sideoverskriftene, er koblinger det neste hovedelementet som brukere og gjennomsøkere ofte noterer seg, så det er viktig at koblingene dine er så perfekte som mulig.

Beste praksis

  • Forsikre deg om at du ikke har ødelagte lenker. Dette kan sees på som et tegn på et forsømt eller forlatt nettsted for SEO. Det er også en dårlig praksis for nettstedtilgjengelighet som kan frustrere / forvirre brukerne dine.
  • Bruk interne koblinger av taggingstype, men ikke overdriv. I følge Yoast.com: "det forbedrer SEO-en din ved å relatere ett innhold til et annet, og mer spesifikt en gruppe innlegg til hverandre." Det gir også brukere enkel tilgang til lignende innhold med ett klikk.
  • Gi beskrivende koblingstekst. Unngå å bruke fraser som klikk her og les mer. Hvis du foretrekker å bruke disse setningene, kan du beholde dem * hvis * du legger til ytterligere koblingsinformasjon ved hjelp av visuelt skjulte eller ARIA-metoder.
  • Hopp over å legge beskrivende tittelattributter til koblingene dine (den teksten som vises når du holder musepekeren over en lenke). Det er ikke nødvendigvis galt å legge til lenketitler, men er uten tvil lite nyttig for verken SEO eller nettstedtilgjengelighet.
Si ost! Kvinne i rosa floral skjorte som holder retro Nikon-kamera. Kreditt: Unsplash

Bildeoptimalisering

Selv om søkemotoroboter og personer som bruker skjermlesere ikke kan "se" i tradisjonell forstand, er begge avhengige av bildenavn og alternativ tekst for å fortelle dem hva bildet skildrer. Å ha disse elementene på plass er viktig både for å supplere det omkringliggende innholdet og for den generelle brukeropplevelsen.

Beste praksis

  • Vær så konsekvent og nøyaktig som mulig når du navngir bildene dine. Du kan for eksempel ikke navngi filen brown-puppy.jpg for et bilde av en oransje tabby cat.
  • Unngå å bruke ikke-alfabetegn (f.eks. 7,%, &, $) og bruk streker mellom ord, i stedet for å understreke i bildenavn eller alternativ tekst. Skriv for eksempel orange-tabby-cat.jpg og ikke 0r @ nge_t @ 66y_c @ t! .Jpg
  • Behold den alternative teksten til under 125 tegn. Hvis du trenger flere tegn, kan du bruke teksttekst eller beskrive bildet i hovedtekstområdet på siden.
  • Skriv alternativ tekst som et menneske og ikke en robot. Stikking av nøkkelord kommer ikke noen til gode - personer som bruker skjermleser vil bli irriterte og søkemotorboter vil straffe deg. Bare ikke gjør det.
Få dine medier til å jobbe for roboter og mennesker. Nærbilde av spinnende platespiller. Kreditt: Unsplash

Suppler mediene dine

Personer med synshemming (eks. Anfallsforstyrrelser, blinde), hørselshemming (eks. Døve, tunghørte), situasjons / midlertidig funksjonshemning, personer med dårlig båndbreddeforbindelse og mange andre kan ha stor nytte av medier som vises i et tilgjengelig vei. Tilsvarende er søkemotorboter “deaktivert” ved at de ikke har øyne, ører eller hender, så dette er et område hvor både SEO og tilgjengelighet på nettsteder har en anstendig overlapping.

Beste praksis

  • Mindre er mer. Begrens bruken av kompliserte mediekomponenter (f.eks. Lysbildefremvisning, videoer) i designet når det er mulig. Ingen frykt ... det er alternative layoutalternativer.
  • Legg til klare, komplette og kortfattede tekstbeskrivelser og markering til viktige medier. Tenk to ganger om å beholde ikke-essensielle medier.
  • Alle videoer og lysbildefremvisning skal ha en avspilling / pause-knapp hvis den er automatisk fremskritt - men vennligst aldri start automatisk. Ideelt sett bør alle mediekontrollene være tilgjengelige.
  • Gi alternative måter du får tilgang til mediene dine. Har for eksempel transkripsjoner og / eller bildetekster for videoer; lage en transkripsjon for en lydfil; legg til en blindeskriftformatert fil i media. Det er mange forskjellige typer alternative formater tilgjengelig for din bruk.
Innhold er konge. Beholder av trykkpressebokstaver i forskjellige størrelser og skriftfamilier. Kreditt: Unsplash

Declutter innholdet

Sist, men ikke minst, etter å ha adressert nettstedets generelle struktur, overskrifttagger, lenker, bilder og andre medier, er neste trinn å fokusere på det faktiske innholdet. Siden hvert nettsted er en unik snøfnugg, er det mye variasjon i innholdet på nettstedet fra det ene nettstedet til det neste. Det som fungerer for noen brukere på noen nettsteder, fungerer kanskje ikke for deg og nettstedet ditt. Nøkkelen er å skrive det beste innholdet du kan og holde Googles mantra for innholdsskaping i bakhodet:

Tenk på hva som gjør nettstedet ditt unikt, verdifullt eller engasjerende. Få nettstedet til å skille seg ut fra andre i ditt felt. ”

Beste praksis

  • Begrens lengden på hvert avsnitt til omtrent tre setninger, og målrette deg mot et lesekursnivå i samsvar med publikum. Ideelt sett, for både tilgjengelighet på nettstedet og SEO-formål, bør du sikte deg rundt på 9. trinn.
  • Ikke bruk fet og kursiv tagger for å fremheve ord, bruk i stedet sterk og vekt. Visuelt vil de se ut som om hverandre, men skjermlesere (i riktig modus) vil legge vekt på ord omgitt av og tagger mens de fullstendig ignorerer eller bare endrer og tagger .
  • Ikke dupliser innholdet ditt. Søkemotorboter vil legge merke til og straffe deg. Brukerne dine vil bare bli forvirret.
  • Kuler og nummererte lister hjelper deg med å dele opp innholdet ditt for leserne, og gjør dem mer brukervennlige. Bonus: noe forskning indikerer at søkemotoroboter foretrekker innhold med kuler og tall fremfor ren tekst.

❤ Hvis du likte denne artikkelen, vis støtten din ved å klikke på klappeikonet (så mange ganger du vil), dele historien på sosiale medier og ved å følge meg på Medium eller Twitter! Takk og glad lesing❤

Denne historien er publisert i The Startup, Middels største entreprenørskapspublikasjon fulgt av 273.971+ personer.

Abonner for å motta topphistoriene våre her.