Kako ispravno dodati ALT atribut slici?

Sadržaj:

Kako ispravno dodati ALT atribut slici?
Kako ispravno dodati ALT atribut slici?
Anonim

Svaka web stranica je izrađena korištenjem markupa - koda koji je napisan na posebno predviđenom jeziku (najčešće HTML). Korisnički preglednik zauzvrat može pročitati ovaj kod kako bi ispravno prikazao sve informacije koje su nam kreatori resursa htjeli prenijeti. Ispada da su svi elementi koje vidimo na web stranici osigurani izvornim kodom stranice koju posjećujemo.

Optimizacija koda

postavite atribut ALT
postavite atribut ALT

Kao što možete pretpostaviti, svako slovo ovog koda, svaki simbol ima značenje. Također, zanimljivo, događa se da vizualno stranica možda ne sadrži one elemente koji su iznimno važni za njegovu optimizaciju (misli se na ispravnu postavku resursa za tražilice). Broju takvih jedva primjetnih, na primjer, može se pripisati ALT atribut. Nalazi se na stranicama mnogih izvora, a vrlo često ga jednostavno ne primjećujemo.

U ovom članku želimo obratiti pažnju upravo na ovaj element web dizajna. Ovdje ćemo vam reći zašto je to toliko važno za ispravno rangiranje stranice, rast prometa i udobnost korisnika u radu s njom.

Što je ALT atribut?

Počnimo od samog početka: opisati ćemo o čemu se radi u ovom člankugovor i zašto nam je ovaj atribut uopće potreban.

ALT atribut
ALT atribut

Dakle, da biste razumjeli ovaj tekst, prvo morate razumjeti HTML označni jezik. To je kod na kojem su napisane osnovne web stranice, a koji, kao što je već napomenuto, ima svojstvo prikazivanja u pregledniku. Cijeli jezik se sastoji od posebnih atributa (kao što su IMG, ALT, FONT itd.). Svaki od njih odgovoran je za rad s jednim ili drugim elementom dizajna. U praksi se gore spomenuti atribut "Image" koristi za slike koje se mogu pronaći na stranicama web-mjesta. Točnije, uz njegovu pomoć izrađuje se opis slika prema kojem korisnik (posjetitelj stranice) može lako razumjeti što je na njima prikazano. Sigurno ste i sami naišli na takve opise - pojavljuju se kada mišem pređete preko slike.

Praktična vrijednost

Naravno, ovi se atributi s razlogom primjenjuju u praksi. Webmasteri trebaju opise za svoje slike koliko i posjetitelji stranice (vjerojatno više). Uostalom, ako sve slike nemaju atribut ALT, osoba to možda neće ni primijetiti ako se slikama na stranici dodaju tekstovi s objašnjenjima. S druge strane, roboti za pretraživanje (s praznim ALT-om) možda neće dovoljno visoko rangirati stranicu, smanjiti njenu poziciju u rezultatima pretraživanja i time neće dovesti dovoljan broj posjetitelja. Stoga sa sigurnošću možemo reći da opisi za slike na stranici također igraju važnu ulogu za same webmastere, tako da ne moguzanemarivanje.

Svim vidljivim slikama nedostaje atribut ALT
Svim vidljivim slikama nedostaje atribut ALT

Bonusi od tražilica

Da bismo bolje razumjeli prednosti ispravno popunjenih oznaka opisa za slike, dajmo mali primjer. Recimo da postoji web stranica na kojoj se nalaze slike. Ako atribut ALT nije postavljen, korisnik neće patiti, jer će u svakom slučaju vidjeti što je prikazano na određenoj fotografiji. Potpuno drugačiji ishod čeka vlasnika resursa, koji će zanemariti gornju oznaku, zbog čega će, na primjer, izgubiti dio prometa iz direktorija slika.

Kako napisati ALT atribut?

Tehnički, nema ništa teško ispuniti opis ispod ove ili one slike. Ovo je očito: trebate otići do HTML uređivača na svojoj web stranici i pronaći kod slike (počinje s IMG i završava istim). Unutar ovog bloka koda nalazi se kod. To je ono što misle kada kažu da trebate napisati atribut ALT. To se radi ovako: " alt=""opis".

Ako ne radite s čistim kodom, već koristite neki zasebni “motor” za stranicu (na primjer, Wordpress ili Joomla), on integrira poseban mehanizam za dodavanje “alts” putem kojih će se naša stranica pamtiti po tražilicama. Ako ispunite novi ALT, ažuriranje je na vašoj stranici.

Što pišu u atributu?

Naravno, kada imate zadatak napisati ALT atribut, ne razmišljate o tehničkimstrana. Najčešće se ovo pitanje postavlja ako webmaster ne zna koje podatke treba dati o određenoj slici. Zbog toga je teško reći koje će informacije koristiti web-mjestu sa stajališta tražilica.

