Atribut alt oznake img. Kako pravilno dodijeliti ALT atribut slici

Pozdrav dragi korisnici sajta. Optimizacija vašeg bloga je složen proces koji zahtijeva određene vještine, iskustvo, a ako ga nemate, onda morate imati veliku bazu znanja, koju preuzimamo iz članaka na blogovima popularnih webmastera.

Mnogi ljudi govore o tome da SEO umire, ali ipak ima mnogo onih koji nastavljaju da se pridržavaju pravila ova tri slova. Svako ko potpuno ne zna šta je SEO može biti zapanjen. Međutim, ovaj problem je lako rješiv, apsolutno za svakoga. Nakon što ste naučili glavne aspekte u ovoj oblasti, moći ćete da savladate pravila za promociju vašeg bloga na pretraživačima, a kao što znamo, to je najvažnije.

Dakle, o čemu će biti današnji članak. Sada ćemo govoriti o grešci mnogih dizajnera, blogera itd. Općenito, ne pažnja u optimizaciji slika na web mjestu, što utiče na promociju vašeg resursa na mreži.

Šta nije svesnost? Na primjer, naslov slike trebao bi se sastojati od ključnog zahtjeva za koji je članak prilagođen. Yandex, Google obraćaju pažnju na ovo, ali ljudi u blogosferi o tome ni ne razmišljaju.

Hajde da počnemo!

Šta je alt i naslov za slike?

Atribut "alt"!

Njegova svrha je da prikaže fragment teksta slike. Najčešće je ovo opis slike i neće biti vidljiv vašim korisnicima. Ovakve oznake su veoma važne za promociju pretraživača. Ljudima praktično ništa ne znače.

Da objasnim na prstima. Robot za pretragu hoda po stranicama, došao je do vas, a ako se sjećate, u članku o jedinstvenim slikama napisao sam da obraća pažnju na tematske slike za objavu, ali ne samo da bi slika trebala biti, ona pak , treba optimizirati, od vas treba registrovati ime.

Tako će provjera tražilice obuhvatiti cijeli vaš članak i neće biti nikakvih nedostataka i manjih grešaka. Na osnovu toga, lutalica će biti blizu TOP-10 ili će tamo uopće letjeti.

TOP znači visok promet. A kako ga izgraditi, pisao sam u članku o tome

Atribut naslova!

"Title" je naslov. Vjerovatno svi znaju za to. Na slici je ovo ime koje je dostupno svima, na primjer, kada pređemo kursorom miša preko slike, pojavi se kratak tekst, a to je naslov. Sa ovim je sve jasno. Možete da odredite naslov na svom računaru ili laptopu, a zatim ubacite sliku u sam post i ponovo napišete naslov i opis (alt).

Što se tiče toga gdje pisati, ne brinite.

U naslovu navedite bilo koji ključni zahtjev. Napisali smo post o sitemapu za ljude, zatim u naslovu i popuni polje, istom frazom, sitemap za ljude. Opis ili alt nije vidljiv nikome osim robotu, stoga se može uraditi nešto ovako:

Sitemap za ljude, plugin takav i takav, red mora biti napisan ovdje to itd. Pokušajte da članak bude kompaktan. Ostavite samo glavne aspekte, samo nekoliko redova.

Evo još o "naslovu". Ne bi trebalo da budu duže od 5 reči. Takođe je poželjno da ih pišete latinicom, odnosno engleskom. A najvažniji format slike bi trebao biti jpg. Ovo smanjuje težinu, što znači da će učitavanje biti brže, što ima značajan utjecaj na promet web stranice.

Možete smanjiti težinu slike u Photoshopu. Otvaramo ga. Kliknite na datoteku, a zatim Sačuvaj za WEB. Gdje je napisan broj 50, 60 ili neki drugi, možete ga podesiti, što je manje, to je manja težina. Ako još nemate photoshop, samo napred i savladajte ga. Uostalom, ovo je bitan element svakog webmastera.

Ako neko sumnja da optimizacija slike ima veliki uticaj na promociju bloga, onda mogu reći jedno – ne oklijevajte. Pokušajte provjeriti, provesti eksperiment. Glavna stvar je da ne zatvarate oči pred ovim, jer nije šteta potrošiti dodatnih 5 minuta. Pogotovo ako ste prije toga napisali članak i u njega ubacili dio sebe. Mislim da neće biti suvišno, kako to najbolje urediti, ali šta mislite?

Zašto je važno pisati title i alt oznake? Kako se dodaju slikama?

Rekao sam ti malo o ovome. Ali sada ćemo to shvatiti detaljnije. U nastavku pogledajte listu koraka koje treba poduzeti kada objavljujete novi blog post.

Evo ih:

• Prvi korak je, naravno, napisati članak i pronaći jedinstvenu sliku. U pravilu, svatko napravi standardni predložak, svoj, i tamo već ubacuje sliku, screenshotove, na primjer, ili nešto nacrta, ili čak naruči od umjetnika.
• Pogledali smo ključne fraze koje ste koristili za post i dodali jednu u naslov;
• Drugi ključ je dodat na alt, u opis i dodato je još nekoliko riječi, a zahtjev je razrijeđen jednom riječju.
• Sada spremamo promjene i dodajemo sliku u tekst, zatim pregledavamo članak i prelazimo kursorom preko slike, vidimo koji naslov se prikazuje. Sve je spremno.

Ukratko, prednosti su sljedeće, ovo je za one koji se još nisu do kraja uvjerili.

1. Više prometa;
2. Kvaliteta mu je veća, budući da ste naveli tačne ključeve kojima je članak posvećen, posjetitelj će ih ukucati u pretragu i pronaći informacije koje su vam potrebne, što znači da će duže ostati na vašem blogu, a broj odbijanja će biti manji ;

Ova infa je za one koji na svom sajtu rade više od godinu dana, ali rezultata nema. Možda je to problem!

Ovdje ću završiti pisanje članka. Želim vam puno sreće u promociji. BITAN! Nemojte se udaljavati od takvih naizgled sitnica. Poslušajte preporuke koje će vam svakako pomoći. Ćao svima!

S poštovanjem,Zhuk Yuri.

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 vašeg koda

Kao što možete pretpostaviti, svako slovo ovog koda, svaki znak 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). Takvi suptilni uključuju, na primjer, atribut ALT. Nalazi se na stranicama mnogih izvora i vrlo često je jednostavno ne primjećujemo.

U ovom članku želimo se fokusirati samo 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 s njom.

ALT?

Počnimo od samog početka: opisati ćemo o čemu se radi u ovom članku 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 u 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 (na primjer, IMG, ALT, FONT, itd.). Svaki od njih je odgovoran za rad s jednim ili drugim elementom dizajna. U praksi se gore navedeni atribut ALT koristi za slike koje se mogu naći na stranicama web mjesta. Konkretnije, koristi se za kreiranje opisa slika, pomoću kojih korisnik (posjetilac stranice) može lako i jednostavno shvatiti šta 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 atributi se u praksi koriste s razlogom. Webmasterima su potrebni opisi svojih slika koliko i samim posjetiteljima stranice (a najvjerovatnije čak i više). Uostalom, ako svim slikama nedostaje ALT atribut, osoba to može učiniti čak i ako se slikama na stranici dodaju tekstovi objašnjenja. S druge strane, roboti za pretraživanje (sa praznim ALT-om) možda neće dovoljno visoko ocijeniti stranicu, smanjiti njenu poziciju u rezultatima pretrage i samim tim neće dovesti dovoljno 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 se ne mogu zanemariti.

Bonusi za pretraživače

Da bismo bolje razumjeli prednosti ispravno popunjenih opisnih oznaka za slike, dat ćemo mali primjer. Recimo da postoji stranica na kojoj se nalaze slike. Ako ne propišete atribut ALT, korisnik neće patiti, jer će u svakom slučaju vidjeti šta je prikazano na ovoj ili onoj fotografiji. Potpuno drugačiji ishod čeka vlasnika resursa, koji će zanemariti gornji tag, zbog čega će izgubiti dio prometa iz kataloga slika, na primjer.

Kako da napišem ALT atribut?

Tehnički, nema ništa teško popuniti ispod ove ili one slike, očigledno je: potrebno je da odete do HTML editora na vašem sajtu i pronađete kod slike (počinje sa IMG i završava se njime). Unutar ovog bloka koda nalazi se kod. To je ono što misle kada kažu da trebate registrirati ALT atribut. To se radi ovako: “alt =“ description “.

Ako ne radite sa čistim kodom, već koristite neku vrstu zasebnog "motora" za web lokaciju (na primjer, Wordpress ili Joomla), u njega je integriran poseban mehanizam za dodavanje "alts" preko kojeg će se naša stranica pamtiti od strane pretraživača. Ako popunite novi ALT, ažuriranje će završiti na vašoj stranici.

Šta pišu u atributu?

Naravno, kada ste suočeni sa zadatkom pisanja atributa ALT, ne razmišljate o tehničkoj strani. Najčešće se ovo pitanje postavlja ako webmaster ne zna koje informacije treba navesti o određenoj slici. Zbog toga je teško reći koje informacije će biti od koristi 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 tag jednostavno popunjava ključnim reč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 ostavlja taj prostor prazan. Ovdje treba pojasniti da svako samostalno odlučuje o tome koji opis naznačiti.

Zahtjevi

Istovremeno, postoji nekoliko osnovnih pravila (ili, ako želite, zahtjeva), prema kojima svako može dodati idealan atribut za svoje slike. Sastoje se od malog broja tačaka, od kojih se svaka odnosi na opise fotografija i slika na sajtu.

Na primjer, prvi takav zahtjev je dužina cijelog teksta. Ako tražite kako pravilno napisati atribut ALT, rješenje je jednostavno: ne koristite više od 2-3 riječi. Tekst ove veličine će, prvo, biti savršeno pročitan od strane robota za pretragu (i učiniti vaš sajt relevantnijim); drugo, takav opis je razumljiviji za same korisnike. Slažete se, niko neće pročitati cijelu rečenicu ako samo želite znati šta je prikazano na slici. Dovoljno je kratko i precizno navesti opis, koji će biti koristan i vama i vašim kupcima.

Ne zaboravite na semantičko opterećenje. Ako objavljujete fotografiju sa slonom, obavezno opišite njegovu rasu ili istoriju; navedite zašto je on prikazan na ovoj fotografiji, šta biste time htjeli reći. Posjetiocu će biti 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) - Ako tražite kako da prepišete atribut ALT slici, zapamtite: on mora biti odabran jedinstven za svaku od navedenih fotografija na sajtu. Na primjer, bilo bi pogrešno objaviti tri slike zaredom s natpisom "moj slon" - 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 jedinstvenijim.

Na kraju, zapamtite parametre samih slika koje tražite, kako dodati atribut ALT. Za slike je važno ispuniti niz kriterijuma - ne premale, izgledaju realno. Odnosno, ako navedete opis, onda to učinite za ozbiljnije slike koje se uzimaju u obzir težim. Nemojte specificirati ALT atribut za bilo koje male smajlije ili bilo šta slično.

ALT pretraga

