Pisanje velikog Alt teksta za slike web stranice

Poboljšanje pristupačnosti i sadržaja stranice Alt tekstom

Gledajte prilično bilo koju web stranicu na webu i vidjet ćete da je jedna od stvari koja im je zajednička jest slika. Slike se mogu koristiti na web stranicama za dodavanje vizualnog nastojanja, pomoći u ilustraciji ideja i dodavanju ukupnom sadržaju stranice. Pored odabira pravih slika i ispravno ih priprema za web isporuku , pazeći da sve slike web-lokacije pravilno upotrebljavaju ALT tekst, vrlo je važan dio pravilnog korištenja tih slika za web.

Što je Alt Text

Alt tekst je alternativni tekst koji upotrebljavaju preglednici teksta i drugi agenti web korisnika koji ne mogu pregledavati slike. To je također jedan od jedinih atributa koji zahtijeva oznaka slike. Pisanjem učinkovitog alt teksta osiguravate da vaše web stranice budu dostupne ljudima koji možda koriste čitač zaslona ili neki drugi pomagani uređaj da bi vam pristupili web stranici. Također osigurajte da se nešto ne prikazuje umjesto slike ako se ne učita iz bilo kojeg razloga (pogrešna staza, neuspjeh prijenosa itd.). Ovo je prava svrha Alt teksta, ali ovaj sadržaj može vam dati više mjesta za dodavanje SEO-friendly teksta koji tražilice neće vas kazniti (više o tome uskoro).

Alt tekst bi trebao ponoviti tekst u slici

Svaka slika koja ima tekst u njemu mora imati taj tekst kao alternativni tekst. Možete staviti druge riječi u alternativni tekst, ali u najmanju ruku treba reći istu stvar kao i slika. Na primjer, ako imate logotip za svoje slike, Alt tekst treba ponoviti naziv tvrtke koji je napisan vašim grafičkim logotipom.

Zapamtite, također, da slike poput logotipa također mogu značiti tekst - na primjer, kada vidite ikonu crvene kugle na web stranici zaobjavljene.bm, to znači "About.com". Tako je alternativni tekst za tu ikonu mogao reći "About.com", a ne samo "logotip tvrtke".

Zadrži kratki tekst

Što je duži vaš alternativni tekst, to će biti teže čitati pretraživačima teksta. Može biti primamljivo napisati dulje rečenice alternativnog teksta (obično se to radi jer netko pokušava staviti oznaku ključnim riječima), ali održavanje vaših Alt oznaka kratko zadržava stranice manjim i manjim brojevima.

Dobar pravilo za alternativni tekst je zadržati između 5 i 15 riječi ukupno.

Korištenje SEO ključnih riječi u Alt oznake

Ljudi često pogrešno misle da je svrha alternativnog teksta staviti ključne riječi pretraživača. Da, to je korist koju možete koristiti, ali samo ako tekst koji dodate ima smisla za pravu svrhu alt oznake - za prikaz inteligentnog teksta koji objašnjava što je slika treba netko ga ne može vidjeti!

Sada, rekao je, Alt tekst nije značio kao SEO alat ne znači ne možete koristiti vaše ključne riječi u ovom tekstu. Budući da je alternativni tekst važan i potreban za slike, tražilice vam vjerojatno neće kažnjavati ako stavite ključne riječi ako sadržaj koji dodate ima smisla. Zapamtite da je vaš prvi prioritet vašim čitateljima. Spam u sekundarnom tekstu može se otkriti i tražilice sve vrijeme mijenjaju pravila kako bi spriječili neželjene poruke.

Dobar pravilo je da ključne riječi pretraživača upotrebljavaju u skladu s opisom slike i ne upotrebljavaju više od jedne ključne riječi u svom alternativnom tekstu.

Držite tekst smisleno

Zapamtite da je točka alt teksta definirati slike za svoje čitatelje. Mnogi web-programeri koriste sami alternativni tekst, uključujući stvari poput veličine slike, naziva datoteka slika i tako dalje. Premda to može biti korisno za vas, to ne čini ništa za vaše čitatelje i zbog toga bi trebalo biti izostavljeno iz ovih oznaka.

Koristite Blank Alt Text samo za ikone i metke

Povremeno ćete koristiti slike koje nemaju korisnih deskriptivnih teksta, kao što su metak ili jednostavne ikone. Najbolji način korištenja ovih slika je u CSS-u gdje ne trebate alternativni tekst. Ali ako ih apsolutno morate imati u HTML-u, upotrijebite prazan alt atribut umjesto da ga ostavite u potpunosti.

Moglo bi biti primamljivo staviti znak kao zvjezdicu (*) da predstavlja metak, ali to može biti zbunjujuće da je jednostavno ostavlja prazno. Stavljanje teksta "metak" će se još više čudno prikazati u tekstualnom pregledniku.

Izvorni članak Jennifer Krynin. Uredio je Jeremy Girard na 3/3/17