Warning: Illegal string offset 'enable' in [path]/includes/class_postbit.php on line 1096

Warning: Illegal string offset 'enable' in [path]/includes/class_postbit.php on line 1096

Warning: Illegal string offset 'enable' in [path]/includes/class_postbit.php on line 1096

Warning: Illegal string offset 'enable' in [path]/includes/class_postbit.php on line 1096

Warning: Illegal string offset 'enable' in [path]/includes/class_postbit.php on line 1096

Warning: Illegal string offset 'enable' in [path]/includes/class_postbit.php on line 1096

Warning: Illegal string offset 'enable' in [path]/includes/class_postbit.php on line 1096

Warning: Illegal string offset 'enable' in [path]/includes/class_postbit.php on line 1096

Warning: Illegal string offset 'enable' in [path]/includes/class_postbit.php on line 1096

Warning: Illegal string offset 'enable' in [path]/includes/class_postbit.php on line 1096
Portal - Par savjeta kako optimizirati web stranicu koristeći alt atribut
  • 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 10 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.
    1. Kladivo avatar
      Kladivo -
      ma da to je dobro imati alt u biti moraš to imati al nešto posebno special da će ti to pmoći neće i ako bude točan naziv ili malo drugačiji to također nema veze jer vidio sam u google images rangirane slike za neki keyword skroz na vrhu a naziv slike je 41654654.jpg i alta uopće nema ili nešto šturo npisano, i takve slike su bolje rangirane od nekih u kojima je sve napisano tip top,,, google je skroz poludio više nemožeš u ništa biti siguran ako si previše siguran i sve ispeglaš onda će te penalizirati zbog overoptimizacije
    1. lanakuku4 avatar
      lanakuku4 -
      Nisam ni sumnjala da ću na webmajstorima dobiti odgovore za kojim tragam!
    1. Ray avatar
      Ray -
      Citiraj Prvotno napisano od lanakuku4 Vidi poruku
      Nisam ni sumnjala da ću na webmajstorima dobiti odgovore za kojim tragam!
      Tj. registrirati se isključivo da uvališ link iz potpisa.
    1. goranbr avatar
      goranbr -
      ne radi se to tako, pa ima neka tema na forumu koja ima pr veci od 0 i onda je dignes iz mrtvih sa glupim komentarom i to se zove seo a ne spam. Vajt seo. A lijepo li je jos kad nadjes forum dje moderatora nema pa ubacujes link u postove koji su nidje veze a tema pr 3 a forum dofalov. Postajes nindža seo majstor. Sadrzaj je kralj.
  • Sponzori

    reklama

    reklama
  • IT katalog

    WMD.hr - AKCIJA 1+1 Web prostor ili web hosting, Samostalna izrada web stranica, CMS sistemi, Internet marketing, SEO.

    RSInternet.hr - Tvrtka RSinternet pruža kompletnu uslugu za vaše web stranice: web dizajn, smještaj web stranica te savjetovanje za internet oglašavanje.

    Web za apartmane - Profesionalne web stranice za prezentaciju apartmana i privatnog smještaja.

    Arabba.hr - Izrada web stranica koje su estetski vrhunske kvalitete i povoljne cijene. CMS rješenja, izrada web aplikacija, internet marketing.

    Giga Portal - IT portal posvećen računalima, smartfonima, telekomunikacijama, znanosti i gadgetima

    GeeK.hr - Ultimativna zabava za geekove!

    Vaš link - Postavite link s kratkim opisom ovdje.
  • Facebook i Google+