Kako napisati izvrstan alt tekst za slike web stranica

click fraud protection

Pored odabirom pravih slika i pravilno ih pripremiti za web, pisanje sjajnog alt teksta presudan je zadatak koji nikako ne smijete zanemariti. Evo nekoliko uputa za pisanje efektivnog alt teksta za slike vašeg web mjesta.

Ponovite tekst na slici

Ako slika sadrži tekst, taj bi tekst trebao biti zamjenski tekst. Možete dodati druge riječi, ali alt tekst bi trebao reći isto što i slika. Na primjer, logotip za Acme Widgete koji sadrži stvarne riječi trebao bi imati zamjenski tekst koji uključuje te riječi.

Imajte na umu da slike poput logotipa mogu implicirati tekst - poput crvene kuglice u logotipu Dotdash, na primjer. To je točka, pa mozak čita i pamti "crticu s točkicama". Alternativni tekst za tu ikonu mogao bi biti "Dotdash.com", a ne samo "logotip tvrtke."

Točkasti logotip
 Lifewire

Neka tekst bude kratak

Što je vaš alt tekst duži, to je teže čitati ga u tekstualnim preglednicima. Može biti primamljivo napisati dugačke rečenice alt teksta (uobičajena praksa punjenja ključnih riječi koja može nanijeti SEO kazne), ali ako kratice alt oznaka budu kratke, vaše će stranice biti manje. Manje se stranice brže preuzimaju. Slatko mjesto je između pet i 15 riječi.

instagram viewer

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

Glavna svrha alt oznake nije pojačavanje SEO vrijednosti, već prikaz inteligentnog teksta koji objašnjava što je slika. Informativni, relevantan tekst za vašu alt oznaku, međutim, pozitivno utječe na vrijednost SEO-a.

Usprkos tome, korištenje vaših ključnih riječi u alt tekstu dobra je praksa ako su primjerene. Tražilice vas vjerojatno neće kazniti ako tamo stavite ključne riječi ako sadržaj koji dodate ima smisla. Sjetite se samo da vam je čitatelj najvažniji. Tražilice otkrivaju neželjena pošta po ključnim riječima lako, a tražilice često mijenjaju svoja pravila kako bi spriječile pošiljatelje neželjene pošte.

Općenito, u alternativnom tekstu ne koristite više od jedne ključne riječi.

Neka vaš tekst bude smislen

Imajte na umu da je poanta alt teksta definiranje slika za vaše čitatelje. Mnogi web programeri koriste zamjenski tekst za sebe i uključuju informacije poput veličine slike, imena datoteka itd. Ovo bi vam moglo biti korisno, ali ne čini ništa za vaše čitatelje - koji su prioritet u bilo kojem web dizajnu.

Koristite prazan zamjenski tekst samo za ikone i znakove

Povremeno ćete upotrebljavati slike bez korisnog opisnog teksta, poput metaka i jednostavnih ikona. Najbolji način za korištenje ovih slika je u CSS-u, gdje vam ne treba alternativni tekst. Ali ako ih apsolutno morate imati u sebi HTML, koristite prazni atribut alt, umjesto da ga uopće izostavite.

Možda je primamljivo upotrijebiti znak kao što je zvjezdica za predstavljanje metka, ali to može zbuniti više od pukog ostavljanja praznog. Korištenje teksta "metak" prikazalo bi se još čudnije u pregledniku teksta.

Zašto je alternativni tekst uopće važan?

Tekstualni preglednici i drugi web korisnički agenti koji ne mogu pregledavati slike koriste alt tekst za "čitanje" slika. Time se postiže nekoliko stvari:

  • To čini vaše Internet stranice dostupno ljudima koji koriste čitač zaslona ili drugi pomoćni uređaj.
  • Ako se slika ne uspije učitati, zamjenski tekst daje gledatelju do znanja što bi tamo trebalo biti.
  • Tražilice ne mogu "vidjeti" slike, ali mogu i čine paukovski alt tekst - tako da uključivanje alt teksta pomaže SEO vrijednosti vaše stranice.
instagram story viewer