Atribut alt oznake img. Kako ispravno dodijeliti ALT atribut slici

Pozdrav dragi korisnici stranice. 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 slijediti pravila ova tri slova. Svatko tko je potpuno neupućen o tome što 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 ovom području, moći ćete savladati pravila za promoviranje vašeg bloga u tražilicama, 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 utječe na promociju vašeg resursa na mreži.

Što nije svjesnost? 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 to, ali ljudi u blogosferi o tome niti ne razmišljaju.

Započnimo!

Što je alt i naslov za slike?

Atribut "alt"!

Njegova je svrha prikazati fragment teksta slike. Najčešće je to opis slike, neće biti vidljiv vašim korisnicima. Ovakve oznake su vrlo važne za promociju na tražilicama. Ljudima praktički ništa ne znače.

Da objasnim na prstima. Robot za pretraživanje 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 post, ali ne samo da bi slika trebala biti, ona pak , treba optimizirati, od vas treba registrirati ime.

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

TOP znači veliki promet. A kako ga izgraditi, napisao sam u članku o

Atribut naslova!

"Title" je naslov. Vjerojatno svi znaju za to. Na slici je to naziv koji je dostupan svima, npr. kada pomaknemo pokazivač miša preko slike, pojavi se kratki tekst, a to je naslov. S ovim je sve jasno. Možete odrediti naslov na svom računalu ili prijenosnom računalu, a zatim ubacite sliku u samu objavu i, opet, napišite naslov i opis (alt).

Što se tiče toga gdje napisati, ne brini.

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

Sitemap za ljude, dodatak takav i takav, ovdje mora biti napisana linija to itd. Pokušajte da članak bude kompaktan. Otmite samo one glavne aspekte, samo nekoliko redaka.

Evo još o "naslovu". Ne smiju biti dulje od 5 riječi. A također je poželjno da ih napišete na latinskom, odnosno engleskom. A najvažniji format slike trebao bi biti jpg. Time se smanjuje težina, što znači da će učitavanje biti brže, što značajno utječe na promet web-lokacije.

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

Ako netko sumnja da optimizacija slike ima veliki utjecaj na promociju bloga, onda mogu reći jedno – nemojte se ustručavati. Pokušajte provjeriti, provesti eksperiment. Glavna stvar je ne zatvarati oči pred ovim, jer nije šteta potrošiti dodatnih 5 minuta. Pogotovo ako ste prije toga napisali članak i tamo stavili djelić sebe. Mislim da neće biti suvišno, kako to najbolje urediti, ali što 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 popis koraka koje trebate poduzeti prilikom objavljivanja novog posta na blogu.

Evo ih:

• Prvi je korak, 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 upotrijebili za post i dodali jednu u naslov;
• Drugi ključ je dodan na alt, u opis i dodano 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 pokazivačem preko slike, gledamo koji se naslov 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. Njegova kvaliteta je veća, budući da ste naveli točne ključeve kojima je članak posvećen, posjetitelj će ih ukucati u pretragu i pronaći potrebne informacije, što znači da će se duže zadržati na vašem blogu i broj odbijanja manje;

Ova infa je za one koji rade na svojoj stranici 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. VAŽNO! Nemojte odlaziti od takvih naizgled sitnica. Poslušajte preporuke koje će vam svakako pomoći. Cao svima!

Iskreno,Žuk Jurij.

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.

Optimiziranje vašeg koda

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

U ovom članku želimo se usredotočiti upravo na ovaj element web dizajna. Ovdje ćemo vam reći zašto je to toliko važno za ispravno rangiranje stranice, rast njezine posjećenosti i udobnost korisnika u radu s njom.

ALT?

Krenimo 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 označni jezik. Ovo je kod u kojem su napisane osnovne web stranice, koji, kao što je već napomenuto, ima svojstvo prikazivanja u pregledniku. Cijeli jezik se sastoji od posebnih atributa (na primjer, IMG, ALT, FONT itd.). Svaki od njih odgovoran je za rad s jednim ili drugim elementom dizajna. U praksi se gore spomenuti atribut ALT koristi za slike koje se mogu pronaći na stranicama web-mjesta. Točnije, koristi se za izradu opisa slika, pomoću kojih korisnik (posjetitelj stranice) može lako i jednostavno shvatiti š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, ti se atributi u praksi koriste s razlogom. Webmasteri trebaju opise svojih slika koliko i sami posjetitelji stranice (a najvjerojatnije čak i više). Uostalom, ako sve slike nemaju atribut ALT, osoba to može učiniti čak i 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 ocijeniti stranicu, smanjiti njenu poziciju u rezultatima pretraživanja i stoga neće dovesti dovoljno posjetitelja. Stoga sa sigurnošću možemo reći da opisi za slike na stranici imaju važnu ulogu i za same webmastere, pa se ne mogu zanemariti.

