Hur du ökar din webbplats tillgänglighet + SEO

Hitta platsen där tillgänglighet och SEO lyckligt samexisterar

Det är inte en myt - det finns vissa områden där SEO och tillgänglighet kan korsa varandra. Kredit: Unsplash

Sökmotoroptimering (SEO) och webbplatsens tillgänglighet är inte samma sak. Det finns olika regler att följa, olika målgrupper att rikta in sig och olika sätt att testa varandras effektivitet.

Att optimera din webbplats för sökmotorbots betyder inte att den kommer att vara automatiskt tillgänglig för riktiga människor. Vissa SEO-metoder kan till och med skada din webbplats tillgänglighet.

Men det är inte alla dåliga nyheter, det finns vissa områden där de två världarna överlappar varandra. Om du har en begränsad budget och / eller tidsram för ett projekt kan inriktning på dessa sex områden * samtidigt öka både SEO och webbplatsens tillgänglighet.

* Obs: fokus för denna artikel är på områdena med överlappning. Varje specifik uppgift i varje område nedan kan rikta sig mot SEO mer, vissa uppgifter kan rikta in sig på tillgängligheten mer.

Varning: skäggig hipsterpizzagar jagar dig och tvingar dig att dricka ett handgjordt brygg som han gjorde i sitt badkar, om du underskattar betydelsen av UI för SEO och webbplatsens tillgänglighet. Kredit: Unsplash

Strukturärenden

Underskatt inte kraften i ett bra användargränssnitt (UI). Webbplatser med rena, tydliga och konsekventa användargränssnitt är särskilt bra för sökmotorbots och personer som använder hjälpmedel eller som bara använder ett tangentbord. Tänk på det - om en användare eller bot inte kan hitta en sida, hur kan de eventuellt läsa eller interagera med den? Du måste göra det enkelt att hitta sidor och interagera med webbplatsen.

Bästa praxis

  • Konstruera din navigering och sidlayout på ett tydligt och konsekvent sätt och ha flera sätt att hitta innehåll (t.ex. sökning, webbplatskarta, innehållsförteckning). Sökmotorbots som välorganiserad webbplatsarkitektur, vilket leder dem till att indexera ditt innehåll på ett mer meningsfullt sätt.
  • Om din webbplats är svår att navigera eller använda kan det påverka din användaranalysstatistik inklusive - tid på en webbplats, visade sidor och avvisningsfrekvens. Detta kan i sin tur skada din SEO-ranking. Åtminstone kommer det att irritera dina användare.
  • Undvik att använda CSS eller annan stilistisk markering för att förmedla mening. Du bör aldrig "förfalska" ett element som bör använda HTML-markering istället.
  • Använd lämpligt HTML-sidelement när det är lämpligt, som , ,
    ,
    . Dessa element är mer beskrivande för sökmotorbots och hjälpmedel som vanliga
    eller

    element.

Taggar, taggar, överallt taggar. Handgjorda paketetiketter i olika storlekar och färger. Kredit: Unsplash

Korrekt användning av taggar

Innehållet på din webbplats kan i huvudsak kokas ner till HTML-markering, inklusive taggar som används för sidans rubriker (inte att förväxla med

-taggar). Navigering genom

och

taggarna kan ge en användare eller sökmotor bot en översikt över en sida och hur dess innehåll är strukturerat medan

till

taggarna ger en snabb förståelse av detaljerna i varje avsnitt . Det är viktigt för både webbplatsens tillgänglighet och SEO att få taggarna rätt.

Bästa praxis

  • Håll rubrikmärken konsekventa och stil inte bara text för att ge rubrikerna visuellt - använd faktiska rubrikmärken. Annars kommer sökmotorbotar och användare inte att veta vilket innehåll som är viktigast.
  • Rubriktaggar ska vara i ordning. Det betyder att en

    följs av en

    , en

    följs av en

    eller

    och så vidare.

  • Undvik att hoppa över rubriktaggar när du går ner i ordning på en webbplats. Hoppa till exempel inte från en

    till en

    . Obs! Det är okej att hoppa över rubriktaggar när du går upp i ordning (
    till

    ), om du startar ett nytt sidavsnitt.

  • Det är bäst att bara ha en

    per sida. Tänk på

    -taggar som i huvudsak "taggar på andra sidan" som skickar en relevanssignal till sökmotorbots.

Övning ger färdighet. Atleten vilar vita Adidas-skor på kedjelänkstaket. Kredit: Unsplash

Perfekt dina länkar

Länkar kan skapa eller bryta en webbplats för både sökmotorbots och personer som använder hjälpmedel som skärmläsare. Efter att ha granskat sidrubrikerna är länkar nästa viktiga element som användare och sökrobotar ofta noterar, så det är viktigt att dina länkar är så perfekta som möjligt.

Bästa praxis

  • Se till att du inte har några trasiga länkar. Detta kan ses som ett tecken på en försummad eller övergiven webbplats för SEO. Det är också en dålig praxis för webbplatstillgänglighet som kan frustrera / förvirra dina användare.
  • Använd interna taggningslänkar, men overdriv inte det. Enligt Yoast.com: "det förbättrar din SEO är genom att relatera en bit innehåll till en annan, och mer specifikt en grupp inlägg till varandra." Det ger också användare lätt tillgång till liknande innehåll med ett klick.
  • Ge beskrivande länktext. Undvik att använda fraser som klicka här och läs mer. Om du föredrar att använda dessa fraser kan du behålla dem * om * du lägger till ytterligare länkinformation med visuellt dolda eller ARIA-metoder.
  • Hoppa över att lägga till beskrivande titelattribut till dina länkar (den texten som visas när du håller muspekaren över en länk). Det är inte nödvändigtvis fel att lägga till länktitlar, men är utan tvekan inte till stor hjälp för varken SEO eller webbplatstillgänglighet.
