Kako poboljšati pristupačnost web lokacije + SEO

Pronalaženje mjesta na kojem zajednički postoje pristupačnost i SEO

To nije mit - postoje neka područja na kojima se SEO i pristupačnost mogu presijecati. Zasluge: Upsplash

Optimizacija pretraživača (SEO) i dostupnost web stranica nisu ista stvar. Postoje različita pravila koja treba slijediti, različita ciljna publika i različiti načini za testiranje njihove učinkovitosti.

Optimiziranje vaše web stranice za botove na tražilicama ne znači da će biti automatski dostupan i stvarnim ljudima. Neke SEO prakse mogu čak i naštetiti pristupačnosti vaše web lokacije.

No, nisu sve loše vijesti, postoje područja na kojima se dva svijeta preklapaju. Ako imate ograničeni proračun i / ili vremenski okvir za projekt, ciljanje na ovih šest područja * može istovremeno poboljšati i SEO i dostupnost web stranica.

* Napomena: fokus ovog članka je na područjima preklapanja. Svaki određeni zadatak u svakom donjem području može ciljati SEO više, neki zadaci mogu više ciljati na pristupačnost.

Upozorenje: bradata pica s hipsterom će vas loviti i prisiliti vas da pijete ručno izrađenu kavu koju je napravio u svojoj kadi, ako podcjenjujete važnost korisničkog sučelja za SEO i dostupnost web stranica. Zasluge: Upsplash

Pitanja strukture

Ne podcjenjujte snagu dobrog korisničkog sučelja (UI). Web stranice s čistim, jasnim i dosljednim korisničkim sučeljima osobito su dobre za botove pretraživača i ljude koji koriste uređaje za pomoćnu tehnologiju ili koji koriste samo tipkovnicu. Razmislite o tome - ako korisnik ili bot ne može pronaći stranicu, kako mogu uopće čitati ili komunicirati s njom? Trebate olakšati pronalaženje stranica i interakciju s web stranicom.

Najbolje prakse

  • Konstruirajte svoj navigacijski i izgled stranice na jasan i dosljedan način i ima više načina pronalaženja sadržaja (npr. Pretraživanje, sitemap, sadržaj). Botovi tražilice poput dobro organizirane arhitekture web stranica, što ih dovodi do indeksiranja vašeg sadržaja na smisleniji način.
  • Ako je do vaše web stranice teško kretati ili se koristiti, to može utjecati na statističke podatke vašeg korisnika, uključujući - vrijeme na web mjestu, pregledane stranice i stopu napuštanja početne stranice. To zauzvrat može naštetiti vašoj SEO ljestvici. U najmanju ruku, to će iritirati vaše korisnike.
  • Izbjegavajte korištenje CSS-a ili drugih stilskih markiranja kako biste prenijeli značenje. Nikada ne biste trebali "lažirati" element koji bi umjesto toga trebao koristiti HTML označavanje.
  • Ako je prikladno, koristite dostupne elemente HTML 5 stranica, poput <čestica>, , ,
    . Ti elementi su više opisni za botove tražilice i uređaje pomoćne tehnologije, a obični
    ili

    ​​elementi.

Oznake, oznake, svugdje oznake. Oznake paketa ručne izrade raznih veličina i boja. Zasluge: Upsplash

Pravilna uporaba oznaka

Sadržaj vaše web stranice može se svoditi na HTML označavanje, uključujući oznake koje se koriste za naslove vaše stranice (da se ne brka s oznakama

). Kretanje kroz oznake

i

može korisniku ili pretraživaču pružiti pregled stranice i kako je njen sadržaj strukturiran, dok oznake

do

omogućuju brzo razumijevanje detalja u svakom odjeljku , Za ispravnost ovih oznaka važno je i pristupačnost web mjesta i SEO.