Bonusi tražilice

Da bismo bolje razumjeli prednosti ispravno popunjenih oznaka opisa 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 što je prikazano na ovoj ili onoj fotografiji. Potpuno drugačiji ishod čeka vlasnika resursa, koji će zanemariti gornju oznaku, zbog čega će izgubiti dio prometa iz npr. kataloga slika.

Kako napisati atribut ALT?

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

Ako ne radite s čistim kodom, već koristite neku vrstu zasebnog "motora" za stranicu (na primjer, Wordpress ili Joomla), u nju je integriran poseban mehanizam za dodavanje "alts" kroz koji će se naša stranica pamtiti po tražilicama. Ako ispunite novi ALT, ažuriranje će završiti na vašoj stranici.

Što 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 podatke treba navesti o određenoj slici. Zbog toga je teško reći koje će informacije koristiti stranici 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 kreirana. 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 taj prostor praznim. Ovdje treba pojasniti da svatko samostalno odlučuje koji će opis naznačiti.

Zahtjevi

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

Na primjer, prvi takav zahtjev je duljina cijelog teksta. Ako tražite kako ispravno 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 pretraživanje (i učiniti vašu stranicu relevantnijom); drugo, takav je opis razumljiviji za same korisnike. Slažete se, nitko neće pročitati cijelu rečenicu ako samo želite znati što je prikazano na slici. Dovoljno je kratko i točno navesti opis koji će biti koristan i vama i vašim kupcima.

Ne zaboravite na semantičko opterećenje. Ako objavljujete fotografiju sa slonom, svakako opišite njegovu pasminu ili povijest; navedite zašto je on prikazan na ovoj fotografiji, što biste time htjeli reći. Posjetitelju će biti od pomoći da sazna vaše mišljenje o ovom slonu.

Još jedna važna točka (koja je utvrđena tijekom brojnih praktičnih testova) - Ako tražite kako propisati atribut ALT slici, zapamtite: mora biti odabran jedinstven za svaku od navedenih fotografija na stranici. 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 imenovati slike "slon 1" i "slon 2", što će ih učiniti jedinstvenijim.

Konačno, zapamtite parametre samih slika koje tražite, kako dodati atribut ALT. Za slike je važno zadovoljiti niz kriterija – ne premale, izgledati realno. To jest, ako navedete opis, onda to učinite za ozbiljnije slike koje se uzimaju u obzir težim. Nemojte specificirati atribut ALT za male smajlije ili bilo što slično.

ALT pretraga

Konačno, razgovarali smo o osnovama atributa, o nekim pravilima za njegov sastav i zahtjevima obiju strana (i korisnika i njima. Sada razmislimo: pa kako tražiti ključne riječi i izraze koje ćemo registrirati na našem web-mjesto? Kao što je gore navedeno , pretraživanje bi trebalo biti usmjereno prema gotovim bazama ključnih riječi, koje stvarno počinju 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 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 jednostavno kreirati nove stranice. Za to su savršene usluge poput Google alata za izvlačenje ključnih riječi ili Yandex.Wordstat, koje prikazuju statistiku pretraživanja za određene izraze. “Igranjem” s 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čke

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 sami urediti kroz izvorni kod. Ili, koristeći nove upute, počnite ispočetka. Kako god bilo, a naznaka ALT oznaka je onaj idealan slučaj obostrane koristi, kada su zadovoljni i posjetitelj i vlasnik resursa.

Određivanje oznake također može dovesti do novih posjetitelja - 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 snimljena, te preusmjerava posjetitelja. A to je, kao što razumijete, vrlo važno moći učiniti u budućnosti.

Sada je teško zamisliti web stranice bez slika, posebno online trgovine i kataloge proizvoda. Uostalom, ovo je izvrstan način da privučete pozornost posjetitelja, pokažete "lice" proizvoda i potaknete potencijalne kupce na ciljane radnje: kupnju proizvoda ili naručivanje usluge. Više o tome za što su još slike potrebne i na kojim stranicama bi se trebale nalaziti možete pročitati u našem članku "Odabir i optimizacija slika za web mjesto".

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 oznake Alt i Title ).

Što je atribut Alt za slike

Alt atribut za slike je tekst koji opisuje sliku u html oznaci ... Postaje vidljiv ako se slika ne može učitati. Umjesto neučitane slike prikazat će se tekst (s popunjenim atributom Alt).

Usporedimo. Ovako će izgledati neučitana slika bez ispunjenog atributa Alt:

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

Alt atribut omogućuje da se sazna što je prikazano na slici kada korisnik to ne vidi. Osim toga, napisani tekst u atributu Alt roboti za pretraživanje uzimaju u obzir prilikom indeksiranja stranice. Konačno, optimizacija naziva slika i Alt atributa u oznaci olakšava pretraživanje slika, na primjer, u Yandexu ili Google slikama.