Konačno, razgovarali smo o osnovama atributa, o nekim pravilima za njegov sastav i zahtjevima obje strane (i korisnika i prema njima. Sada razmislimo: pa kako tražiti ključne riječi i fraze koje ćemo registrovati na našem sajt? Kao što je gore navedeno, pretraga treba da bude usmerena ka gotovim bazama ključnih reči, koje zaista počinju da privlače kupce na vaš sajt. Naravno, to se ne može postići ako vam još uvek nedostaje ALT atribut. Uzmite gotove ključne reči i fraze koje koristite u sadržaju i umetnuti u slike.

Ako nemate takve informacije i uopće niste razmišljali o tome da malo po malo počnete 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 tako početi izvlačiti nove pogodnosti. Glavna stvar je da ne postoji situacija 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 kreiraju najjednostavniji sajtovi - HTML. Ovo je vrlo lako uraditi, jer opisuje elementarni, osnovni jezik. Da biste i dalje registrovali oznaku na slikama, morate je sami urediti kroz izvorni kod. Ili, koristeći nova uputstva, počnite ispočetka. Kako god bilo, a indikacija ALT tagova je onaj idealan slučaj od obostrane koristi, kada su zadovoljni i posetilac i vlasnik resursa.

Određivanje oznake također može dovesti do novih posjetitelja - ovaj fenomen se posebno često opaža na servisima kao što su Google i Yandex Images. Kada kliknete na sliku, sajt samostalno određuje izvor sa kojeg je slika preuzeta i preusmerava posetioca. A ovo je, kao što razumete, veoma važno da budete u mogućnosti da uradite u budućnosti.

Sada je teško zamisliti stranice bez slika, posebno online trgovine i kataloge proizvoda. Uostalom, ovo je odličan način da privučete pažnju posjetitelja, pokažete "lice" proizvoda i ohrabrite potencijalne kupce da poduzmu ciljane radnje: kupnju proizvoda ili naručivanje usluge. Više o tome za šta su još slike potrebne i na kojim stranicama bi trebalo da budu pročitajte u našem članku "Odabir i optimizacija slika za sajt".

Korištenje slika učinit će web stranicu privlačnijom i pomoći će zadržati posjetitelje na njoj, ali što je još važnije, dodatni promet može doći na vašu web lokaciju iz pretraživanja slika u Yandexu ili Googleu (ako pravilno koristite atribute Alt i Title oznake ).

Šta je Alt atribut za slike

Alt atribut za slike je tekst koji opisuje sliku u html tag-u ... Postaje vidljiv ako se slika ne može učitati. Umjesto neučitane slike biće prikazan tekst (sa popunjenim atributom Alt).

Hajde da uporedimo. Ovako će izgledati neučitana slika bez ispunjenog Alt atributa:

A ovako će izgledati slika sa tekstom "Mašina za veš Slavda WS30T / ET" u Alt atributu oznake :

Alt atribut omogućava da saznate šta je prikazano na slici kada korisnik to ne vidi. Osim toga, roboti za pretraživanje uzimaju u obzir pisani tekst u atributu Alt prilikom indeksiranja stranice. Konačno, optimizacija naziva slika i Alt atributa u tag-u olakšava pretraživanje slika, na primjer, u Yandexu ili Google Images.

Kako pravilno sastaviti atribut Alt za slike

1. Optimalan broj riječi je 3-5, ali dužina teksta oznake nije veća od 75-80 znakova. Preporučujemo korištenje sažetih i sažetih, ali značajnih informacija.
2. Preduvjet je korištenje ključnih upita.
3. Bolje je koristiti ključne riječi u nominativu kako biste olakšali pretragu.
4. Izbjegavajte neželjenu poštu: ne preporučujemo navođenje velikog broja ključeva odvojenih zarezima, kao u drugim oznakama.
5. Neophodno je da se Alt odnosi na tekst stranice i opisuje ono što je prikazano na slici.

Atribut naslova za slike

Pored atributa Alt, trebali biste tekst napisati iu atributu Naslov. Ovaj parametar postavlja pomoćne informacije o slici kada korisnik pređe preko slike:

U html kodu popunjeni atribut Title za slike izgleda ovako:

Dobro formiran atribut Title čak pomaže u poboljšanju faktora ponašanja.

Kako pravilno sastaviti naslov za slike

1. Atribut Naslov mora odgovarati slici. Ne treba da pišete u njemu što nema veze sa slikom.
2. Bolje je koristiti kratak naslov radi pogodnosti korisnika - niko ne želi da pročita kilometarsku nagoveštaj slike.
3. Prisustvo ključnih riječi je poželjno. Ne treba koristiti riječi kao što su "fotografija", "slika" itd., jer je već jasno o čemu se radi.

Primjer ispravnog popunjavanja atributa Alt i Title za oznaku

Pogledajmo primjer kako možete napisati tekst u atributima Alt i Title za sliku. Da bismo to učinili, uzmimo sliku sa stranice građevinske kompanije.

Kada sastavljate Alt, morate se fokusirati na ono što prodajete / nudite. Za sliku iz našeg primjera, bolje bi bilo sastaviti violu "Izgradnja kuće od balvana", a ne samo "kuća" ili "gradnja".

Atribut Title za ovu sliku može se malo modificirati i sastaviti ovako: "Izgradnja brvnare".

Poteškoće s popunjavanjem Alt i Title

Ispravno popunjeni atributi Alt i Title za slike će pomoći u optimizaciji sajta za pretraživače. Ali ne zaboravite na druge aspekte optimizacije slike, kao što su "težina", kvalitet i naziv slika. Ako nemate vremena za sastavljanje atributa Alt i Title, možemo vam pomoći i obaviti posao umjesto vas.

Bok ljudi. Da ne bismo gubili vrijeme, budimo kratki i konkretni.

Naslov slike je natpis koji se pojavljuje kada pređete kursorom preko slike. Ovo je da date nagoveštaj posetiocu. Recite šta je prikazano na slici ili gdje treba obratiti pažnju.

Alt slike - od engleske riječi alternativa. Ovo je toliko korisna stvar da pretraživači veoma vole indeksirati kako bi odredili šta se prikazuje. Takođe, biće vidljivo ako korisnik isključi prikaz slika u pretraživaču. Što nema smisla i radi se u rijetkim prilikama.

Ako, ipak, korisnik isključi prikaz grafičkog sadržaja ili dođe do nekog kvara na nečijoj strani, tada će se umjesto slike vidjeti mala ikonica s tekstom. Ovaj tekst predstavlja zamjenu slike.

Alt i naslovne slike za SEO

Za naslov slike ima minimalnu vrijednost. Nije lako indeksirati, ali može vam igrati na ruku u faktorima ponašanja. 2018. je, SEO se sada odnosi na upotrebljivost i kvalitetan sadržaj. Stoga privucite pažnju korisnika na bilo koji način.

Čak i pomislite sami, ugodnije je kada se na slici pojavi opis.

Ali alternativna slika je blago. Prvo, GoogleBot smatra da je njegovo odsustvo greška, Yandex je lojalniji. Drugo, dobrovoljno se indeksira, a takva slika ulazi u odjeljak "Slike" pretraživanja. To znači da na ovaj način možete privući dodatni promet na svoju stranicu.

Treće, budući da je indeksirana, odnosno mogućnost korištenja za povećanje vrijednosti stranice. Bilo bi dobro ako na alt dodate dodatni zahtjev za niske frekvencije. Ali ovdje treba biti oprezan.

Kako pravilno popuniti alt i naslov za slike

C naslov je mnogo jednostavniji. Ne postoje pravila za pretraživač, ali to ne znači da ovdje pišete bilo kakvu herezu. Iznad smo se oslanjali na faktore ponašanja. Preporučljivo je da korisniku ne smetate, da mu budete korisni.

1) Ne mora biti dugo. Slažem se, nagoveštaj u 4 retka će uzrokovati odbijanje.