Najbolje prakse

  • Držite oznake zaglavlja dosljednima i ne samo stilski tekst da biste vizualno dobili naslove - koristite stvarne oznake naslova. Inače, botovi tražilice i korisnici neće znati koji je sadržaj najvažniji.
  • Oznake naslova trebaju biti u redu. To znači da

    slijedi

    , a

    , a zatim

    ili

    i tako dalje.

  • Izbjegavajte preskakanje oznaka naslova kada se spuštate kako bi bili na stranici na web mjestu. Na primjer, ne preskačite s

    na

    . Napomena: u redu je preskakati oznake naslova kada idete prema gore (
    do

    ) ako započinjete novi odjeljak stranice.

  • Najbolje je imati samo jedan

    po stranici. Razmislite o

    oznakama kao uglavnom "oznakama naslova druge stranice" koji šalju signal relevantnosti robota tražilicama.

Vježbom do savršenstva. Sportaš počiva u bijelim Adidasovim cipelama na ogradnoj lanci. Zasluge: Upsplash

Savršite svoje veze

Poveznice mogu napraviti ili prekinuti web mjesto za botove tražilice i ljude koji koriste uređaje pomoćne tehnologije, poput čitača zaslona. Nakon pregleda naslova stranica, poveznice su sljedeći glavni element koji korisnici i alati za indeksiranje najčešće uzimaju u obzir, stoga je ključno da veze budu što je moguće savršenije.

Najbolje prakse

  • Pazite da nemate prekinute veze. To se može smatrati znakom zapuštene ili napuštene web stranice za SEO. To je također loša praksa pristupačnosti web stranica koja može omesti ili zbuniti vaše korisnike.
  • Koristite interne veze označavanja, ali nemojte pretjerivati. Prema Yoast.com-u: "poboljšava vaš SEO povezivanjem jednog dijela sadržaja s drugim, tačnije grupe postupaka jedan s drugim." Također omogućuje jednostavni pristup sličnom sadržaju jednim klikom.
  • Navedite opisni tekst veze. Izbjegavajte upotrebu izraza poput klika ovdje i pročitajte više. Ako više volite koristiti te izraze, možete ih zadržati * ako * dodate dodatne informacije o vezama vizualno skrivenim ili ARIA metodama.
  • Preskočite dodavanje opisnih atributa naslova vašim vezama (tekst koji se pojavljuje kada pokažete pokazivač miša iznad veze). Nije nužno krivo dodavati naslove veza, ali vjerojatno nije od velike koristi ni za SEO ni za web dostupnost.
Reci ptičica! Žena u ružičastoj cvjetnoj košulji koja drži retro Nikon fotoaparat. Zasluge: Upsplash

Optimizacija slike

Iako botovi tražilice i ljudi koji koriste čitače ekrana ne mogu „vidjeti“ u tradicionalnom smislu, i oslanjaju se na imena slika i alternativni tekst kako bi im rekli što slika prikazuje. Uspostavljanje ovih elemenata bitno je kako za nadopunu okolnog sadržaja, tako i za cjelokupno korisničko iskustvo.

Najbolje prakse

  • Budite što dosljedniji i precizniji pri imenovanju slika. Na primjer, ne imenujte vašu datoteku smeđa-štenad.jpg za fotografiju narančaste mačke tabby.
  • Izbjegavajte korištenje nefiničnih znakova (npr. 7,%, &, $) i koristite crtice između riječi, a ne podvlake u imenima slika ili alternativnom tekstu. Na primjer, napišite narančasti-tabby-cat.jpg, a ne 0r @ nge_t @ 66y_c @ t! .Jpg
  • Neka alternativni tekst bude ispod 125 znakova. Ako vam treba više znakova, upotrijebite tekst opisa ili dodatno opišite sliku u glavnom području teksta na stranici.
  • Pišite alternativni tekst poput čovjeka, a ne robota. Punjenje ključnih riječi ne koristi nikome - ljudi koji koriste čitač zaslona će se naljutiti i botovi na tražilicama će vas kazniti. Samo nemoj to raditi.
Neka vaši mediji rade za botove i ljude. Izbliza vrtnje uređaja za snimanje. Zasluge: Upsplash

Dopunite svoje medije

Osobe s oštećenjem vida (npr. Poremećaji napadaja, slijepi), slušni poremećaji (npr. Gluhi, nagluvi), situacijski / privremeni nedostaci, osobe s lošom propusnom vezom i mnogi drugi mogu imati veliku korist od medija koji se prikazuju na pristupačnom put. Slično tome, botovi na tražilicama su "onesposobljeni" s obzirom da nemaju oči, uši ili ruke, tako da je ovo područje u kojem se i SEO i pristup web lokacijama nešto pristojno preklapaju.

Najbolje prakse

  • Manje je više. Ograničite upotrebu kompliciranih medijskih komponenti (npr. Prezentacija, video zapisa) u svom dizajnu kad god je to moguće. Nema straha ... postoje mogućnosti alternativnog izgleda.
  • Dodajte jasne, cjelovite i jezgrovite tekstualne opise i oznake na bitne medije. Dvaput razmislite o održavanju nebitnih medija.
  • Svi videozapisi i prezentacije trebaju imati gumb za reprodukciju / pauzu ako automatski napreduje - ali molim da se nikad ne pokrene automatski. U idealnom slučaju, sve kontrole medija trebaju biti dostupne.
  • Navedite alternativne načine pristupa vašem mediju. Na primjer, imate transkripte i / ili titlove za videozapise; stvoriti transkript datoteke samo za zvuk; dodajte datoteku formatiranu brajevim pismom u svoj medij. Na raspolaganju je mnogo različitih vrsta alternativnih formata.
Sadržaj je King. Kontejner tiskanih tiskanica tiskanih slova raznih veličina i porodice fontova. Zasluge: Upsplash

Isključite sadržaj

Posljednji, ali ne najmanje važan, nakon obraćanja ukupnoj strukturi vaše web stranice, oznaka naslova, veza, slika i drugih medija sljedeći je korak fokusiranje na stvarni sadržaj. Budući da je svaka web stranica jedinstvena pahulja, postoji puno varijacija sadržaja web stranica od jedne do druge web stranice. Ono što za neke korisnike funkcionira na nekim web mjestima možda ne djeluje za vas i vašu web lokaciju. Ključ je pisati najbolji sadržaj koji možete i zadržati Googleovu mantru stvaranja sadržaja u svom umu:

"Razmislite o tome što čini vašu web lokaciju jedinstvenom, vrijednom ili privlačnom. Učinite da se vaša web lokacija istakne od ostalih u vašem području. "

Najbolje prakse

  • Ograničite duljinu svakog stavka na otprilike tri rečenice i ciljajte razinu ocjene čitanja koja su u skladu s vašom publikom. U idealnom slučaju, kako za pristup web mjestu, tako i za SEO, trebate ciljati na razini 9. razreda.
  • Ne upotrebljavajte podebljane i kurzivne oznake za isticanje riječi, umjesto toga koristite jake i naglasne. Vizualno će izgledati međusobno slično, ali čitači zaslona (u ispravnom načinu rada) će naglasiti riječi okružene oznakama i dok će ih potpuno zanemariti ili samo malo izmijeniti i oznake ,
  • Ne duplicirajte sadržaj. Botovi tražilice primijetit će vas i kazniti. Vaši će korisnici biti zbunjeni.
  • Oznake i numerirani popisi pomažu vam u raščlanjivanju sadržaja za čitatelje, čineći ih jednostavnijim za upotrebu. Bonus: neka istraživanja pokazuju da roboti pretraživača preferiraju sadržaj s oznakama i brojevima nad običnim tekstom.

❤ Ako vam se ovaj članak svidio, pokažite svoju podršku klikom na ikonu clap (onoliko puta koliko želite), dijeljenjem priče na društvenim mrežama i slijedeći me na Medium ili Twitter! Hvala vam i sretno čitate❤

Ova priča objavljena je u najvećoj poduzetničkoj publikaciji The Startup, koju prati 273 971 i više ljudi.

Pretplatite se za primanje naših najboljih priča ovdje.