Kako pravilno sastaviti atribut Alt za slike

1. Optimalan broj riječi je 3-5, ali duljina 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 radi lakšeg pretraživanja.
4. Izbjegavajte neželjenu poštu: ne preporučujemo navođenje velikog broja ključeva odvojenih zarezima, kao u drugim oznakama.
5. Potrebno je da se Alt odnosi na tekst stranice i opisuje ono što je prikazano na slici.

Atribut naslova za slike

Osim atributa Alt, tekst biste trebali napisati i u atribut Naslov. Ovaj parametar postavlja pomoćne informacije o slici kada korisnik pređe iznad slike:

U html kodu ispunjeni atribut Title za slike izgleda ovako:

Dobro oblikovan atribut Title čak pomaže poboljšati čimbenike ponašanja.

Kako pravilno sastaviti naslov za slike

1. Atribut Naslov mora odgovarati slici. Ne smijete u njemu pisati što nema veze sa slikom.
2. Bolje je koristiti kratki naslov radi praktičnosti korisnika - nitko ne želi pročitati kilometarsku natuknicu na slici.
3. Poželjna je prisutnost ključnih riječi. Ne smijete koristiti riječi poput "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 tvrtke.

Kada sastavljate Alt, morate se usredotočiti na ono što prodajete / nudite. Za sliku iz našeg primjera bit će poželjno sastaviti violu "Izgradnja kuće od balvana", a ne samo "kuća" ili "gradnja".

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

Poteškoće s popunjavanjem Alt i Title

Ispravno ispunjeni atributi Alt i Title za slike pomoći će u optimizaciji stranice za tražilice. Ali ne zaboravite na druge aspekte optimizacije slike, kao što su "težina", kvaliteta i naziv slika. Ako nemate vremena za sastavljanje atributa Alt i Title, možemo vam pomoći i obaviti posao umjesto vas.

Pozdrav ljudi. Kako ne bismo gubili vrijeme, budimo kratki i konkretni.

Naslov slike je natpis koji se pojavljuje kada zadržite pokazivač iznad slike. Ovo je da bi se dalo naslutiti posjetitelju. Recite što je prikazano na slici ili gdje treba obratiti pažnju.

Alt slike - od engleske riječi alternativa. Ovo je toliko korisna stvar da tražilice jako vole indeksirati kako bi odredile što se prikazuje. Također, bit će vidljivo ako korisnik isključi prikaz slika u pregledniku. Što nema smisla i radi se u rijetkim prilikama.

Ako, ipak, korisnik isključi prikaz grafičkog sadržaja ili se dogodi nekakav kvar na nečijoj strani, tada će se umjesto slike vidjeti mala ikona 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 bavi upotrebljivošću i visokokvalitetnim sadržajem. Stoga na bilo koji način privucite pažnju korisnika.

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

Ali alternativna slika je blago. Prvo, GoogleBot svoj nedostatak smatra greškom, Yandex je lojalniji. Drugo, dragovoljno se indeksira, a takva slika ulazi u odjeljak "Slike" pretraživanja. To znači da na taj 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 ispravno popuniti alt i naslov za slike

C naslov je puno jednostavniji. Nema pravila za tražilicu, ali to ne znači da ovdje pišete krivovjerje. Iznad smo se oslanjali na faktore ponašanja. Preporučljivo je da ne smetate korisniku, da mu budete korisni.

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

2) Mora se nekako povezati sa slikom.

3) Ne smije se duplicirati s glavnim naslovom, naslovima h1-h5, s alt atributima.

Alt slika ima težinu kod tražilice, tako da postoje ograničenja s pravilima, ali i mogućnosti.

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

2) Mora odgovarati sadržaju slike.

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

Stoga, kada dodajete drugu sliku na svoj blog, razmislite o tome. Možda je neka osoba želi pronaći? Pokušajte to pretvoriti u dodatni promet.

Gdje popuniti alt i naslov slika na primjeru wordpressa

Na primjer, u WordPressu samo trebate prijeći s upravljačke ploče (konzole) u odjeljak "Medijske datoteke" — "Knjižnica"... Zatim odaberite bilo koju sliku.

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

Naravno, primjer wordpressa je najlakše prikazati, ali mnogi popularni CMS-ovi pružaju takvu priliku. 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. Iskreno se nadamo da smo vam bili korisni. Ako da, lajkajte. To nas motivira da stvaramo kvalitetniji i zanimljiviji sadržaj!

Srdačan pozdrav, Vaša Essence.

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

Kako pravilno optimizirati slike za web stranicu.

Pozdrav, dragi čitatelju moje stranice!

U ovom članku želim vam reći za što se slike koriste na stranicama, kakvu ulogu imaju za SEO optimizaciju. Razmotrimo važnost korištenja alt i title atributa html koda, navedimo primjere korištenja optimiziranih i neoptimiziranih slika, saznamo u kakvoj kvaliteti treba koristiti slike i kako to utječe na performanse stranice.

Prednosti i nedostaci korištenja slika na web mjestu:

Prednosti: Možda ste primijetili, ako ste išli na mnoga web-mjesta na Internetu s određenom svrhom, da se na gotovo svakoj stranici nalaze razne vrste slika, slika, fotografija i drugih grafičkih elemenata. Gdje su se nalazili i kakvo su kognitivno opterećenje nosili na tim stranicama ili blogovima.

Često se događa kada autor neke stranice pri pisanju teksta određene teme želi točnije i jasnije izraziti svoju misao, kako bi osoba koja je došla na ovu stranicu u potpunosti dobila sve potrebne informacije. Ovaj čimbenik dodatno utječe na njezinu vjerodostojnost u očima posjetitelja i promociju stranice u tražilicama, 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 vizualnu pomoć u obliku slika, slika i svih vrsta grafike .

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

Još jedan pozitivan aspekt korištenja slika na web mjestu 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.

Osim toga, tražilice imaju pretragu slika koje se nalaze na stranicama. A ako su ključne riječi registrirane za slike, onda osoba koja traži slike za ovaj zahtjev može lajkati vašu sliku 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 dobiti ciljani promet u obliku posjetitelja vaše stranice.

minusi: Pri korištenju slika na web mjestu može biti puno nedostataka, posebno za početnike. Analizirajmo sve greške koje se mogu napraviti slučajno ili bez poznavanja svih, a koje će dovesti do toga da korištenje grafike na stranici može preplašiti posjetitelja koji je ili pokušava ući na vašu stranicu.

A za to postoji mnogo razloga; nemaran odnos prema svom radu, korištenje nekvalitetnih i u užasnom stanju slika, njihovo korištenje izvan teme, prisutnost 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 te se nedostatke 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 slika:

Kao što sam već napisao u ovom članku, korištenje slika može pomoći stranici u promociji u tražilicama. Omogućite dodatni priljev ciljne publike (posjetitelja) iz tražilica. Da biste to učinili, trebate koristiti dva, ali vrlo neophodna atributa alt i title za sve slike, slike, fotografije itd. Bit ovih atributa je istisnuti maksimum uz njihovu pomoć, š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. Svrha mu je opisati objekt kako bi se pružile dodatne informacije o tom objektu (u našem slučaju slike). Kako ovaj atribut funkcionira? Radi vrlo jednostavno: snimite željenu sliku koja se nalazi na vašem tvrdom disku ili mediju (flash drive) 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 pomoću ključnih riječi" . Но описание не нужно делать слишком большим (максимально пару предложений) и тулить туда много ключевых слов, так как поисковые системы этого не любят, что в итоге может сказаться на Вашем сайте.!}

Ovo radi atribut alt dakle, kada posjetitelj uđe na stranicu, ne vidi opis slike (ako je u njegovom pregledniku omogućena funkcija prikaza slike), ali ga vide roboti za pretraživanje kada indeksiram stranicu. Posjetitelj može vidjeti ovaj tekst kada su slike onemogućene u postavkama preglednika, a tada će se umjesto te slike pojaviti tekst po kojem posjetitelj može razumjeti o kakvoj se slici radi. Ovaj atribut uzimaju u obzir tražilice kada indeksiraju vašu stranicu.

TITLE atribut: The atribut naslova također dio html jezika. Svrha mu je ista kao atributu alt, s tom razlikom što će se ovaj opis prikazati korisniku stranice kada pokazivač lebdi iznad slike. Ovaj atribut nije uključen u promociju stranice, ali vam omogućuje povećanje faktora ponašanja, koji također utječe na poziciju stranice u tražilici. Napisano je ovako: "(! LANG: Opis slike" . Поэтому !} optimizacija slike također igra važnu ulogu u promociji web stranice u tražilicama.

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

Sada ćete vidjeti uzorak optimizirane slike koja koristi gornja dva atributa.

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

S 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 mjestu.

Svakako je bolje koristiti slike i slike na stranici u dobroj kvaliteti, ali tako da ne utječu jako na učitavanje stranice. Budući da mnogi ljudi na Internetu koriste internet pri malim brzinama i ako ne čekaju da se stranica učita, napustit će ovu stranicu i više se više ovdje ne vratiti, što će u konačnici utjecati na promet.

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

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

Ovim je ovaj članak završen. Nadam se da sada razumijete što je to optimizacija slike, te koje atribute za to koristi optimizacija slike.

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

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

Ostale stranice stranice: