Danas su slike među svim web sadržajima prilično odlično mjesto... Međutim, ne optimiziraju ih svi korisnici kako bi se bolje rangirali za cijelu web lokaciju u cjelini. WordPress, između ostalih funkcija, pruža zgodni alati za dodavanje zamjenskog teksta i naslova slike odgovarajućim oznakama. U ovom članku ćemo razmotriti razliku između atributa. alt/naslov i njihov obim.

Zašto nam je potreban atribut alt u slikama?

Alternativni tekst ili alt je Html-atribut dodan u oznaku za umetanje slike ... Ovaj tekst će se prikazati ako slika, iz ovog ili onog razloga, neće biti učitana i prikazana na stranici. Ovaj potez daje informacije roboti za pretragu o tome šta je tačno prikazano na fotografiji. Obično u oznaci alt napišite kratak opis slike. Osim toga, atribut služi i za poboljšanje pristupačnosti stranice za osobe sa oštećenjem vida ili za one koji koriste čitače ekrana. Čitač će se oglasiti tekstualni dio stranicu, a kada je slika u pitanju, ona čita tekst alt... Zahvaljujući tome, korisnici će uvijek znati šta je nacrtano na slici, čak i ako to ne vide.

Kako i gdje popuniti alt u WordPressu?

WordPress pruža prilično zgodne alate za popunjavanje atributa alt... Dakle, možete ga odrediti već prilikom učitavanja slike. Da biste to uradili, otvorite zapis ili stranicu, postavite kursor na mesto gde je slika umetnuta i pritisnite dugme Dodajte medijski fajl.

Nakon što se klikne na dugme, otvoriće se prozor Medijske biblioteke WordPress, gdje ćete morati navesti lokalnu lokaciju datoteke slike. Kao rezultat, vidjet ćete bočnu traku s parametrima učitane datoteke.

Kao što vidite, na panelu se nalazi polje Alt atribut... Podrazumevano je prazan. U atributu je potrebno postaviti tekst u dužini od 2-3 riječi, a oni moraju precizno opisati ono što se nalazi na fotografiji. Da biste umetnuli sliku na stranicu, kliknite na dugme Umetnuti u zapis.

Zašto nam je potreban atribut title na slikama?

Naslov- još jedan atribut Html-tag za umetanje slike ... Koristi se za naslov slike i obično označava njen naslov. Imajte na umu i da je tekst unutra naslov neće biti prikazan korisniku ako slika nije prikazana na stranici.

Kako i gdje popuniti naslov u WordPress-u?

Atribut se popunjava nakon što je slika postavljena na stranicu. Za ovo u Medijateka WordPress bi trebao istaknuti sliku, nakon čega će se pojaviti poznato bočna ploča.

Naslov ili naslov treba postaviti smisleno u zavisnosti od informacija predstavljenih na slici. U isto vrijeme, tekst se mora razlikovati od atributa alt... Naslov može biti napisan na ruskom ili transliteriran. Vlasnici sajtova to često koriste SEO-optimizacija navođenjem ključnih riječi tamo. Također, atribut se može postaviti dok ste na stranici za uređivanje posta ili stranice. Da biste to učinili, kliknite na sliku i na prikazanu dodatni panel alati pritisnite dugme za uređivanje sa slikom olovkom. Općenito, za optimizaciju web stranice preporučuje se korištenje oba atributa za slike. Atribut alt ima jednu prednost - pomaže pretraživačima da pronađu slike na vašoj web stranici i prikažu ih u rezultatima pretraživanja slika. U ovom slučaju, stranica prima dodatni promet sa pretraživača. Još jedna prednost oba atributa je poboljšanje pristupačnosti stranice za osobe sa posebnim potrebama.

Kada bi se od nas zamolilo da smislimo frazu kojom bismo prenijeli važnost zamjenskog teksta, to bi zvučalo ovako: slika bez riječi je kao vatra bez drva za ogrjev. Šta je ovaj tekst i kako utiče optimizacija za pretraživače vaš sajt?

Alt-text se poziva Kratki opis bilo koju sliku. Termin potiče od fraze " alternativni tekst". Ne prikazuje se na sajtu i nije vidljiv posetiocima, to je vrsta meta podataka od kojih su skriveni radoznale oči... Ali uprkos činjenici da skoro niko ne čita alternativne tekstove, oni su veoma važni iz dva razloga:

Ovo koristan alat za SEO. Pretraživači ne mogu prepoznati slike i reagiraju samo na riječi. Dodavanjem alt-teksta na sliku, činite je "primetnom" za Yandex ili Google, a kao rezultat, vaša stranica počinje rasti u rezultatima pretrage.

Oni čine stranicu dostupnim. Koriste osobe oštećenog vida specijalni programi za čitanje kada idu na internet. Ovi programi, poput pretraživača, ne mogu prepoznati slike. Alt-tekstovi pomažu. Oni opisuju sliku, a osobi koja slabo vidi sve postaje jasno.

Sada kada smo shvatili važnost zamjenskog teksta, hajde da shvatimo šta bi on trebao biti i šta treba imati na umu kada ga dodajemo.

