Accesibilitatea web: de ce este importantă în SEO și cum să o faci corect

Publicat: 2021-01-19

Scopul final al SEO este să vă asigurați că publicul țintă vă poate descoperi fără efort site-ul. Dar acest lucru nu este de nici un folos dacă utilizatorii nu pot accesa site-ul dvs.
Adevărul este că atât capacitatea de descoperire, cât și accesibilitatea web merg mână în mână. Puteți obține beneficii maxime numai dacă site-ul dvs. este ușor de descoperit și ușor accesibil de către publicul țintă (inclusiv persoanele cu dizabilități).
În această postare, vom vorbi despre:

Ce este accesibilitatea web?
De ce este important?
Cum poate ajuta accesibilitatea web în SEO?
Cum vă puteți face site-ul ușor accesibil pentru toți utilizatorii?

În primul rând, să înțelegem:

Ce este accesibilitatea web?

Accesibilitatea web este o inițiativă a World Wide Web Consortium (W3C) care își propune să facă site-urile web accesibile și utilizabile pentru toată lumea. Înseamnă că utilizatorii pot percepe, înțelege, naviga și interacționa cu ușurință cu site-ul dvs. - chiar dacă unii dintre ei sunt dezactivați și nu pot accesa Internetul ca utilizatorii obișnuiți.
Accesibilitatea web include persoanele care trăiesc cu toate tipurile de dizabilități care le afectează accesul la web, cum ar fi dizabilitățile fizice, vizuale, auditive, cognitive, de vorbire și neurologice.
De asemenea, utilizatorii obișnuiți pot beneficia foarte mult de Accesibilitatea Web. Iată cum:

Putem folosi căutarea vocală și cititoarele de ecran dacă suntem ocupați cu ceva critic și nu ne putem folosi mâinile pentru navigare.
Utilizatorii vechi care își pierd abilitățile pot folosi accesibilitatea web pentru o experiență mai bună de navigare pe web.
Persoanele cu dizabilități temporare, cum ar fi un braț rănit sau ochelari pierduți, pot folosi și funcția de accesibilitate web.
De asemenea, puteți utiliza accesibilitatea web pentru a naviga pe web în situații precum lumina puternică a soarelui și un mediu în care nu pot asculta sunetul.
Persoanele cu conexiune lentă la internet sau lățime de bandă scumpă pot folosi accesibilitatea web pentru a accesa site-uri web fără nicio bătaie de cap.

Acest videoclip de 7 minute realizat de inițiativa W3C Web Accessibility explică accesibilitatea web și importanța acesteia în detaliu:

De ce este importantă accesibilitatea web?

Există milioane de oameni pe tot globul (61 de milioane numai în America) care trăiesc cu o anumită dizabilități fizice, iar jumătate dintre ei sunt utilizatori obișnuiți de internet.
Înseamnă că există șanse ca unele persoane din publicul țintă să aibă deficiențe vizuale/fizice și să nu poată accesa web-ul ca utilizatorii obișnuiți.
De exemplu, o persoană nevăzătoare nu vă poate vedea site-ul. În schimb, el/ea trebuie să se bazeze pe un cititor de ecran pentru a înțelege informațiile pe care site-ul dvs. le oferă.

O persoană cu dislexie nu poate citi fonturile obișnuite. În schimb, el/ea va vedea ecranul site-ului web:

În mod similar, o persoană cu deficiențe fizice nu poate folosi mouse-ul sau tastatura, o persoană cu deficiențe auditive nu poate auzi sunetul și cineva cu tulburări precum ADHD nu se poate concentra pe un site web pentru mult timp.
Acum, dacă site-ul dvs. nu este ușor accesibil pentru acești oameni:

Veți pierde o mare parte din potențialii vizitatori ai site-ului.
Veți deschide porți pentru procese costisitoare, deoarece acești utilizatori vă pot da în judecată în temeiul legislației Secțiunii 508 din Legea americanilor cu dizabilități (ADA).
Accesibilitatea slabă a web-ului duce, de asemenea, la o experiență slabă a utilizatorului, care este un factor crucial dacă doriți ca site-ul dvs. să apară în topul căutării.