2) Mora se nekako povezati sa slikom.

3) Ne treba duplirati sa glavnim naslovom, naslovima h1-h5, sa alt atributima.

Alternativna slika ima težinu kod pretraživača, tako da postoje ograničenja sa pravilima, ali i mogućnosti.

1) Jedna riječ nije dovoljna, preporučljivo je zadržati 3 riječi. Maksimalan broj znakova je 250.

2) Mora odgovarati sadržaju slike.

4) Poželjno, ne treba se ponavljati s drugim zamjenama na stranici.

Dakle, kada dodajete još jednu sliku na svoj blog, razmislite o tome. Možda neko želi da je pronađe? Pokušajte to pretvoriti u dodatni promet.

Gdje popuniti alt i naslov slike na primjeru wordpress-a

Na primjer, u WordPressu samo trebate prijeći s kontrolne ploče (konzole) u odjeljak "Medijski fajlovi" — "biblioteka"... Zatim odaberite bilo koju sliku.

Ili, kada uređujete članak, samo kliknite na bilo koju umetnutu sliku, a zatim na olovku.

Naravno, primjer wordpress-a je najlakše prikazati, ali mnogi popularni CMS-ovi pružaju takvu mogućnost. Na primjer - Joomla. Tu postoje zamke, ali za većinu grafičkih sadržaja možete napisati alt ako kliknete "Uredi sliku"