U praksi postoji mnogo pristupa rješavanju problema opisa. Netko radi s tipičnim predlošcima, prema kojima se oznaka jednostavno popunjava ključnim riječima za koje je stranica stvorena. Možda je to najčešća praksa koja se često može naći. Ponekad, umjesto da traži kako napisati ALT atribut, korisnik jednostavno ostavi ovaj prostor praznim. Ovdje treba pojasniti da svatko donosi vlastitu odluku o tome koji opis naznačiti.

nedostaje alt atribut
nedostaje alt atribut

Zahtjevi

Istovremeno postoji nekoliko osnovnih pravila (ili, ako želite, zahtjeva) prema kojima svatko može zbrojiti idealan atribut za svoje slike. Sastoje se od malog broja stavki, od kojih se svaki odnosi na opise fotografija i slika na stranici.

Na primjer, prvi takav zahtjev je duljina cijelog teksta. Ako tražite kako ispravno napisati ALT atribut, rješenje je elementarno: ne koristite više od 2-3 riječi. Tekst ove veličine će, kao prvo, biti idealno pročitan od strane robota za pretraživanje (i učiniti vašu stranicu relevantnijom); drugo, takav je opis razumljiviji i samim korisnicima. Slažete se, pročitajte cijelu rečenicu, ako samo želite znati što je prikazano na slici, nitko neće. Dovoljno je biti kratak i precizan.opis koji će biti koristan i vama i vašim klijentima.

Ne zaboravite na značenje. Ako objavite fotografiju slona, svakako opišite njegovu pasminu ili povijest; navedite zašto je prikazano na ovoj fotografiji, što biste time htjeli reći. Posjetitelju bi bilo korisno da sazna vaše mišljenje o ovom slonu.

Još jedna važna točka (koja je utvrđena tijekom brojnih praktičnih testova) je jedinstvenost. Ako tražite kako slici dodati atribut "Image", zapamtite da mora biti jedinstven za svaku od navedenih fotografija na web-mjestu. Na primjer, objavljivanje tri slike zaredom s natpisom "moj slon" bit će pogrešno - to će samo naštetiti vašem resursu u rezultatima pretraživanja. Bolje je imenovati slike "slon 1" i "slon 2", što će ih učiniti jedinstvenijima.

Konačno, imajte na umu parametre samih slika kojima tražite kako dodati atribut ALT. Za slike je važno zadovoljiti niz kriterija – da ne budu premale, da izgledaju realno. Odnosno, ako navedete opis, učinite to za ozbiljnije slike koje se teže uzimaju u obzir. Nemojte kvalificirati atribut "Image" za neke male emotikone ili nešto slično.

Traži ALT

Konačno, razgovarali smo o osnovama atributa, nekim pravilima za njegovu kompilaciju i zahtjevima obje strane (i korisnika i robota za pretraživanje) prema njima. Sada razmislimo: kako tražiti ključne riječi i izraze,koje ćemo propisati na našoj web stranici? Kao što je gore navedeno, pretraživanje bi trebalo biti usmjereno na gotove baze podataka ključnih riječi koje stvarno počnu privlačiti kupce na vašu stranicu. Naravno, to se ne može postići ako još uvijek nemate atribut ALT. Uzmite gotove ključne riječi i izraze koje koristite u svom sadržaju i zalijepite ih u slike.

Ako nemate takve informacije i uopće niste razmišljali o tome da počnete postupno promovirati svoj resurs, predlažemo da počnete tražiti baze podataka takvih “ključnih riječi” s kojima možete jednostavno kreirati nove stranice. Za to su savršeni servisi poput Google alata za izvlačenje ključnih riječi ili Yandex. Wordstat, koji prikazuju statistiku pretraživanja za određene izraze. “Igranjem” s ovim postavkama možete značajno povećati udio prometa pretraživanja na svojim web-stranicama i na taj način početi ubirati nove prednosti. Glavna stvar je izbjeći situaciju u kojoj svim vidljivim slikama nedostaje ALT atribut.

Zaključci

Dakle, što možemo reći o atributu opisanom u ovom članku? To je dio jezika na kojem se izrađuju najjednostavnije stranice – HTML. To je vrlo lako učiniti, budući da opisuje elementarni, osnovni jezik. Kako biste još uvijek registrirali oznaku na slikama, morate je samostalno izdati putem izvornog koda. Ili, koristeći nove upute, ponovno se počnite izlagati. Kako god bilo, označavanje "Image" savršen je slučaj obostrane koristi kada su i posjetitelj i vlasnik resursa zadovoljni.

Označavanje oznake može dovesti do novogposjetitelji - ovaj se fenomen posebno često opaža na uslugama kao što su Google i Yandex Images. Kada kliknete na sliku, stranica samostalno određuje izvor s kojeg je slika preuzeta i preusmjerava posjetitelja. A ovo je, kao što razumijete, vrlo važno moći učiniti u budućnosti.

Preporučeni: