Sådan øges dit websteds tilgængelighed + SEO

At finde det sted, hvor tilgængelighed og SEO med glæde eksistere

Det er ikke en myte - der er nogle områder, hvor SEO og tilgængelighed kan krydse hinanden. Kredit: Unsplash

Søgemaskineoptimering (SEO) og webstedets tilgængelighed er ikke den samme ting. Der er forskellige regler, der skal følges, forskellige målgrupper at målrette mod og forskellige måder at teste effektiviteten af ​​hver enkelt.

Optimering af dit websted til søgemaskine-bots betyder ikke, at det også vil være automatisk tilgængeligt for rigtige mennesker. Nogle SEO-fremgangsmåder kan endda skade dit websteds tilgængelighed.

Det er dog ikke alle dårlige nyheder, der er nogle områder, hvor de to verdener overlapper hinanden. Hvis du har et begrænset budget og / eller tidsramme for et projekt, kan målretning mod disse seks områder * samtidig øge både SEO og webstedets tilgængelighed.

* Bemærk: Fokus for denne artikel er på områderne med overlapning. Hver specifikke opgave i hvert område nedenfor kan målrette mod SEO mere, nogle opgaver kan målrette mod tilgængelighed mere.

Advarsel: skægget hipster-pizza fyr vil jage dig ned og tvinge dig til at drikke et håndlavet bryg, han lavede i sit badekar, hvis du undervurderer UI's betydning for SEO og webstedets tilgængelighed. Kredit: Unsplash

Struktur spørgsmål

Undervurder ikke kraften i en god brugergrænseflade (UI). Websteder med rene, klare og konsistente brugergrænseflader er specielt gode til søgemaskinebots og personer, der bruger hjælpemidler eller som kun bruger et tastatur. Tænk over det - hvis en bruger eller bot ikke kan finde en side, hvordan kan de muligvis læse eller interagere med den? Du skal gøre det let at finde sider og interagere med webstedet.

Bedste praksis

  • Konstruer din navigation og sidelayout på en klar og konsistent måde og har flere måder at finde indhold på (f.eks. Søgning, sitemap, indholdsfortegnelse). Søgemaskinsbots gerne velorganiseret webstedsarkitektur, som fører dem til at indeksere dit indhold på en mere meningsfuld måde.
  • Hvis dit websted er vanskeligt at navigere eller bruge, kan det påvirke din brugeranalytiske statistik inklusive - tid på et websted, de viste sider og afvisningsfrekvens. Dette kan igen skade din SEO-placering. I det mindste vil det irritere dine brugere.
  • Undgå at bruge CSS eller anden stilistisk markering for at formidle mening. Du skal aldrig "forfalske" et element, der i stedet skal bruge HTML-markering.
  • Brug, når det er relevant, tilgængelige HTML 5-sideelementer, f.eks. , ,
    ,
    . Disse elementer er mere beskrivende for søgemaskinebots og hjælpe-teknologienheder derefter almindelige
    eller

    elementer.

Mærker, tags, overalt tags. Håndlavede pakke tags i forskellige størrelser og farver. Kredit: Unsplash

Korrekt brug af tags

Dit websteds indhold kan i det væsentlige koges ned til HTML-markering, inklusive tags, der bruges til din sides overskrifter (ikke at forveksle med

-koder). Navigering gennem

og

tags kan give en bruger eller søgemaskine en oversigt over en side og hvordan dens indhold er struktureret, mens

til

tags giver en hurtig forståelse af detaljerne i hvert afsnit . Det er vigtigt for både webstedets tilgængelighed og SEO at få disse tags rigtige.

Bedste praksis

  • Hold overskriftsmærker konsistente, og stil ikke bare tekst for at give overskrifterne visuelt - brug faktiske overskrifttagger. Ellers ved søgemaskine-bots og brugere ikke, hvilket indhold der er mest vigtigt.
  • Overskrifttags skal være i rækkefølge. Det betyder, at en

    efterfølges af en

    , en

    efterfølges af en

    eller

    og så videre.

  • Undgå at springe overskrifts tags, når du går ned i rækkefølge på en webside side. For eksempel skal du ikke springe fra en

    til en

    . Bemærk: det er ok at springe overskrifttags, når du går op i rækkefølge (
    til

    ), hvis du starter en ny sidesektion.

  • Det er bedste praksis at bare have en

    pr. Side. Tænk på

    -koder som i det væsentlige “titelsetiketter på anden side”, der sender et relevanssignal til søgemaskinebots.

Øvelse gør mester. Atleten hviler hvide Adidas-sko på kædehegn. Kredit: Unsplash

Perfekt dine links

Links kan oprette eller ødelægge et websted for både søgemaskine-bots og personer, der bruger hjælpemidler-apparater, som skærmlæsere. Når du har gennemgået sideoverskrifterne, er links det næste hovedelement, som brugere og gennemsøgere ofte noterer sig, så det er vigtigt, at dine links er så perfekte som muligt.

Bedste praksis

  • Sørg for, at du ikke har ødelagte links. Dette kan ses som et tegn på et forsømt eller forladt websted til SEO. Det er også en dårlig praksis for webstedets tilgængelighed, der kan frustrere / forvirre dine brugere.
  • Brug interne tagging-links, men overdriv det ikke. Ifølge Yoast.com: "det forbedrer din SEO er ved at knytte et stykke indhold til et andet, og mere specifikt en gruppe stillinger til hinanden." Det giver også brugere let adgang til lignende indhold med et enkelt klik.
  • Angiv beskrivende linktekst. Undgå at bruge sætninger som klik her og læs mere. Hvis du foretrækker at bruge disse sætninger, kan du opbevare dem *, hvis du tilføjer yderligere linkoplysninger ved hjælp af visuelt skjulte eller ARIA-metoder.
  • Spring over tilføjelse af beskrivende titelattributter til dine links (den tekst, der vises, når du holder musepekeren over et link). Det er ikke nødvendigvis forkert at tilføje linktitler, men er sandsynligvis ikke meget nyttigt til hverken SEO eller webstedets tilgængelighed.
Sig appelsin! Kvinde i lyserød blomstertrøje med retro Nikon-kamera. Kredit: Unsplash

Billedoptimering

Selvom søgemaskine-bots og personer, der bruger skærmlæsere, ikke kan "se" i traditionel forstand, stoler begge på billednavne og alternativ tekst for at fortælle dem, hvad billedet skildrer. At have disse elementer på plads er afgørende både for at supplere det omkringliggende indhold og for den samlede brugeroplevelse.

Bedste praksis

  • Vær så konsekvent og nøjagtig som muligt, når du navngiver dine billeder. Navngiv f.eks. Ikke din fil brown-puppy.jpg for et foto af en orange tabbykat.
  • Undgå at bruge ikke-alfabetegn (f.eks. 7,%, &, $), og brug streger mellem ord snarere end understregninger i dine billednavne eller alternativ tekst. Skriv for eksempel orange-tabby-cat.jpg og ikke 0r @ nge_t @ 66y_c @ t! .Jpg
  • Opbevar din alternative tekst på under 125 tegn. Hvis du har brug for flere tegn, skal du bruge billedtekst eller beskrive billedet i hovedtekstområdet på siden.
  • Skriv alternativ tekst som et menneske og ikke en robot. Søgeordsudstoppning er ikke til gavn for nogen - folk, der bruger skærmlæser, bliver irriterede og søgemaskinsbots straffer dig. Bare gør det ikke.
Få dine medier til at arbejde for bots og mennesker. Nærbillede af den roterende pladespiller. Kredit: Unsplash

Suppler dit medie

Mennesker med synshandicap (f.eks. Anfaldsforstyrrelser, blinde), hørselshæmmede (eks. Døve, hørehæmmede), situationelle / midlertidige handicap, personer med dårlig båndbreddeforbindelse og mange andre kan drage fordel af medier, der vises i et tilgængeligt vej. Tilsvarende er søgemaskinsbotter "deaktiverede", da de ikke har øjne, ører eller hænder, så dette er et område, hvor både SEO og webstedets tilgængelighed har en anstændig overlapning.

Bedste praksis

  • Mindre er mere. Begræns brugen af ​​komplicerede mediekomponenter (f.eks. Lysbilledshow, videoer) i dit design når det er muligt. Ingen frygt ... der er alternative layoutindstillinger.
  • Tilføj klare, komplette og kortfattede tekstbeskrivelser og markering til væsentlige medier. Tænk to gange på at beholde ikke-væsentlige medier.
  • Alle videoer og slideshows skal have en afspilning / pause-knap, hvis den er automatisk fremskridt - men skal aldrig autostart. Ideelt set skal alle mediekontroller være tilgængelige.
  • Giv alternative måder at få adgang til dine medier. Har for eksempel transkripter og / eller billedtekster til videoer; oprette en transkription til en lyd-kun fil; tilføj en brailleformateret fil til dit medie. Der er mange forskellige typer alternative formater tilgængelige til din brug.
Indhold er konge. Beholder af trykpressebokstaver i forskellige størrelser og skrifttypefamilier. Kredit: Unsplash

Declutter dit indhold

Sidst, men ikke mindst, efter at have adresseret dit websteds samlede struktur, overskrifttags, links, billeder og andre medier, er det næste trin at fokusere på det faktiske indhold. Da hvert websted er en unik snefnug, er der stor variation i webstedsindhold fra et websted til det næste. Hvad der fungerer for nogle brugere på nogle websteder, fungerer muligvis ikke for dig og dit websted. Nøglen er at skrive det bedste indhold, du kan, og holde Googles mantra til indholdsoprettelse i baghovedet:

”Tænk over, hvad der gør dit websted unikt, værdifuldt eller engagerende. Få dit websted til at skille sig ud fra andre inden for dit felt. ”

Bedste praksis

  • Begræns længden af ​​hvert afsnit til omtrent tre sætninger, og målret dig mod et læsekvalitetsniveau, der er i overensstemmelse med dit publikum. Ideelt set til både webstedets tilgængelighed og SEO-formål bør du sigte mod niveauet i 9. klasse.
  • Brug ikke fed og kursiv tags til fremhævning af ord, brug i stedet stærk og fremhævende. Visuelt vil de ligne hinanden, men skærmlæsere (i den rigtige tilstand) tilføjer vægt på ord omgivet af og tags, mens de helt ignorerer eller kun ændrer og tags lidt .
  • Du skal ikke kopiere dit indhold. Bots med søgemaskiner vil bemærke og straffe dig. Dine brugere bliver bare forvirrede.
  • Kugler og nummererede lister hjælper med at opdele dit indhold for læsere, hvilket gør dem mere brugervenlige. Bonus: nogle undersøgelser viser, at søgemaskinerbots foretrækker indhold med kugler og tal frem for almindelig tekst.

❤ Hvis du kunne lide denne artikel, skal du vise din støtte ved at klikke på klapikonet (så mange gange du vil), dele historien på sociale medier og ved at følge mig på Medium eller Twitter! Tak og glad læsning❤

Denne historie offentliggøres i The Startup, Medium's største iværksætterpublikation efterfulgt af 273.971+ mennesker.

Abonner for at modtage vores tophistorier her.