Ne budite opsežni... Prilikom dodavanja zamjenskog teksta, pokušajte zadržati maksimalno 15 riječi.

Pišite jasno... Kada dodate zamjenski tekst, opisujete sliku nekome ko je ne vidi. Uvjerite se da imaginarni čitalac pravilno razumije tekst i da može predstaviti sliku onako kako je opisuje.

Uzmite u obzir kontekst... Alt-tekst često zavisi od sadržaja i predmeta izvora. Zamislite snimak srećnog para koji priprema večeru. Na blogu o hrani imaće jedno značenje, ali na sajtu za upoznavanje imaće potpuno drugo značenje. Zato alt-tekstovi moraju odgovarati kontekstu stranice i pojedinačne stranice.

Nemojte slati neželjenu poštu... Nemojte dodavati ključne riječi i meta oznake u alternativni okvir za tekst, čak i ako to zaista želite. Umjesto toga, smislite dobar opis i pažljivo uključite nekoliko odgovarajućih riječi za promociju.

Ne udaljite se od teme... Nemate puno prostora, pa se fokusirajte na ono što je najvažnije. To mogu biti ljudi, predmeti, mjesta, boje, autor slike ili atmosfera. Općenito, nemojte se razbježati i označiti na šta treba obratiti pažnju.

Vrlo je lako dodati zamjenski tekst. Evo uputstva.

Za Wix stranicu:

Kliknite na sliku.

Kliknite na ikonu "Postavke".

Dodajte zamjenski tekst u polje “Tekstovi fotografija” - “Opišite sliku pretraživačima”.

Za Wix blog:

Otvorite novi ili već napisani post u uređivaču bloga.

Registriramo alt i naslov

Slike igraju značajnu ulogu u SEO promociji blog članka ili proizvoda u online prodavnici. Ima korisnika koji traže proizvod po slici. I tako da vaš proizvod ili blog bude na višem nivou Rezultati pretrage, vrijedi obratiti pažnju na oznake slika. TO JE o alt i naslovu. Uspjeh u rezultatima pretraživanja ovisi o tome kako pišemo alt i naslov.

Šta su oznake? Uopšteno govoreći, kada mi , pretraživač vidi da slika u članku odražava njegov naslov, temu. Atribut je namijenjen robotima i direktno utiče na rangiranje stranice. A kada napišemo naslov, kada pređete mišem preko fotografije, pojavljuje se tooltip sa tekstom. Ako je alt usmjeren na botove sistema, onda naslov poboljšava upotrebljivost (upotrebljivost stranice). Ako promišljeno napišemo naslov, bolje je da pokrijemo temu o kojoj članak govori.

Registriramo alt tag

glavna karakteristika ovaj atribut- značajan uticaj na tražilice i pomoći u dovođenju članka na vrh Yandexa ili Googlea. Prilikom čitanja oznake, pretraživač razume šta je prikazano na slici. Ako registar alt kompetentno, u skladu s temom članka, njegova relevantnost će se značajno povećati. Dobar bonus- korisnici će doći na stranicu iz odjeljka za pretraživanje slika. Zbog toga je upotreba alt oznake posebno korisna za online trgovine.

Za šta je još korisna oznaka? Činjenica je da nemaju svi korisnici pretraživač koji učitava slike. By različitih razloga: zbog uštede u prometu, zbog male brzine veze ili ako je korisnik sam onemogućio prikaz slika. U ovom slučaju, umjesto fotografije, prikazana je tekstualni opis, dato oznakom... Propisivanje alt je korisno za posjetitelje koji sjede mobilnih uređaja pokušava da uštedi saobraćaj. Vaša stranica će se učitavati mnogo puta brže. Ali upravo brzina učitavanja resursa značajno utiče na faktore ponašanja i broj redovnih posetilaca.

Razmotrimo primjer zamišljenog SEO optimizacija... Izabrali smo sajt o cveću. Snimak ekrana ispod prikazuje dobro popunjenu atribut naslova, o čemu će biti reči u posebnom paragrafu.

Kada zadržite pokazivač iznad slike, pojavljuje se iskačući tekst: koje cvijeće pokloniti. Hajde da proverimo kako se piše alt. Pritisnite kombinaciju tipki Ctrl + U. Otvara se šifra stranice. Sada pritisnite Ctrl + F da pretražite stranicu. Kada upišete frazu kakvo cvijeće kupiti, vidimo ispravno popunjenu alt oznaku.

One. administrator sajta se pobrinuo za popunjavanje oba taga, čime je poboljšao i poziciju u rezultatima pretrage i faktore ponašanja. Šta je sa rangiranjem? Idemo na pretragu slika u Google-u. Unosimo upit kakvo cvijeće pokloniti, a prva slika je sa stranice koju pregledavamo.

Kao što vidite, optimizacija oznaka radi odlično. Dovoljno kompetentno registar alt... Kako uraditi?