Säg omelett! Kvinna i rosa blommig skjorta som rymmer den retro Nikon-kameran. Kredit: Unsplash

Bildoptimering

Även om sökmotorbotar och personer som använder skärmläsare inte kan "se" i traditionell mening, förlitar sig både bildnamn och alternativ text för att berätta vad bilden visar. Att ha dessa element på plats är viktigt både för att komplettera det omgivande innehållet och för den totala användarupplevelsen.

Bästa praxis

  • Var så konsekvent och exakt som möjligt när du namnger dina bilder. Till exempel, namnge inte din fil brown-puppy.jpg för ett foto av en orange tabby katt.
  • Undvik att använda icke-alfabetecken (ex. 7,%, &, $) och använd streck mellan ord snarare än understreck i dina bildnamn eller alternativ text. Skriv till exempel orange-tabby-cat.jpg och inte 0r @ nge_t @ 66y_c @ t! .Jpg
  • Förvara din alternativa text på under 125 tecken. Om du behöver fler tecken kan du använda bildtext eller beskriva bilden i huvudtextområdet på sidan.
  • Skriv alternativ text som en människa och inte en robot. Nyckelstoppning gynnar inte någon - personer som använder skärmläsare kommer att bli irriterade och sökmotorbots kommer att straffa dig. Gör det bara inte.
Få dina media att arbeta för bots och människor. Närbild av den snurrande skivspelaren. Kredit: Unsplash

Komplettera ditt media

Personer med synhinder (ex. Anfallsstörningar, blinda), hörselnedsättning (ex. Döva, hörselskadade), situationella / tillfälliga funktionsnedsättningar, personer med dålig bandbreddförbindelse och många andra kan dra stor nytta av media som visas i ett tillgängligt sätt. På liknande sätt är sökmotorbotar "inaktiverade" eftersom de inte har ögon, öron eller händer, så detta är ett område där både SEO och webbplatstillgänglighet har en anständig överlappning.

Bästa praxis

  • Mindre är mer. Begränsa användningen av komplicerade mediekomponenter (t.ex. bildspel, videor) i din design när det är möjligt. Ingen rädsla ... det finns alternativa layoutalternativ.
  • Lägg till tydliga, fullständiga och kortfattade textbeskrivningar och markeringar till viktiga medier. Tänk två gånger på att behålla icke-nödvändiga medier.
  • Alla videor och bildspel bör ha en uppspelning / pausknapp om den går automatiskt framåt - men vänligen aldrig automatiskt starta om. Helst bör alla mediekontroller vara tillgängliga.
  • Ge alternativa sätt att komma åt dina media. Har till exempel utskrifter och / eller bildtexter för videor; skapa ett transkript för en ljudfil; lägg till en blindskriftformaterad fil till ditt media. Det finns många olika typer av alternativa format som du kan använda.
Innehållet är kung. Behållare för tryckpressblockbokstäver i olika storlekar och typsnitt. Kredit: Unsplash

Declutter ditt innehåll

Sist men inte minst, efter att ha adresserat webbplatsens övergripande struktur, rubriktaggar, länkar, bilder och andra medier, är nästa steg att fokusera på det faktiska innehållet. Eftersom varje webbplats är en unik snöflinga finns det mycket variation i webbplatsens innehåll från en webbplats till nästa. Det som fungerar för vissa användare på vissa webbplatser kanske inte fungerar för dig och din webbplats. Nyckeln är att skriva det bästa innehållet du kan och hålla Googles mantra för innehållsskapande bakom dig:

"Tänk på vad som gör din webbplats unik, värdefull eller engagerande. Få din webbplats att sticker ut från andra inom ditt område. ”

Bästa praxis

  • Begränsa längden på varje stycke till ungefär tre meningar och rikta in dig på en läsningsnivå som är förenlig med din publik. Idealiskt, för både webbplatstillgänglighet och SEO-ändamål, bör du sikta runt på nionde klass.
  • Använd inte fetstil och kursiv taggar för att markera ord, använd istället stark och betoning. Visuellt kommer de att likna varandra, men skärmläsare (i rätt läge) lägger tonvikt på ord omgiven av och taggar medan de helt ignorerar eller bara ändrar och taggar .
  • Duplicera inte ditt innehåll. Sökmotorbotar kommer att märka och straffa dig. Dina användare blir bara förvirrade.
  • Kulor och numrerade listor hjälper dig att dela upp ditt innehåll för läsarna, vilket gör dem mer användarvänliga. Bonus: viss forskning indikerar att sökmotorer bots föredrar innehåll med kulor och siffror jämfört med vanlig text.

❤ Om du gillade den här artikeln, visa ditt stöd genom att klicka på klappikonen (så många gånger du vill), dela berättelsen på sociala medier och genom att följa mig på Medium eller Twitter! Tack och glad läsning❤

Denna berättelse publiceras i The Startup, Mediums största företagarpublikation följt av 273 971+ personer.

Prenumerera för att få våra topphistorier här.