• Par savjeta kako optimizirati web stranicu koristeći alt atribut

    alt-tag

    Jedno od područja u kojem se web dizajneri i stručnjaci za optimizaciju internet stranica za tražilice ne mogu složiti je upotreba slika umjesto običnog teksta. Upotreba slika može naštetiti efikasnosti elementa, dok tekst može puno pomoći. U alt atributu koji se nalazi unutar*img tagova*možete napisati kratki opis slike bez obzira je li to fotografija, navigacijski element ili neka druga korisna slika. On dopušta da korisnicima koji postave kursor miša iznad slike opišete sliku, ali također daje tražilici više informacija o slici nego što joj daje naziv datoteke. Optimiziranje alt atributa samo je dio efikasnog optimiziranja web stranice za tražilice, a slijedi i par savjeta kako optimizirati taj atribut.

    1. Ako postoji tekst na slici, alt atribut mora sadržavati točno taj tekst. Ako je taj tekst jedna riječ kao što je to slučaj s navigacijskim elementom, uključite tu riječ i dodajte kratki opis. To će dati tražilici informaciju o kakvom se elementu radi.

    2. Ako imate sliku koja nešto opisuje, napišite bar jednu rečenicu kojom opisujete korisnicima što je na slici, ali pazite da stvarno opisujete sliku. Googleovi „pauci“ ne mogu vidjeti slike, ali ljudi mogu ako inženjeri u Googleu shvate da u alt atribut stavljate stvari koje nisu bitne za sliku ili pokušavate povećati broj ključnih riječi na stranici, mogu vas izbaciti iz rezultata tražilice.

    3. Ne mora svaka slika imati tekst u alt* atributu. Primjerice, nemojte dodavati opis slike ako ju koristite kako bi ispunili prazan prostor na stranici. To naravno nema smisla i može naštetiti poziciji stranice u rezultatima tražilice. Bez obzira što alt atribut može biti prazan, nikako ga nemojte izostaviti jer po HTML5 specifikaciji on mora postojati iako je prazan(alt = ““). Ako želite dodatno poboljšati poziciju stranice držite se HTML5 specifikacije i tražilica će vas voljeti.

    Izvor: GeeK
    Komentara 6 Komentara
    1. Uber_Gosu avatar
      Uber_Gosu -
      Mala ispravka:
      On dopušta da korisnicima koji postave kursor miša iznad slike opišete sliku
      Za to je namjenjen:
      Kod:
      title="Naziv Slike"
      U biti title tag će preuzet važnost ako se stavi. IE ne prikazuje alt tag, samo title...

      namjena alt taga je da se korisnicima koji npr. ne vide nego surfaju specijalnim pomagalima omogući razumjevanje slike.

      Naravno za SEO da je alt tag bitan, tu title tag nema nikakvog učinka

      Možda je dobro naglasit da je vrlo bitan i naziv samog fajla...
    1. posluzitelj avatar
      posluzitelj -
      Citiraj Prvotno napisano od Uber_Gosu Vidi poruku
      Mala ispravka:

      Za to je namjenjen:
      Kod:
      title="Naziv Slike"
      U biti title tag će preuzet važnost ako se stavi. IE ne prikazuje alt tag, samo title...

      namjena alt taga je da se korisnicima koji npr. ne vide nego surfaju specijalnim pomagalima omogući razumjevanje slike.

      Naravno za SEO da je alt tag bitan, tu title tag nema nikakvog učinka

      Možda je dobro naglasit da je vrlo bitan i naziv samog fajla...
      Ufff...a ja mislio da alt ili title tagom neke fotke spideri povezuju "image" sa kljucnim rijecima kako bi mogli prilikom pretrazivanaja ponuditi fotke vezane uz pojam. Kad ono...to su napravili za slijepe korisnike...svaka im cast!
    1. CreatifCode avatar
      CreatifCode -
      Citiraj Prvotno napisano od posluzitelj Vidi poruku
      Ufff...a ja mislio da alt ili title tagom neke fotke spideri povezuju "image" sa kljucnim rijecima kako bi mogli prilikom pretrazivanaja ponuditi fotke vezane uz pojam. Kad ono...to su napravili za slijepe korisnike...svaka im cast!
      Pa i jesu ti tagovi su stavljeni prije nego je ikakav SEO bio u upotrebi i kad uopće nije bio važan. Svi tagovi koji se danas koriste imaju semnatičku vrijednost i uvedeni su radi korisnika, a ne nekakvog SEOa.
    1. gambo avatar
      gambo -
      Slijepih korisnika je bilo i prije Googlea i prije SEO-a.
      Alt tag se koristi prvenstveno zato da bi slijepi mogli znati što je na slici, čitač im čita alt tagove. Zbog toga je alt tag i izmišljen.
      Jesi li isprobao kako zvuči tvoj sajt kad ga čita čitač za slijepe?

      Pored toga, prije Googlea i prije SEO-a je bilo i sporog interneta (a svi su imali spori internet).
      Alt tagovi su služili da korisnici mogu znati što je na slici prije nego se slika prikaže, i onda odluče hoće li pričekati da se slika učita ili prekinuti učitavanje stranice, odnosno, ako imaju isključen prikaz slika, da odluče hoće li uključiti prikaz slika.
      Isto je i danas aktualno kod surfanja mobitelima sa sporom vezom i skupim prometom, i kod mailova gdje i dalje prema alt tagu odlučujemo hoćemo li učitati sliku.

      U vrijeme kada je alt tag izmišljen, a i puno godina nakon toga, nisu postojale tražilice koje bi čitale alt tag.
      Tadašnje najpopularnije tražilice (Altavista, Lycos, Excite, HotBot...) nisu indeksirale sadržaj web stranica, niti pojedine stranice sajta. Indeksirale su samo title, description i keywords početne stranice sajta.
      Tek puno godina kasnije Google je počeo čitati alt tagove. Naravno, sve što je dobro uvijek se zloupotrebljava u SEO svrhe, tako da, ako se alt tag koristi prvenstveno u SEO svrhe trpanjem keyworda, umjesto za kratki opis slike, može nanijeti više štete nego koristi.

      Internet Explorer je svojedobno, do verzije IE7, pogrešno prikazivao sadržaj alt taga kao tooltip kad se kursor miša položi iznad slike. Microsoft je kasnije to označio kao bug i uklonio iz IE8.
      "On dopušta da korisnicima koji postave kursor miša iznad slike opišete sliku" u članku je besmislica. Za to služi title tag.
    1. posluzitelj avatar
      posluzitelj -
      Pozdrav gambo
      Progugl´o sam ovo u vezi alt-taga, i zaista, vezano uz alt tagove fotki, spominju se internet useri s problemom vida (slijepci)
      Pa da te pitam;
      Imam web stranicu [url=http://goo.gl/Ua9Mr] sa jednom od fotki na index stranici tagiranu sa "Fotos de Croacia" koja preusmjerava posjetitelje na galeriju fotografija Hrvatske i, takodjer, pozicionira mi web kada netko gugla "fotos de Croacia"
      Pa sam, nakon tvog komentara, u dilemi.
      Dali bih tu fotografiju, s obzirom da alt tag, po tebi i wikipedijama, sluzi prvenstveno slijepim osobama, u codu morao, umijesto:
      <a href....alt="Fotos de Croacia" ...</a> morao tagirati sa: ....alt="Ribar sa prosarano bijelo-plavom majicom stoji u barci sa mercury motorom od 50 konja, a u pozadini sarene gradjevine i nebo s bijelim oblacima. S desne strane je kamena riva i cesta" sto bi, zaista, slijepoj osobi, detaljno opisalo fotografiju.
      Ili da ostavim alt="fotos de Croacia", pa da kada, i ukoliko, (slijepi) korisnik otvori galeriju sa fotografijama i postavi kursor na fotografiju Zagreba, umjesto tag-a, koji sam postavio, "Zagreb" (koji, mislim ja, slijepoj osobi zaista ne znaci puno) postavim tag "sivo-smedje gradjevine glavnog grada hrvatske s katedralom u sredini"
      "User expirience" ce biti puno bolji?
      Kako ti tagiras fotke na svom webu?
      Za gugl ili za slijepce?
    1. gambo avatar
      gambo -
      Context is Everything
      The most appropriate alt text communicates the purpose of the graphic, not its appearance.

      Vidi WebAIM: Appropriate use of alternative text

      U konkretnom slučaju, ja bih stavio alt tekst "Fotogaleria: fotos de Croacia" što bi čitač pročitao kao "link image fotogaleria fotos de croacia". (meni "image" čita kao "imaž"?)
      Iz tog alt taga je jasno da je riječ o slici koja je link na fotogaleriju sa slikama iz Hrvatske.

      Alt tag "Ribar sa prosarano bijelo-plavom majicom stoji u barci sa mercury motorom od 50 konja, a u pozadini sarene gradjevine i nebo s bijelim oblacima. S desne strane je kamena riva i cesta" ničime ne upućuje da je riječ o slici koja je link na fotogaleriju sa slikama iz Hrvatske. A i treba ga dugo slušati, što usporava korištenje ostatka stranice, iako nikome nije ni zanimljiv ni koristan.
      Za detaljne opise slika postoji longdesc WebAIM: Creating Accessible Images - Long Descriptions pa koga zanima neka čita, koga ne zanima neka ignorira.

      Što se Gugleta tiće, i dalje vrijedi pravilo: što je dobro za korisnike, dobro je i za Google.