• Kratkoća je duša duhovitosti. I dobar SEO promocija. Prihvatljiv broj riječi je 3-5. Ograničenje oznake je 250 znakova.
• Dostupnost fraza za pretragu ili riječi. Ako naslovna fraza u iskačućem tekstu više utiče na korisnika, tada zamjenska fraza direktno utječe na tražilicu. Ali nemojte pretjerivati ​​s ključnim riječima, inače će ga robot identificirati kao neželjenu poštu.
• Kao iu slučaju naslova, trebate napisati alt u skladu sa slikom na stranici.

Kako napisati naslovnu oznaku

Atribut title ne utiče direktno na promociju. Botovi za pretragu to ne uzimaju u obzir kada rangiraju članak ili proizvod u rezultatima pretrage. U suštini, mi propisati naslov opciono. Ali njegova uloga kod posjetitelja stranice je velika, jer poboljšava upotrebljivost stranice. Kada pređete pokazivačem miša preko slike u članku, pojavljuje se alatka koja otkriva suštinu slike – zapravo, ovako funkcionira oznaka naslova.

Kako pravilno napisati naslov?

Ovo je primjer dobre optimizacije, jer stranica ima i dobro postavljenu alt oznaku, o kojoj smo govorili gore. Ispravno pisanje naslova će poboljšati članak u smislu faktora ponašanja i biti lijep dodatak korisnosti članka.

Hajde da sumiramo. Alt tag je dizajniran da direktno utiče na poziciju u pretrazi, upućen je robotima. Oznaka naslova nije obavezna, ali jeste dobar bonus na kvalitetu članka. Stvoren je za posjetioce.

To postići maksimalan efekat u optimizaciji članka preporučujemo da se obratite profesionalcima. Stručnjaci za promociju su dobro upućeni u temu, vješto rade s programima pretraživanja ključne riječi... Veliko iskustvo u rješavanju problema igra značajnu ulogu. Kao rezultat toga, dobićete radni rezultat, a vaša stranica će moći doći do vrha na pretraživačima.

Ako želite da prodate prostor za banere na svom WordPress blogu, ne morate ići i registrovati se na berzi. baner oglašavanje jer postoji odlična zamjena za ovu uslugu - ovo je dodatak za prikazivanje banera na vašem AdRotate blogu.

Treba napomenuti: zgodno je, jer nema potrebe za individualnim pregovorima sa oglašivačima oko postavljanja banera, tj. Vi praktično ne učestvujete u ovome. Glavni posao pada na oglašivača: on bira veličinu, baner, link sa njega i postavlja ga na određenom periodu(na primjer, za mjesec dana) i za cijenu koju ste postavili (što je vaš blog popularniji, to je cijena viša), a novac dobijate samo za baner prostor koji je oglašivač kupio automatski. Potrebno je samo da instalirate kod na blog za prikaz oglasa "kupite oglas" sa logom:

1. Baner će visiti na vašem blogu do isteka roka za postavljanje banera.
2. Nema rotacije, tj. mogućnost prikazivanja drugih banera u rotaciji sa banerom oglašivača.

Kada koristite dodatak AdRotate, neće biti takvih problema! Ali vi ćete sami pregovarati sa oglašivačima, postavljati banere i odrediti vrijeme prikazivanja.

Sada pređimo na konfiguraciju dodatka AdRotate.

Preuzmite i instalirajte AdRotate na našem WordPress blogu i nastavite sa kreiranjem rotacije reklamnih banera.

Dodatak je dizajniran za umetanje rotacije nekoliko reklamni baneri... Svaka grupa treba da ima banere iste veličine, na primer, grupa 1 će imati rotaciju banera 468x60, a grupa 2 - 125x125.

Nakon dodavanja nekoliko banera u jednu grupu, AdRotate počinje da ih prikazuje na sajtu naizmenično: prvo će se prikazati jedan baner, a kada odete na drugu stranicu, ili kada se trenutna stranica ažurira u pretraživaču, još jedna itd., u zavisnosti na broj banera koje ste dodali u jednu grupu.

Kako dodati baner?

Potražite AdRotate u admin panelu, idite na stavku Upravljajte oglasima i kliknite na Dodaj novi da dodate novi baner na rotator.

Na terenu Naslov unesite ime za sebe kako biste se kretali kasnije, ako trebate izbrisati ili urediti baner.

Na terenu AdCode trebali biste navesti kod vašeg banera, na primjer:

I ne zaboravite označiti kućicu Praćenje klikova i registrirajte 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 Prikaži od… do možete odrediti period za prikazivanje 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 označimo banere koji će biti uključeni u ovu grupu sa kvačicom.
Kliknite na Sačuvaj.

Da biste dodali rotaciju na objavu ili stranicu, možete koristiti kratki kod.

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.

Alternativne slike - od engleska riječ alternativa. Ovo je tako korisna stvar, koje pretraživači vole da indeksiraju kako bi odredili šta je prikazano. 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 bavi upotrebljivošću 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 napišete dodatni u alt zahtjev 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 napravili olovku za oči faktori 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. Maksimalni broj znakova 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 najlakše je prikazati, ali mnogi popularni CMS 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.