Deci, miza este mare. Nici nu puteți risca să pierdeți milioane de potențiali vizitatori ai site-ului web și nici nu vă puteți permite să vă implicați în procese costisitoare. De aceea, accesibilitatea web este esențială.

Cum contează accesibilitatea web în SEO?

O idee comună este că SEO și accesibilitatea web nu pot funcționa împreună. Atingerea obiectivelor SEO va fi imposibilă dacă jucăm după regulile de accesibilitate.
Dar, cu timpul, ne-am dat seama că acest lucru nu este în întregime adevărat. Există multe zone care se intersectează SEO și accesibilitatea web. Îmbunătățind accesibilitatea unui site web, îi puteți îmbunătăți și SEO.
Iată opt moduri în care SEO și accesibilitatea web funcționează împreună:

1. Un design accesibil îmbunătățește și experiența utilizatorului

Cele mai multe dintre practicile de creare a design-urilor de site-uri web accesibile sunt cele care îmbunătățesc și experiența utilizatorului unui site web.
De exemplu:

Textul lizibil nu numai că face site-urile web să pară atrăgătoare pentru vizitatori, dar asigură și că persoanele cu deficiențe de vedere nu au nicio problemă în a-l accesa.
Navigarea simplă nu numai că are ca rezultat o experiență mai bună pentru vizitator, dar se dovedește și utilă pentru persoanele cu deficiențe cognitive sau pentru utilizatorii care navighează pe site-ul dvs. cu o tastatură.
Timpii rapidi de încărcare ajută atât persoanele cu dizabilități, cât și utilizatorii care au o conexiune slabă la internet.
Navigarea printr-un site web poate fi frustrantă atât pentru utilizatorii obișnuiți, cât și pentru cei cu dizabilități, dacă linkurile de pe site sunt întrerupte sau lipsesc.

Toate aceste lucruri mici joacă, de asemenea, un rol crucial în SEO. Acestea au ca rezultat o experiență mai bună pentru utilizator, care este un factor crucial de clasare. Google a precizat clar în liniile directoare că site-urile web cu o experiență de utilizator mai bună vor avea o prioritate mai mare în paginile motoarelor de căutare (SERP-uri). Au chiar și un document PDF de 160 de pagini care vorbește despre experiența utilizatorului și despre rolul acesteia în SEO.
Deci, un design web accesibil va îmbunătăți, de asemenea, SEO-ul site-ului dvs.

2. Titlurile precise ale paginilor ajută atât cititorii de ecran, cât și utilizatorii de căutare

Un alt factor important pentru proiectarea unui site web accesibil este utilizarea titlurilor paginilor pe fiecare pagină web, astfel încât utilizatorii cu deficiențe să poată înțelege despre ce este vorba.
Utilizarea unor titluri precise ale paginii care reflectă conținutul paginii dvs. web este esențială, în special pentru utilizatorii cu deficiențe de vedere, deoarece titlul paginii este primul element pe care un cititor de ecran îl va citi. Stabilește așteptări pentru acești utilizatori cu privire la informațiile pe care urmează să le consume. Acest lucru îi ajută, de asemenea, să diferențieze conținutul atunci când sunt deschise mai multe pagini web.
Titlul paginii este, de asemenea, crucial pentru SEO. Google explică clar că conținutul dvs. trebuie să corespundă intenției utilizatorului. Pentru a vă poziționa mai sus în paginile motoarelor de căutare, trebuie să utilizați titlurile de pagină pentru fiecare pagină web cu acuratețe.
Deci, folosirea unui titlu exact care reflectă ceea ce are de oferit pagina dvs. web este un câștig pentru toate. Pe de altă parte, folosind titluri de pagini înșelătoare, vei pierde mult.

3. O structură bună a antetului pune bazele unei ierarhii clare de conținut

Etichetele de antet sunt responsabile pentru definirea structurii ierarhice a unei pagini web. Nu numai că fac ca conținutul paginii web să pară atrăgător din punct de vedere vizual, dar îi ajută și pe persoanele cu deficiențe de vedere în navigarea prin informații într-un mod mai bun.
Următoarele sunt regulile de accesibilitate pe care le respectăm atunci când folosim titluri:

Urmați o succesiune logică
Nu sări peste secțiuni (H4 nu ar trebui să vină direct după H2)
Titlul trebuie să descrie conținutul

Următoarea imagine descrie o structură de antet bună și proastă:

Dacă structura antetului este clară, utilizatorii cu deficiențe cognitive pot decide ce secțiuni ar trebui să citească și pe care ar trebui să omite. În plus, persoanele cu deficiențe de vedere au nevoie de o structură de antet bine definită pentru o experiență fluidă a site-ului.
Din punct de vedere SEO, anteturile vă pot ajuta să vă împărțiți pagina web în bucăți logice, astfel încât să puteți crea conținut care se potrivește cu intenția publicului țintă. În afară de aceasta, o structură bună a antetului vă poate ajuta, de asemenea, să câștigați fragmente de caracteristici.
Deci, utilizarea unei structuri de antet bine definite se poate dovedi utilă atât în ceea ce privește SEO, cât și accesibilitatea web.

4. Textul alternativ descriptiv oferă contextul potrivit atât utilizatorilor cu dezactivare, cât și motoarelor de căutare

Ghidurile de accesibilitate web sugerează, de asemenea, utilizarea textului alternativ descriptiv în toate imaginile paginilor web. Ajută chiar și utilizatorii cu deficiențe de vedere să înțeleagă despre ce este imaginea (cititorii de ecran citesc textul alternativ cu voce tare, oferind astfel contextul despre imagini utilizatorilor).
Chiar și în situațiile în care imaginea nu se încarcă din cauza unei conexiuni lente la internet, textul alternativ descriptiv se poate dovedi foarte util. Utilizatorii pot înțelege totul despre imagine doar privind textul alternativ.
Textul alternativ descriptiv ajută, de asemenea, motoarele de căutare să înțeleagă subiectul imaginilor și să le acceseze cu crawlere, ceea ce poate îmbunătăți în cele din urmă SEO-ul site-ului dvs.
Prin urmare, utilizarea textului alternativ potrivit nu numai că va ajuta utilizatorii cu dizabilități să înțeleagă mai bine conținutul site-ului dvs., ci va crește și clasamentul în căutarea site-ului dvs.

5. Textul de ancorare îmbunătățește relevanța paginii și stabilește așteptările utilizatorilor

Un alt factor de accesibilitate web este textul ancora, care asigură că linkul este prezentat utilizatorilor cu relevanță și acuratețe, astfel încât utilizatorii să poată naviga fără probleme.
Utilizatorii cu deficiențe care navighează cu ajutorul unei tastaturi sau al unui cititor de ecran navighează pe web sărind de la link la link. Folosirea unui text ancoră de calitate va asigura că acești utilizatori știu unde indică fiecare link, astfel încât să îl poată alege pe cel care le servește scopului.
Google consideră, de asemenea, textul de ancorare ca un factor critic de clasare care informează motorul de căutare despre conținutul site-ului către care direcționați vizitatorii.
Deci, textul de ancorare potrivit vă poate ajuta atât în scopuri de accesibilitate, cât și de SEO.

6. Trancrierile video ajută și la indexarea video

Regulile privind accesibilitatea web fac, de asemenea, obligatoriu ca proprietarii de site-uri web să furnizeze transcripții (descriere pe bază de text) pentru toate videoclipurile de pe site-ul dvs., astfel încât chiar și persoanele cu orbire și surditate să le poată accesa.
Procedând astfel, videoclipurile sunt accesibile și pentru:

Persoanele care sunt predispuse la convulsii declanșate de imagini intermitente
Persoane care au o conexiune Wi-Fi sau celulară lentă
Persoane care călătoresc într-un loc aglomerat și nu au căști

Trancrierile ajută, de asemenea, motoarele de căutare să înțeleagă conținutul dvs. video și să îl acceseze cu crawlere mai sus în clasamentele de căutare.

7. Sitemaps-urile ajută atât utilizatorii, cât și crawlerele motoarelor de căutare în navigarea lină

Sitemaps-urile nu numai că îi ajută pe utilizatorii cu deficiențe de vedere să navigheze fără probleme prin site, oferindu-le o imagine de ansamblu asupra întregului conținut, dar ajută și motoarele de căutare să găsească și să indexeze toate paginile.
Sitemap-urile sunt deosebit de utile în site-urile web care au un design complex, deoarece, în acest caz, motoarele de căutare ar putea rata sau ignora unele pagini web. De asemenea, navigarea printr-un site web complex fără o hartă va fi un coșmar pentru utilizatorii cu deficiențe de vedere.
În general, îmbunătățirea site-ului dvs. pentru accesibilitate va îmbunătăți și SEO. Servirea nevoilor vizitatorilor dvs. va servi și cerințelor motorului de căutare.

Cum să știi dacă site-ul tău este accesibil pentru toți oamenii?

Puteți verifica cu ușurință accesibilitatea site-ului dvs. web cu ajutorul instrumentelor/extensiunilor Chrome. Multe dintre ele sunt disponibile pe piață. Iată cele pe care le consider utile:

1. Google Lighthouse

Google Lighthouse oferă un audit detaliat al accesibilității unui site web. Acesta enumeră toate problemele care îl împiedică să devină complet accesibil și acordă un scor pe baza acestuia.
Iată cum va arăta ecranul de scor în Google Lighthouse:

Cu fiecare audit de accesibilitate, veți primi, de asemenea, sugestii despre cum puteți îmbunătăți scorul de accesibilitate al site-ului dvs.:

2. ace

Susținut de accessiBe, un jucător de top pe piața de accesibilitate web, aCe este un instrument de conformitate ADA pe care îl puteți folosi pentru a testa accesibilitatea site-ului dvs. web.
Cel mai bun lucru despre aCe este că este foarte rapid. În doar câteva secunde, vă poate oferi informații precise despre site-ul dvs. Nu e de mirare că liderii de piață populari au încredere în el pentru a verifica dacă site-ul lor este accesibil sau nu.
Următorul ecran va apărea când veți testa accesibilitatea site-ului dvs. pe acesta:

Aplicând remedierile relevante pentru aceste probleme, puteți îmbunătăți accesibilitatea site-ului dvs. web.

3. Un crawler

Puteți lansa un acces cu crawlere pentru a găsi linkuri rupte și veți obține numărul și starea erorilor pe care le aveți pe site-ul dvs.

Puteți face modificările necesare și puteți îmbunătăți accesibilitatea site-ului dvs. web.

4. axe Testarea accesibilității web

Instrumentul Axe Web Accessibility folosește biblioteca JavaScript open-source axe pentru a identifica defectele de accesibilitate pe o pagină web. Un lucru care face ca axe Web Accessibility să fie o alegere excelentă este interfața sa simplă de utilizator. Puteți vizualiza cu ușurință toate problemele împreună cu locațiile în care au fost găsite.

5. Verificatorul de accesibilitate Siteimprove

Siteimprove Accessibility Checker oferă, de asemenea, o imagine de ansamblu clară a problemelor de accesibilitate web, împreună cu explicații despre modul în care acestea pot afecta cititorii și sugestii despre cum puteți îmbunătăți accesibilitatea.

Listă de verificare pas cu pas pentru a vă asigura că site-ul dvs. este ușor accesibil pentru toată lumea

1. Utilizarea culorii

Nu utilizați niciodată culoarea gri deschis pentru text.
Utilizați o culoare contrastantă atât pentru text, cât și pentru fundalul butoanelor.
Asigurați-vă că păstrați contrastul dintre fundal și culoarea textului ca 4,5:1 (pentru text mic) sau 3:1 (pentru text mare).

2. Legături

Utilizatorii trebuie să poată face diferența vizuală între linkuri și textul linkului din jur.
Evitați să folosiți cuvinte precum clic aici. Textul linkului trebuie să definească scopul linkului.
Trebuie să furnizați linkuri de ignorare pentru utilizatorii de tastatură, astfel încât aceștia să poată naviga direct la conținutul principal.

Puteți consulta și această postare pentru Tehnici puternice de construire a legăturilor
Notă: Linkurile au puterea de a face sau de a distruge autoritatea site-ului dvs. Deci, este important să le folosiți cu înțelepciune. Mai bine dacă recrutați experți în crearea de linkuri sau angajați o agenție de construire a linkurilor în loc să efectuați experimente pe cont propriu. Dacă faceți acest lucru, vă veți asigura că nu faceți nicio greșeală în timpul procesului de construire a linkurilor.

3. Mementouri pentru cititorul de ecran

Contextul tuturor legăturilor ar trebui să aibă sens, astfel încât utilizatorii să nu fie confuzi.
Utilizați butoanele pentru a activa formularele pe cititoarele de ecran.
Furnizați linkuri de ignorare, pe care utilizatorii cititorului de ecran le vor folosi pentru a trece direct la conținutul principal.

4. Structura conținutului și semantică

Utilizați un titlu pentru fiecare pagină web.
Păstrați întotdeauna primul titlu ca H1.
Mențineți întotdeauna ierarhia în timp ce utilizați titlurile.
Alegeți întotdeauna o dimensiune a textului care să fie lizibilă și ușor de văzut. Dimensiunea obișnuită trebuie să fie de 14-16 px, textul întregului link de navigare trebuie să aibă 16-18 px.
Asigurați-vă că conținutul dvs. este aliniat la stânga, cu excepția titlurilor și subtitlurilor (care pot fi fie centrate, fie aliniate la stânga). Este util pentru persoanele care suferă de dislexie, precum și pentru confortul utilizatorilor obișnuiți în timp ce citesc de la stânga la dreapta.
Păstrați întotdeauna navigarea prin breadcrumb aliniată la stânga.
Trebuie să oferiți cititorilor cu dizabilități posibilitatea de a mări fonturile de pe site-ul dvs. web.

5. Imagini & Media

Utilizarea textului alternativ pentru toate imaginile este obligatorie.
Asigurați-vă că linkurile de imagine descriu destinația linkului. Acest lucru este crucial pentru persoanele care folosesc cititorul de ecran pentru navigare.
Avertizați utilizatorii când un link îi duce în afara site-ului (aplicabil atât pentru utilizatorii obișnuiți, cât și pentru cei cu deficiențe de vedere).
Păstrați textul alternativ concis. De asemenea, ar trebui să explice bine imaginea.
Asigurați-vă că videoclipul dvs. este subtitrat.
Videoclipul dvs. ar trebui să aibă un dialog transcris, o narațiune și alte sunete semnificative.
Transcrieți podcasturile pentru a ajuta utilizatorii cu deficiențe de auz să le înțeleagă.
Utilizatorii afectați ar trebui să poată întrerupe, opri sau ascunde redarea automată a conținutului media.

Dacă doriți să aflați mai multe, puteți consulta regulile privind accesibilitatea conținutului web ale W3C.

Pe scurt

În ciuda importanței sale tot mai mari, mulți experți în marketing văd accesibilitatea web ca pe o idee ulterioară. Internetul este plin de site-uri web care au încălcat regulile ADA privind accesibilitatea web și au plătit prețul cu procese de rang scăzut și costisitoare.
Acum este momentul să ne schimbăm perspectiva și să acordăm accesibilității web atenția pe care o merită. Nu numai că face navigarea pe web o experiență ușoară pentru fiecare utilizator, dar îmbunătățește și SEO-ul site-ului tău.
Blogul v-a oferit ideea cum puteți îmbunătăți SEO site-ului dvs. făcându-l ușor accesibil. Acum, implementați toate aceste lucruri practic pe site-ul dvs. și observați rezultatele. Nu uitați să vă împărtășiți experiența în comentarii.