To je sve. Zaista se nadamo da smo vam bili korisni. Ako da, lajkujte ga. To nas motivira da pravimo još kvalitetnije i zanimljivije sadržaje!

Srdačan pozdrav, Vaša Esencija.

>> Optimizacija slike | ALT i TITLE atributi za opisivanje slika

Kako pravilno optimizirati slike za web stranicu.

Pozdrav, dragi čitaoče moje stranice!

U ovom članku želim da vam kažem za šta se slike koriste na sajtovima, kakvu ulogu imaju za SEO optimizaciju. Razmotrimo važnost korištenja alt i title atributa html koda, damo primjere korištenja optimiziranih i neoptimiziranih slika, saznamo kakvog kvaliteta slike treba koristiti i kako to utiče na performanse stranice.

Prednosti i nedostaci korištenja slika na web stranici:

Pros: Možda ste primijetili, ako ste išli na mnoge web stranice na Internetu sa određenom svrhom, da na gotovo svakoj stranici postoje razne vrste slika, slika, fotografija i drugih grafičkih elemenata. Gdje su se nalazili i kakvo su kognitivno opterećenje nosili na ovim stranicama ili blogovima.

Često se dešava kada autor nekog sajta prilikom pisanja teksta određene teme želi da tačnije i jasnije izrazi svoju misao, kako bi osoba koja je došla na ovu stranicu u potpunosti dobila sve potrebne informacije. Ovaj faktor dodatno utiče na njen kredibilitet u očima posetilaca i promociju sajta na pretraživačima, društvenim mrežama itd.

Ljudi koji su na internetu i traže informacije (sadržaj) koji su im potrebni znat će da ova stranica osim kvalitetnog i korisnog teksta ima i vizuelnu pomoć u vidu slika, slika i svih vrsta grafike .

A ako želite da vaše slike budu nezaboravne i lijepe, potrebno ih je što bolje iskoristiti.

Još jedan pozitivan aspekt korištenja slika na web stranici je mogućnost korištenja optimizacija slike pod ključnim zahtjevom određene stranice stranice u cilju poboljšanja promocije ove stranice za promovirani ključni zahtjev.

Plus, pretraživači imaju pretragu slika koje se nalaze na sajtovima. A ako su ključne riječi registrovane za slike, onda će se osobi koja traži slike za ovaj zahtjev možda dopasti vaša slika i možda će htjeti znati na kojoj se stranici nalazi ova slika i otići će na vašu stranicu. Na kraju ćete imati koristi od toga tako što ćete ostvariti ciljani promet u obliku posjetitelja vaše stranice.

minusi: Može biti puno nedostataka kada se koriste slike na web stranici, posebno za početnike. Hajde da analiziramo sve greške koje se mogu napraviti slučajno ili bez poznavanja svih, a koje će dovesti do toga da upotreba grafike na sajtu može uplašiti posetioca koji je ili pokušava da uđe na Vaš sajt.

A postoji mnogo razloga za to; nemaran odnos prema svom poslu, korištenje nekvalitetnih i u užasnom stanju slika, njihovo korištenje van teme, prisustvo previše slika koje daju veliku težinu stranici, a potrebno je jako puno vremena da se opterećenja (uključujući pozadinu stranice), nema optimizacije slike za ključne riječi. Ovo su glavni nedostaci korištenja svih vrsta grafike na web stranici.

Ali ovi nedostaci se mogu izbjeći znajući kako ih učiniti pozitivnima. Sve ćemo to analizirati kasnije u ovom članku. Pa pročitajte do kraja.

Atributi alt i title u SEO-u slike:

Kao što sam već napisao u ovom članku, korištenje slika može pomoći web stranici u promociji u tražilicama. Omogućite dodatni priliv ciljne publike (posjetitelja) iz pretraživača. Da biste to učinili, trebate koristiti dva, ali vrlo neophodna atributa alt i title za sve slike, slike, fotografije itd. Suština ovih atributa je da se uz njihovu pomoć istisne maksimum, što će pomoći u promociji stranice u tražilicama. U našem slučaju postoje dva atributa, a funkcije koje obavljaju malo će se razlikovati.

AtributALT: Ovaj atribut je dio html jezika. Njegova svrha je da opiše objekt kako bi pružio dodatne informacije o njemu (u našem slučaju slike). Kako ovaj atribut funkcionira? Radi vrlo jednostavno: snimite željenu sliku koja se nalazi na vašem hard disku ili mediju (fleš disku) i zalijepite je na željenu stranicu stranice na pravo mjesto.

Zatim uzmite, pronađite kod ove slike i upišite tu vrijednost alt = "(! LANG: Opis ove slike koristeći ključne riječi" . Но описание не нужно делать слишком большим (максимально пару предложений) и тулить туда много ключевых слов, так как поисковые системы этого не любят, что в итоге может сказаться на Вашем сайте.!}

Ovo radi alt atribut tako da, kada posetilac uđe na sajt, ne vidi opis slike (ako je u njegovom pretraživaču omogućena funkcija prikazivanja slike), ali ga vide roboti za pretragu kada indeksiram sajt. Posjetilac može vidjeti ovaj tekst kada su slike onemogućene u postavkama pretraživača, a tada će se na mjestu ove slike pojaviti tekst po kojem posjetitelj može razumjeti o kakvoj se slici radi. Ovaj atribut uzimaju u obzir pretraživači kada indeksiraju vašu web lokaciju.

TITLE atribut: The atribut naslova takođe deo html jezika. Njegova svrha je ista kao atributu alt, s tom razlikom što će ovaj opis biti prikazan korisniku stranice kada kursor pređe preko slike. Ovaj atribut nije uključen u promociju sajta, ali vam omogućava da povećate faktor ponašanja, koji takođe utiče na poziciju sajta u pretraživaču. Napisano je ovako naslov = "(! LANG: Opis slike" . Поэтому !} optimizacija slike također igra važnu ulogu u promociji web stranice u tražilicama.

Uzorak SEO optimizirane slike koristeći alt i title atribute:

Sada ćete vidjeti uzorak optimizirane slike koristeći gornja dva atributa.

Sa atributom naslova (pomerite kursor preko slike) title = "(! LANG: Mačka gimnastičarka" > !}

Sa atributom alt (bez slike) Primjer koda za ovu sliku:

Bez alt atributa (bez slike) Primjer koda za ovu sliku:

U kojoj kvaliteti trebate koristiti slike i slike na web stranici.

Svakako je bolje koristiti slike i slike na sajtu u dobrom kvalitetu, ali tako da ne utiču mnogo na učitavanje sajta. S obzirom da mnogi ljudi na Internetu koriste internet malim brzinama i ako ne čekaju da se stranica učita, napustit će ovu stranicu i više se nikada ne vratiti, što će u konačnici uticati na promet.

Također, ono što sam primijetio dok sam pregledavao mnoge stranice je da pored velikih (kilobajta) slika, stranica koristi veliku veličinu pozadine kao sliku. Ako ste već odlučili da koristite sliku kao pozadinu, onda je bolje da je odaberete jednobojnu i malu kako bi se uklopila i tako ćete imati cijelu sliku.

Također, kada koristite visokokvalitetne slike, morate uzeti u obzir veličinu diskovnog prostora na vašem hostingu i brzinu servera. Što je niža, to će se vaša stranica sporije učitavati. Stoga, prije nego što koristite slike u dobrom kvalitetu za web stranicu, morate znati gdje ih primijeniti i u kojoj količini.

Ovim je ovaj članak završen. Nadam se da sada razumete šta je to optimizacija slike i koje atribute optimizacija slike koristi za to.

Usput, ako ne znate kako smanjiti kvalitetu slike, upotrijebite program Photoshop. Da biste to učinili, idite na meni "Datoteka" i odaberite stavku "Sačuvaj za web i uređaje".

Ako vam se svidio ovaj članak, ostavite komentar na dnu ovog članka. Biću vam veoma zahvalan.

Ostale stranice sajta: