SEO și accesibilitate: supraîncărcați-vă UX

Importanța de a avea un site web accesibil

Multe activități se desfășoară în spațiile online - învățarea, cumpărăturile, operațiunile bancare și programarea. Este vital ca mediile digitale să fie la fel de accesibile ca și cele fizice. Atunci când site-ul dvs. este optimizat pentru tehnologii de asistență și moduri alternative de interacțiune, vă extindeți acoperirea pe piață și vă deschideți afacerea pentru toți și demonstrați incluziunea și echitatea.

Întreprinderile trebuie să ofere „bunuri, servicii, privilegii și avantaje deplină și egală” în conformitate cu Titlul III al Americans with Disabilities Act (ADA). Departamentul de Justiție al SUA interpretează că acest lucru include serviciile oferite pe internet.

Există un risc tot mai mare de acțiuni în justiție împotriva companiilor cu site-uri care nu sunt conforme cu ADA. În 2022, au existat 3.255 de procese privind accesibilitatea site-urilor web ADA Titlul III în instanța federală din SUA, o creștere de la 814 cazuri în 2017.

Accesibilitatea afectează SEO?

Când implementați funcții de accesibilitate care permit persoanelor cu dizabilități să interacționeze cu site-ul dvs. web, ajutați motoarele de căutare să vă înțeleagă mai bine site-ul și să-l indexeze mai precis.

Standardele din industrie pentru accesibilitatea site-urilor web sunt stabilite în Ghidul de accesibilitate a conținutului web (WCAG), publicat de World Wide Web Consortium (W3C). Specialiștii în marketing SEO pot folosi acest ghid pentru a aborda elemente tehnice, cum ar fi contrastul de culoare, textul alternativ al imaginii și navigarea, creând o experiență online echitabilă pentru toți, indiferent de abilitate.

Este accesibilitatea un factor de clasare?

Accesibilitatea site-ului web nu este un factor direct de clasare a motorului de căutare. Cu toate acestea, site-urile optimizate pentru toți utilizatorii au mai multe șanse să se alinieze cu factorii de clasare ai Google și să ajungă mai sus în rezultatele căutării.

Multe caracteristici de accesibilitate sunt legate de SEO, cum ar fi hărțile de site XML și HTML, lizibilitatea, subtitrările video și Core Web Vitals. Cu cât poți satisface mai multe elemente, cu atât este mai bine clasat site-ul tău.

De exemplu, un site cu Core Web Vitals sănătos se încarcă și se stabilizează rapid și răspunde rapid la interacțiunile utilizatorilor pentru o experiență optimă. Linia de jos? Google încurajează dezvoltatorii să creeze produse accesibile, așa că este important să urmați exemplul gigantului căutării.

Modalități de a integra accesibilitatea și SEO

În această secțiune următoare, voi evidenția câteva strategii de accesibilitate SEO care pot face site-ul dvs. mai util pentru persoanele cu dizabilități și motoarele de căutare.

Design site și UX

Google ia în considerare din ce în ce mai mult experiența utilizatorului în clasamentele sale, așa că un site cu SEO accesibil are șanse mai mari să se claseze bine. Veți reduce rata de respingere și veți încuraja implicarea vizitatorilor dacă utilizatorii cu dizabilități pot interacționa fără probleme cu site-ul dvs.

Îmbunătățiți designul site-ului prin:

• Păstrarea elementelor site-ului simple.
• Evitați încărcarea lentă a imaginilor, a anunțurilor intercalate și a conținutului intermitent.
• Oferă un contrast ridicat de culoare și un tip și dimensiune de font ușor de citit.
• Alinierea textului la stânga.
• Crearea unei arhitecturi logice de site și navigare intuitivă.
• Folosind titluri descriptive și clare.
• Evitarea culorii ca modalitate de evidențiere a informațiilor.
• Oferirea de moduri alternative de a naviga pe un site și de a consuma conținut.

Sitemap-uri XML și HTML

Harta site-ului oferă un link către fiecare pagină de pe un site web și oferă motoarelor de căutare o imagine de ansamblu asupra modului în care este organizat conținutul pentru accesare cu crawlere și indexare. Sitemaps-urile oferă, de asemenea, o metodă alternativă importantă de navigare pentru utilizatorii cu dizabilități, permițându-le să scaneze și să localizeze rapid paginile web relevante dintr-un singur loc.

Organizați-vă harta site-ului pe secțiuni și subsecțiuni pentru a afișa ierarhia site-ului și revizuiți-o de fiecare dată când o pagină este adăugată, mutată sau ștearsă pentru a vă asigura că nu există linkuri nefuncționale sau pagini lipsă.

Navigare

Un site ușor de navigat este esențial pentru accesibilitate, deoarece utilizatorii pot fi frustrați dacă nu pot găsi sau accesa conținut cu dispozitive de asistență. Navigarea afectează, de asemenea, SEO, deoarece motoarele de căutare urmează link-uri pentru a descoperi și indexa pagini noi.

Pentru a optimiza arhitectura site-ului dvs.:

• Plasați navigarea în locații familiare, unde utilizatorii le așteaptă.
• Folosiți etichete semnificative care să vă arate clar unde vă duc linkurile.
• Oferiți opțiuni de navigare cu tastatură pentru cei care nu pot folosi mouse-ul.
• Adăugați linkuri de secțiuni pe pagini cu mult conținut pentru o navigare mai rapidă.
• Asigurați-vă că linkurile sunt suficient de mari pentru ca utilizatorii să le poată face cu ușurință.
• Testați navigarea pentru a identifica problemele înainte de a lansa site-ul.
• Asigurați-vă că ordinea filelor este setată corespunzător.

Firimituri de pâine

Navigarea prin breadcrumb este o navigare specifică paginii, care apare orizontal în partea de sus a paginii. Arată unde se află o pagină în raport cu paginile părinte și este utilă pentru orientarea utilizatorilor către site-uri complexe, în special pe cei care ajung pe o pagină de categorie prin căutare în locul paginii de pornire. De asemenea, utilizatorii pot naviga rapid la paginile superioare în ierarhie direct din pagină.

În scopuri de SEO, navigarea prin breadcrumb arată motoarele de căutare cum sunt legate paginile. Paginile părinte pot, de asemenea, să partajeze echitatea linkurilor cu o pagină secundară prin intermediul linkului intern, ajutând la îmbunătățirea autorității pentru clasare.

Pentru o navigare eficientă în breadcrumb:

• Folosiți separatoare vizuale în pesmet, cum ar fi o bară oblică sau un semn mai mare decât. Adăugați breadcrumb folosind CSS, astfel încât cititoarele de ecran să nu anunțe separatorul vizual.
• Implementați date structurate, astfel încât navigarea prin breadcrumb să apară în rezultatele căutării. Acest lucru le spune căutărilor unde vor ajunge pe un site dacă fac clic pe un fragment.

Titluri pagini

Titlurile paginilor rezumă scopul sau conținutul unei pagini web. Ele apar adesea ca:

• Linkuri pe care se poate face clic în rezultatele motoarelor de căutare.
• Numele filelor deschise într-o bară de browser.
• Titluri implicite ale paginilor marcate.
• Titluri ale blocului de imagini pe care se poate face clic în linkurile de rețele sociale.

Motoarele de căutare folosesc etichete de titlu HTML pentru a înțelege despre ce este o pagină pentru indexare. Cititoarele de ecran vor anunța titlurile paginilor pentru a ajuta utilizatorii să găsească o pagină relevantă sau să știe ce pagină folosesc.

Pentru a optimiza o etichetă de titlu pentru accesibilitate SEO, creați un titlu de pagină util care:

• Descrie cu acuratețe pagina.
• Încorporează în mod natural cuvântul cheie țintă.
• Are 50 până la 60 de caractere.
• Obligă utilizatorii să facă clic.

Titluri

Etichetele de antet sunt un element standard al SEO pe pagină, folosit pentru a organiza textul în secțiuni pentru a îmbunătăți lizibilitatea. Fiecare antet semnalează începutul unui nou subiect sau subtopic.

Tehnologiile de asistență folosesc titluri pentru a conduce utilizatorii direct la secțiunea dorită, ceea ce este mai ușor decât citirea unei întregi pagini web pentru a culege informații specifice. Motoarele de căutare folosesc titluri pentru a înțelege conținutul care urmează fiecărui antet pentru a potrivi mai bine interogările.

Pentru a optimiza titlurile pentru accesibilitatea SEO:

• Utilizați etichete HTML adecvate, astfel încât tehnologiile de asistență să le poată citi.
• Asigurați-vă că fiecare antet descrie cu acuratețe conținutul secțiunii.
• Cuibați nivelurile antetului în ordine în secțiuni, așa că nu săriți de la un H3 la un H5.

Alt text

Alt text este o descriere scrisă a unei imagini online care înlocuiește imaginea. Acestea ajută persoanele cu deficiențe de vedere sau cu vedere scăzută să înțeleagă o imagine și oferă informații tuturor utilizatorilor dacă imaginile se încarcă lent sau lipsesc. Deoarece motoarele de căutare nu pot accesa cu crawlere imaginile, etichetele alt sunt importante în scopuri SEO pentru a transmite subiectul unei imagini pentru indexare.

Iată câteva lucruri de luat în considerare atunci când scrieți text alternativ:

• Nu este necesar să includeți „Aceasta este o imagine a” în descrierea dvs., deoarece cititorii de ecran anunță automat acest lucru.
• Scrieți o propoziție completă și aduceți imaginea la viață. În loc să folosiți „înghețată” pentru text alternativ, încercați: „Țineți cu mâna un cornet de vafe cu două linguri de înghețată de căpșuni”.
• Faceți alt text relevant pentru conținutul paginii și luați în considerare ceea ce o persoană vrea să știe în contextul subiectului.
• Dacă imaginile au o funcție, descrieți acțiunea mai degrabă decât imaginea. De exemplu, dacă o siglă Nike trimite la un produs Nike pe care îl vindeți, textul alternativ ar trebui să transmită această informație în loc să menționeze „sigla Nike”.
• Încorporați cuvinte cheie în mod natural. Umplutura de cuvinte cheie este considerată ca spam.
• Pentru imagini complexe, cum ar fi diagrame, link la descrieri detaliate.
• Pentru imagini decorative sau pentru a evita repetarea subtitrărilor detaliate de pe ecran, utilizați atribute alte goale, astfel încât cititorii de ecran să le omite.

Metadate

Metadatele, cum ar fi o meta-descriere, nu apar pe o pagină web publicată, dar ajută motoarele de căutare și utilizatorii să înțeleagă scopul și conținutul unei pagini.

Descrierile meta apar în SERP-uri sub titlul paginii și sunt importante pentru accesibilitate. Cititoarele de ecran le citesc cu voce tare pentru a ajuta utilizatorii să decidă dacă pagina le satisface nevoile înainte de a face clic pe. De asemenea, îmbunătățesc SEO, oferind motoarelor de căutare informații despre relevanța paginii, astfel încât să poată potrivi conținutul cu interogările adecvate, reducând rata de respingere.

Meta descrieri eficiente:

• Descrieți cu acuratețe conținutul unei pagini.
• Sunt clare și ușor de înțeles dacă sunt citite cu voce tare.
• Includeți un cuvânt cheie principal.
• Conține mai puțin de 160 de caractere.
• Conține un îndemn la acțiune și obligă utilizatorii să facă clic.

Prietenia pentru mobil

Mai mult de jumătate din traficul web global provine de la dispozitive mobile. Google accesează cu crawlere versiunea mobilă a tuturor site-urilor web noi, ceea ce înseamnă că site-ul dvs. ar trebui să fie accesibil și optimizat pentru smartphone-uri, tablete și alte dispozitive.

Pentru a vă asigura că site-ul dvs. este compatibil cu dispozitivele mobile:

• Utilizați un design receptiv care se redă pentru diferite dimensiuni de ecran.
• Formatați conținutul, astfel încât cititorii să îl poată trece cu ușurință.
• Păstrați site-ul simplu și curat, fără interstițiale intruzive.
• Optimizați viteza site-ului, astfel încât să se încarce rapid pentru utilizatorii din mers.
• Vizați anumite cuvinte cheie pentru căutarea vocală.

Subtitrări și transcriere video

Conținutul video crește în popularitate, dar fluxurile live, seminariile web, interviurile și demonstrațiile vizuale ale produselor pot fi provocatoare atât pentru utilizatorii surzi sau cu deficiențe de auz, cât și pentru motoarele de căutare, dacă nu furnizați subtitrări și transcrieri.

Subtitrările de pe ecran sunt o alternativă de text la audio pentru utilizatorii surzi sau cu probleme de auz. Unii oameni preferă, de asemenea, subtitrările atunci când se află într-un mediu zgomotos sau nu vor să-i deranjeze pe alții. În timp ce YouTube oferă subtitrări video automate, ar trebui să editați subtitrări pentru precizie pentru cea mai bună experiență de utilizator.

Transcrierile complete oferă o alternativă text la părțile vorbite ale videoclipurilor (și sunt grozave pentru SEO video). Ar trebui să le publicați pe aceeași pagină ca un videoclip sau pe o pagină separată cu un link. Cititoarele de ecran pot citi transcrierile mai rapid decât subtitrările video. Unii utilizatori pot prefera, de asemenea, să răsfoie o transcriere decât să vizioneze un videoclip sau să caute o transcriere pentru un anumit termen.

Deoarece motoarele de căutare nu pot accesa cu crawlere conținutul video, transcrierile oferă informații valoroase pentru indexare. Editați transcrierile pentru a elimina elementele conversației, cum ar fi „um” și „ah”, astfel încât să fie mai ușor de citit.

Text ancorat

Textul ancora este un text pe care se poate face clic care le spune utilizatorilor și motoarelor de căutare unde îi duce un link. Motoarele de căutare folosesc text ancora pentru a înțelege conținutul din jurul linkului și al paginii de destinație. Textul de ancorare precis este, de asemenea, important pentru utilizatorii cu dizabilități, astfel încât aceștia să nu facă clic în mod inutil către alte pagini care nu corespund nevoilor lor.

Scrieți text de ancorare concis și precis, astfel încât utilizatorii să știe la ce să se aștepte atunci când urmăresc linkul. Aceasta înseamnă evitarea frazelor generice, cum ar fi „dați clic aici” sau folosirea unei adrese URL ca text de ancorare.

Deoarece unii utilizatori cu cititoare de ecran vor scana o pagină pentru link-uri, un test bun pentru a stabili dacă textul de ancorare este accesibil este să vedem dacă este înțeles dacă este citit cu voce tare singur.

Lizibilitate

Lizibilitatea se referă la cât de ușor este de consumat un conținut. O pagină cu lizibilitate ridicată implică utilizatorii și îi menține pe site-ul tău mai mult timp. De asemenea, este mai ușor de înțeles de motoarele de căutare care încearcă să potrivească conținutul cu interogările utilizatorilor.

Puteți îmbunătăți lizibilitatea pentru SEO și accesibilitatea prin:

• Gruparea conținutului în bucăți cu antete clare, astfel încât informațiile să fie ușor de găsit.
• Eliminarea cuvintelor și alegerea unui limbaj simplu și convingător.
• Folosirea vocii active pentru un stil de scriere mai direct.
• Utilizarea listelor numerotate sau marcate pentru scanare.
• Scrierea pentru cititori și evitarea umplerii cuvintelor cheie.

Instrumente de testare a accesibilității

Există numeroase instrumente gratuite și plătite disponibile care vă pot oferi o idee despre cât de accesibil este site-ul dvs. Am enumerat câteva mai jos pentru a vă ajuta să începeți.

accessScan

accessScan oferă o analiză detaliată a modului în care site-ul dvs. măsoară în ceea ce privește elementele pe care se poate face clic, titluri, meniuri, orientare, grafică, formulare și lizibilitate. Acest instrument gratuit scanează un domeniu și vă spune dacă site-ul dvs. îndeplinește diverse standarde de accesibilitate, cu detalii despre elementele pe care nu le-ați îndeplinit. Puteți descărca informațiile ca raport PDF.

Verificator de accesibilitate

Accesibility Checker auditează site-urile web pentru conformitate, pe baza legislației de accesibilitate din anumite țări. Acesta oferă un scor general de conformitate, o listă de probleme urgente și secundare și soluții. Instrumentul gratuit poate fi utilizat pe pagini web individuale, dar va trebui să faceți upgrade pentru a scana mai multe pagini simultan.

Instrument de evaluare a accesibilității web (WAVE)

Dezvoltat de WebAIM, acest instrument testează paginile web pentru probleme de accesibilitate în conformitate cu ghidurile WCAG 2.1. Puteți accesa direct site-ul web WAVE și puteți introduce o adresă URL pentru a vedea o vizualizare a erorilor. Instrumentul suprapune pictograme pe pagina dvs. web pentru a vă arăta unde se află problemele. WAVE este disponibil și ca extensie de browser, astfel încât să puteți testa direct în Chrome, Firefox și Edge.

Obțineți ajutor pentru unificarea SEO și accesibilitate astăzi

În loc să abordați accesibilitatea ca pe o idee ulterioară, combinați-o cu SEO pentru a vă eficientiza eforturile de optimizare a site-ului. Echipa noastră de la Victorious vă poate ajuta să construiți strategii puternice care combină atât accesibilitatea, cât și SEO, creând un site web util, fără bariere, care ajunge la cel mai larg public posibil. Contactați-ne astăzi pentru o consultație gratuită.