Svaka web stranica je kreirana korištenjem markupa - koda koji je napisan na posebno predviđenom jeziku (najčešće HTML). Korisnički pretraživač, zauzvrat, može pročitati ovaj kod kako bi pravilno prikazao sve informacije koje su kreatori resursa htjeli da nam prenesu. Ispostavilo se da su svi elementi koje vidimo na web stranici osigurani izvornim kodom stranice koju posjećujemo.
Optimizacija koda
Kao što možete pretpostaviti, svako slovo ovog koda, svaki simbol ima značenje. Takođe, zanimljivo, dešava se da vizuelno sajt ne sadrži one elemente koji su izuzetno važni za njegovu optimizaciju (misli se na ispravno podešavanje resursa za pretraživače). Broju takvih jedva primjetnih, na primjer, može se pripisati ALT atribut. Nalazi se na stranicama mnogih izvora i vrlo često je 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 pravilno rangiranje stranice, rast njenog prometa i udobnost korisnika u radu sa njom.
Šta 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.
Dakle, da biste razumjeli ovaj tekst, prvo morate razumjeti HTML jezik za označavanje. Ovo je kod na kojem su napisane osnovne web stranice, koji, kao što je već rečeno, ima svojstvo da se prikazuje u pretraživaču. Cijeli jezik se sastoji od posebnih atributa (kao što su IMG, ALT, FONT, itd.). Svaki od njih je odgovoran za rad s jednim ili drugim elementom dizajna. U praksi se gore spomenuti atribut "Image" koristi za slike koje se mogu naći na stranicama web stranice. Tačnije, uz njegovu pomoć kreira se opis za slike, prema kojem korisnik (posjetilac stranice) može lako razumjeti šta je na njima prikazano. Sigurno ste i sami naišli na takve opise - pojavljuju se kada pređete mišem preko slike.
Praktična vrijednost
Naravno, ovi atributi se s razlogom primjenjuju u praksi. Webmasterima su potrebni opisi za svoje slike koliko i posjetiteljima web stranica (vjerovatno više). Uostalom, ako sve slike nemaju atribut ALT, osoba to možda neće ni primijetiti ako se slikama na stranici dodaju tekstovi objašnjenja. S druge strane, roboti za pretragu (sa praznim ALT-om) možda neće dovoljno visoko rangirati stranicu, smanjiti njenu poziciju u rezultatima pretrage i samim tim neće dovesti dovoljan broj posjetitelja. Stoga sa sigurnošću možemo reći da opisi za slike na stranici igraju važnu ulogu i za same webmastere, tako da ne moguzanemariti.
Bonusi sa pretraživača
Da bismo bolje razumjeli prednosti ispravno popunjenih oznaka opisa za slike, dajemo 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 šta je prikazano na određenoj fotografiji. Potpuno drugačiji ishod čeka vlasnika resursa, koji će zanemariti gornju oznaku, zbog čega će izgubiti dio prometa iz direktorija slika, na primjer.
Kako napisati ALT atribut?
Tehnički, nema ništa teško ispuniti opis ispod ove ili one slike. Ovo je očigledno: potrebno je da odete do HTML uređivača na vašem sajtu i pronađete kod slike (počinje sa IMG i završava se istim). Unutar ovog bloka koda nalazi se kod. To je ono što misle kada kažu da trebate napisati ALT atribut. Ovo se radi ovako: “alt=“opis”.
Ukoliko ne radite sa čistim kodom, već koristite neki poseban “motor” za stranicu (na primjer, Wordpress ili Joomla), on integrira poseban mehanizam za dodavanje “alts” preko kojih će se naša stranica pamtiti od strane pretraživača. Ako popunite novi ALT, ažuriranje je na vašoj stranici.
Šta pišu u atributu?
Naravno, kada imate zadatak da napišete ALT atribut, ne razmišljate o tehničkimstrana. Najčešće se ovo pitanje postavlja ako webmaster ne zna koje informacije treba dati o određenoj slici. Zbog toga je teško reći koje će informacije koristiti web stranici sa stanovišta pretraživača.
U praksi postoji mnogo pristupa rješavanju problema opisa. Neko radi sa tipičnim šablonima, prema kojima se oznaka jednostavno popunjava ključnim riječima za koje je stranica kreirana. Možda je ovo 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 prazan. Ovdje treba pojasniti da svako donosi vlastitu odluku o tome koji opis naznačiti.
Zahtjevi
Istovremeno, postoji nekoliko osnovnih pravila (ili, ako želite, zahtjeva) prema kojima svako može sabrati idealan atribut za svoje slike. Sastoje se od malog broja artikala, od kojih se svaki odnosi na opise fotografija i slika na sajtu.
Na primjer, prvi takav zahtjev je dužina 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, prvo, biti idealno pročitan od strane robota za pretragu (i učiniti vaš sajt relevantnijim); drugo, takav opis je razumljiviji i samim korisnicima. Slažete se, pročitajte cijelu rečenicu, ako samo želite znati šta je prikazano na slici, niko 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, obavezno opišite njegovu rasu ili povijest; navedite zašto je prikazano na ovoj fotografiji, šta želite da kažete ovim. Posjetiocu bi bilo od pomoći da sazna vaše mišljenje o ovom slonu.
Još jedna važna tačka (koja je ustanovljena tokom brojnih praktičnih testova) je jedinstvenost. Ako tražite kako dodati atribut "Image" na sliku, zapamtite da on mora biti jedinstven za svaku od navedenih fotografija na web stranici. 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 nazvati 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 ALT atribut. Za slike je važno ispuniti niz kriterijuma – da ne budu premale, da izgledaju realno. Odnosno, ako navedete opis, onda to učinite za ozbiljnije slike koje se teže uzimaju u obzir. Ne kvalificirajte 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 pretraživati ključne riječi i fraze,koje ćemo propisati na našoj web stranici? Kao što je gore navedeno, pretraga bi trebala biti usmjerena prema gotovim bazama podataka ključnih riječi koje zaista počinju privlačiti kupce na vašu stranicu. Naravno, to se ne može postići ako vam još uvijek nedostaje ALT atribut. Uzmite gotove ključne riječi i fraze 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 postepeno promovirati svoj resurs, predlažemo da počnete tražiti baze podataka takvih „ključnih riječi“pomoću kojih možete lako kreirati nove stranice. Za to su savršeni servisi poput Google Keyword Extract Tool ili Yandex. Wordstat, koji prikazuju statistiku pretraživanja za određene fraze. “Igranjem” sa ovim postavkama možete značajno povećati udio prometa pretraživanja na vašim 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, šta možemo reći o atributu opisanom u ovom članku? To je dio jezika na kojem se kreiraju najjednostavniji sajtovi - HTML. To je vrlo lako učiniti, jer opisuje elementarni, osnovni jezik. Da biste i dalje registrovali oznaku na slikama, morate je samostalno izdati kroz izvorni kod. Ili, koristeći nova uputstva, ponovo počnite da se izrađujete. Kako god bilo, označavanje "Image" je savršen slučaj obostrane koristi kada su i posjetitelj i vlasnik resursa zadovoljni.
Označavanje oznake može dovesti do novogposjetitelja - ovaj fenomen se posebno često opaža na uslugama kao što su Google i Yandex Images. Kada kliknete na sliku, stranica samostalno određuje izvor iz kojeg je slika preuzeta i preusmjerava posjetitelja. A ovo je, kao što razumete, veoma važno da budete u mogućnosti da uradite u budućnosti.
