>> Optimizacija slike | ALT i TITLE atributi za opisivanje slika
Kako optimizirati slike za svoju 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 kako slike treba koristiti i kako to utiče na web stranicu.
Prednosti i nedostaci korištenja slika na web stranici:
Pros: Možda ste primijetili, ako ste posjetili mnoge web stranice na Internetu u određene svrhe, da skoro svaka stranica sadrži sve 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 stranice prilikom pisanja teksta određene teme želi tačnije i jasnije izraziti svoju ideju kako bi osoba koja je posjetila ovu stranicu dobila sve potrebne informacije u potpunosti. Ovaj faktor dodatno utiče na njen kredibilitet u očima posetilaca i na 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 grafika.
A ako želite da vaše slike budu nezaboravne i lijepe, potrebno ih je što bolje iskoristiti.
Još jedna pozitivna točka 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.
Osim toga, pretraživači imaju pretragu slika koje se nalaze na stranicama. A ako su ključne riječi napisane za slike, onda će se osobi koja traži slike za ovaj upit možda dopasti vaša slika i možda će htjeti znati na kojoj se stranici nalazi ova slika i otići 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 mnogo nedostataka kada se koriste slike na web stranici, posebno za početnike. Analizirajmo sve greške koje svako može napraviti slučajno ili ne znajući, a koje će dovesti do toga da korištenje grafike na stranici može uplašiti posjetitelja koji je ili pokuša ući na vašu stranicu.
A postoji mnogo razloga za to; nemaran odnos prema svom poslu, korištenje nekvalitetnih i u užasnom stanju slika, korištenje istih van teme, prisustvo previše slika koje daju veliku težinu stranici, a ona se jako dugo učitava vrijeme (uključujući pozadinu stranice), nema optimizacije slika za ključne riječi. Evo glavnih nedostataka korištenja svih vrsta grafike na stranici.
Ali ovi nedostaci se mogu izbjeći znajući kako ih učiniti pozitivnima. Sve ćemo to istražiti kasnije u ovom članku. Pa pročitajte do kraja.
alt i title atributi u SEO SEO:
Kao što sam već napisao u ovom članku, korištenje slika može pomoći stranici u promociji u tražilicama. Omogućite dodatni priliv ciljne publike (posjetitelja) sa 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 pomoću njih iscijedi 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 neki objekt kako bi pružio 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 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" . Но описание не нужно делать слишком большим (максимально пару предложений) и тулить туда много ключевых слов, так как поисковые системы этого не любят, что в итоге может сказаться на Вашем сайте.!}
Ovaj radi alt atribut dakle, kada posjetitelj uđe na stranicu, ne vidi opis slike (ako je funkcija prikaza slike omogućena u njegovom pretraživaču), ali ga roboti za pretraživanje vide kada indeksiram stranicu. Posjetilac može vidjeti ovaj tekst kada su slike onemogućene u postavkama pretraživača, a tada će se umjesto 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 uključen u html jezik. Njegova svrha je ista kao atributu alt, ali s tom razlikom što će se ovaj opis prikazati korisniku stranice kada kursorom 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. Piše se ovako title="(!LANG: Opis slike" . Поэтому !} optimizacija slike također igra važnu ulogu u promociji stranice na pretraživačima.
Primjer SEO optimizirane slike koja koristi atribute alt i title:
Sada ćete vidjeti uzorak optimizirane slike koristeći dva gore navedena atributa.
Sa atributom naslova (zadržite pokazivač iznad slike)
|
Sa alt atributom (bez slike) Primjer koda za ovu sliku: |
Bez alt atributa (bez slike)
Primjer koda za ovu sliku: |
title="(!LANG:Gimnastičarka mačka"
>
!}
U kom svojstvu treba koristiti slike i slike na sajtu.
Naravno, bolje je koristiti slike i slike na web stranici u dobrom kvalitetu, ali tako da ne utječu mnogo na učitavanje stranice. S obzirom da mnogi ljudi na Internetu koriste internet malim brzinama, te ako ne čekaju da se stranica učita, napustit će ovu stranicu i više se neće vratiti, što će u konačnici uticati na promet.
Također ono što sam primijetio dok sam pretraživao mnoge web 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 odabrati jednobojnu i malu, tako da će se uklopiti i da ćete imati cijelu sliku.
Također, kada koristite slike visokog kvaliteta, 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 korištenja slika u dobrom kvalitetu za web stranicu, morate znati gdje ih primijeniti i u kojoj količini.
Ovdje završavam ovaj članak. Nadam se da sada razumete šta 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 odatle odaberite "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:
Bok ljudi. Da ne bismo gubili vrijeme, budimo kratki i konkretni.
Naslov slike je natpis koji se pojavljuje kada pređete mišem preko slike. Ovo je neophodno da bi se posetiocu dalo naslutiti. Recite šta je prikazano na slici ili gdje da pogledate.
Alt slike - od engleske riječi alternativa. Ovo je toliko korisna stvar koju pretraživači vole indeksirati kako bi odredili šta se prikazuje. Takođe, biće vidljivo ako korisnik onemogući prikaz slika u pretraživaču. Što nema smisla i radi se u rijetkim slučajevima.
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. Ne indeksira se svojevoljno, ali može vam igrati na ruku u faktorima ponašanja. U dvorištu 2018. godine seo je sada upotrebljivost i kvalitetan sadržaj. Stoga privucite pažnju korisnika na bilo koji način.
Čak i sami razmislite, ugodnije je kada se na slici pojavi tooltip.
Ali zamjenske slike su blago. Prvo, GoogleBot smatra njegovo odsustvo greškom, Yandex je lojalniji. Drugo, dobrovoljno se indeksira i takva slika završava u odeljku "Slike" u pretrazi. 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 uz pomoć nje moguće je povećati vrijednost stranice. Bilo bi dobro ako napišete dodatni zahtjev za niske frekvencije u alt. Ali ovdje morate biti oprezni.
Kako pravilno popuniti alt i naslov za slike
Sa naslovom je sve mnogo jednostavnije. Ne postoje pravila za pretraživač, ali to ne znači da ovdje pišete bilo kakvu herezu. Iznad smo uradili olovku za oči na faktore ponašanja. Poželjno je da ne nervirate korisnika, 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 se duplirati sa glavnim naslovom, naslovima h1-h5, sa alt atributima.
Alternativne slike imaju težinu u pretraživaču, tako da postoje ograničenja sa pravilima, ali i mogućnosti.
1) Jedna riječ nije dovoljna, preporučljivo je ostati u okviru 3 riječi. Maksimalan broj znakova je 250.
2) Mora odgovarati sadržaju slike.
4) Poželjno je da se ne ponavlja s drugim zamjenama na stranici.
Dakle, kada dodajete još jednu sliku na svoj blog, razmislite o tome. Možda neko želi da ga 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, jednostavno kliknite na bilo koju umetnutu sliku, a zatim na olovku.
Naravno, wordpress primjer je najlakši za prikazati, ali mnogi popularni CMS pružaju takvu mogućnost. Uzmimo za primjer Joomlu. Tu postoje neke zamke, ali većinu grafičkog sadržaja možete upisati alt ako kliknete "Uredi sliku"
To je sve. Nadamo se da smo vam bili od pomoći. Ako da, lajkujte. To nas motivira da pravimo još kvalitetnije i zanimljivije sadržaje!
S poštovanjem, Vaša Esencija.
Izdali smo novu knjigu "Marketing sadržaja društvenih medija: Kako ući u glavu pretplatnika i natjerati ih da se zaljube u vaš brend."
Šta su alt oznake?
Alt oznake su tekstualni opis sadržaja grafičke slike na stranici, omogućavajući vam da dobijete potpunije informacije o njoj i poboljšate navigaciju na stranici. Za one korisnike koji isključe grafičke slike u pretraživaču, bit će zgodno odrediti pomoću alt oznake šta je trebalo biti na slici. I naslov sadrži opis za sliku koja se pojavljuje kada pređete mišem preko nje.
Svi već znamo koliko je važno razbiti tekst na blokove, dodati slike koje vizualno čine tekst privlačnim i lakšim za čitanje. Ako zamislite SEO kao trka na hipodromu, onda će na cilj uvijek doći prvi konj koji je dao sve od sebe. Gdje je bilo potrebno, ubrzavala je ili prolazila kroz unutrašnji krug, a džokej je bio što lakši u pripijenom odijelu. Dakle, ovdje - trebate istisnuti promociju do maksimuma. Kreator koji puzi po vašoj stranici i vidi optimiziranu sliku savršeno će razumjeti šta je tamo prikazano kada pročita alt tag. On će dodati ove informacije u indeks, a vi ćete dobiti SEO plus za svoju stranicu i prednost u pitanju.
alt atribut(alternativni tekst) je atribut oznake , što omogućava indeksiranju da "vidi" sliku i indeksira je. U suštini kratak opis onoga što je prikazano na slici
atribut naslova je atribut A koji služi kao naslov za sliku. Generiše opise alata za sliku.
Ovako izgledaju oznake alt i title u kodu stranice:
Pravila za pisanje teksta u atributima alt i title
- Opis mora u potpunosti odgovarati sadržaju slike.
- Mora sadržavati ključnu riječ.
- Na istoj stranici treba da postoje različite alt oznake. Ako koristite iste tipke za sve slike, ova stranica će biti loša rangirati i postoji šansa da se uvuče ispod filtera AGS
- Optimalna jačina zvuka je od 3 do 10 riječi za alt. Naslov bi trebao biti duži, detaljniji.
- Tekstovi za alt i naslov trebaju biti različiti
Postavljanje alt za slike
U većini CMS-a postavljanje ovog atributa je prilično jednostavno. Na primjer, u Wordpress-u desnom tipkom miša kliknite sliku -> "Uredi" -> dodajte opis za alt atribut.
U mnogim CMS-ovima, funkcionalnost je slična. Neki čak imaju dodatke za postavljanje šablona ovih oznaka.Da biste ručno napisali alt atribut - vodite se sintaksom oznake predstavljeno gore.
Ako želite detaljnije informacije, onda su u našoj blog.
Recimo da promet vaše stranice raste pred našim očima, ali ni u ovom slučaju ne treba zanemariti optimizaciju slike. Ovo je prilika da dobijete više prometa za već uložena sredstva. Ključne reči su savršeno upisane u tekstove, tehnička strana sajta je na vrhu, ima dosta posetilaca, ali možda i više. U tome će pomoći optimizacija slika na sajtu, jer fotografije takođe učestvuju u rangiranju upita za pretragu. Pa ipak, postoji šansa da se prikupi dodatni promet od zahtjeva za „+ fotografija“.
Ako želite da prodate baner prostor na svom WordPress blogu, ne morate ići i prijavljivati se za razmjenu baner oglasa, jer postoji odlična zamjena za ovu uslugu - AdRotate dodatak za baner za vaš blog.
Vrijedi napomenuti: zgodno je, jer ne morate pojedinačno pregovarati s oglašivačima o postavljanju banera, tj. Vi praktično ne učestvujete u tome. Glavni posao pada na oglašivača: on bira veličinu, baner, link sa njega i postavlja ga na određeni period (na primjer, mjesec dana) i za cijenu koju odredite (što je vaš blog popularniji, to je cijena veća ), a novac dobijate samo za baner koji je kupio oglašivač automatski. Potrebno je samo da instalirate kod na blog kako biste prikazali oglas "kupite oglase" sa logom:
1. Baner će visiti na vašem blogu do isteka roka za postavljanje banera.
2. Bez rotacije, tj. mogućnost prikazivanja drugih banera u rotaciji sa banerom oglašivača.
Neće biti takvih problema kada koristite AdRotate dodatak! Ali vi ćete pregovarati s oglašivačima, postavljati banere i sami postavljati vrijeme prikaza.
Sada pređimo na konfiguraciju dodatka AdRotate.
Preuzmite i instalirajte AdRotate na našem WordPress blogu i prijeđite na kreiranje rotacije reklamnih banera.
Dodatak je dizajniran za umetanje rotacije nekoliko reklamnih banera. Svaka grupa treba da ima banere iste veličine, na primer, u grupi 1 biće rotacija banera 468x60, au grupi 2 - 125x125.
Nakon dodavanja nekoliko banera u jednu grupu, AdRotate počinje da ih prikazuje na sajtu promenljivo: prvo će se prikazati jedan baner, a kada odete na drugu stranicu, ili osvežite trenutnu stranicu u pretraživaču, drugu itd., u zavisnosti od broj banera koje ste dodali u jednu grupu.
Kako dodati baner?
Potražite u AdRotate admin panelu, idite na Upravljajte oglasima i kliknite na Dodaj novi da dodate novi baner na rotator.
Na terenu Naslov unesite svoje ime kako biste kasnije saznali da li trebate ukloniti ili urediti baner.
Na terenu oglasni kod trebali biste navesti kod vašeg banera, na primjer:
I ne zaboravite označiti kućicu praćenje klikova i napišite url svoje skrivene veze.
Za svaki baner možete postaviti prioritet prikaza ( Težina), tj. koliko će više (manje) ostalima biti prikazan ovaj baner. Prioritet 2 do 10.
U bodovima Prikaz Od… Do možete odrediti period prikazivanja ovog banera. Nakon toga, u paragrafu Aktiviraj izabrati Da, ovaj oglas će se koristiti da omogućite baner. Ovo je zgodno ako je neko kupio oglasni prostor na vašoj stranici, recimo, na mjesec dana.
Sada morate ići na Upravljanje grupama da kreirate rotirajuću grupu za vaše banere. Ovdje navodimo naziv za grupu banera, a zatim biramo banere koji će biti uključeni u ovu grupu.
Kliknite na Sačuvaj.
Da biste dodali rotaciju na objavu ili stranicu, možete koristiti kratki kod.
