Kako postaviti pametne telefone i računala. Informativni portal
  • Dom
  • Recenzije
  • Dodajte parametre alt i title u oznaku img. Što su i što su alt i title atributi u WordPressu? Što je Alt atribut

Dodajte parametre alt i title u oznaku img. Što su i što su alt i title atributi u WordPressu? Što je Alt atribut

Danas su slike među svim web sadržajima velikim dijelom odlično mjesto... Međutim, ne optimiziraju ih svi korisnici za bolji rang za cijelu web-lokaciju u cjelini. WordPress, među svojim ostalim značajkama, pruža priručni alati za dodavanje zamjenskog teksta i naslova slike odgovarajućim oznakama. U ovom članku razmotrit ćemo razliku između atributa. alt/titula i njihov opseg.

Zašto nam je potreban atribut alt u slikama?

Alternativni tekst ili alt je HTML-atribut dodan oznaci za umetanje slike ... Ovaj tekst će se prikazati ako se slika, iz ovog ili onog razloga, neće učitati i prikazati na stranici. Ovaj potez daje informaciju roboti za pretraživanje o tome što je točno prikazano na fotografiji. Obično u oznaci alt napišite kratak opis slike. Osim toga, atribut također služi za poboljšanje pristupačnosti stranice za osobe s oštećenjem vida ili za one koji koriste čitače zaslona. Čitatelj će zvučati tekstualni dio stranicu, a kada je slika u pitanju, ona čita tekst alt... Zahvaljujući tome, korisnici će uvijek znati što je nacrtano na slici, čak i ako to ne vide.

Kako i gdje popuniti alt u WordPressu?

WordPress nudi prilično zgodne alate za popunjavanje atributa alt... Dakle, možete ga odrediti već prilikom učitavanja slike. Da biste to učinili, otvorite zapis ili stranicu, umetnite kursor na mjesto gdje je slika umetnuta i pritisnite gumb Dodajte medijsku datoteku.

Nakon što se klikne na gumb, otvorit će se prozor Medijske knjižnice WordPress, gdje ćete morati odrediti lokalnu lokaciju slikovne datoteke. Kao rezultat toga, vidjet ćete bočnu traku s parametrima prenesene datoteke.

Kao što vidite, na ploči se nalazi polje Alt atribut... Prema zadanim postavkama, prazan je. U atributu je potrebno postaviti tekst duljine 2-3 riječi, a moraju točno opisivati ​​ono što je na fotografiji. Da biste umetnuli sliku na stranicu, kliknite gumb Umetnuti u zapis.

Zašto nam je potreban atribut title u slikama?

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

Kako i gdje popuniti naslov u WordPressu?

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

Titula ili naslov treba postaviti smisleno ovisno o informacijama prikazanim na slici. Istodobno, tekst se mora razlikovati od atributa alt... Naslov može biti napisan na ruskom ili transliteriran. Vlasnici web stranica ga č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 dodatna ploča alati pritisnite gumb za uređivanje sa slikom olovke. Općenito, za optimizaciju web stranice preporuča se korištenje oba atributa za slike. Atribut alt ima jednu prednost - pomaže tražilicama pronaći slike na vašoj web-lokaciji i prikazati ih u rezultatima pretraživanja slika. U ovom slučaju, stranica prima dodatni promet iz tražilica. Još jedna prednost obaju atributa je poboljšanje pristupačnosti stranice za osobe s posebnim potrebama.


Kad bi se od nas zamolilo da smislimo frazu kojom bismo dočarali važnost zamjenskog teksta, zvučalo bi ovako: slika bez riječi je kao vatra bez drva za ogrjev. Što je ovaj tekst i kako utječe optimizacija pretraživača vaša stranica?

Alt-text se zove Kratki opis bilo koju sliku. Izraz je nastao iz izraza " alternativni tekst". Ne prikazuje se na stranici i nije vidljiv posjetiteljima, to je vrsta metapodataka od kojih su skriveni znatiželjne oči... No unatoč činjenici da gotovo nitko ne čita zamjenske tekstove, oni su vrlo važni iz dva razloga:

    Ovaj koristan alat za SEO. Tražilice ne mogu prepoznati slike i reagiraju samo na riječi. Dodavanjem zamjenskog teksta slici, činite je "uočljivom" za Yandex ili Google, a kao rezultat toga vaša stranica počinje rasti u rezultatima pretraživanja.

    Oni čine stranicu dostupnim. Koriste osobe oštećena vida posebne programe za čitanje kada idu na internet. Ti programi, poput tražilica, ne mogu prepoznati slike. Alt-tekstovi pomažu. Oni opisuju sliku, a osoba koja slabo vidi, sve postaje jasno.


Sada kada razumijemo važnost zamjenskog teksta, shvatimo što bi on trebao biti i što treba imati na umu kada ga dodajemo.

    Nemojte biti punoslovni... Kada dodajete zamjenski tekst, pokušajte zadržati najviše 15 riječi.

    Pišite jasno... Kada dodate zamjenski tekst, opisujete sliku nekome tko je ne može vidjeti. Pobrinite se da imaginarni čitatelj ispravno razumije tekst i da može predstaviti sliku onako kako je opisuje.

    Razmotrite kontekst... Alt-tekst često ovisi o sadržaju i temi izvora. Zamislite snimku sretnog para koji priprema večeru. Na blogu o hrani imat će jedno značenje, ali na stranicama za upoznavanje imat će potpuno drugo značenje. Zato alt-tekstovi moraju odgovarati kontekstu stranice i pojedine stranice.

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

    Ne bježite od teme... Nemate puno prostora, stoga se usredotočite na ono najvažnije. To mogu biti ljudi, predmeti, mjesta, boje, autor slike ili atmosfera. Općenito, nemojte se raspršiti i označiti ono na što treba obratiti pozornost.

Vrlo je jednostavno dodati zamjenski tekst. Evo upute.

Za Wix stranicu:

    Kliknite na sliku.

    Kliknite na ikonu "Postavke".

    Dodajte zamjenski tekst u polje "Tekstovi fotografija" - "Opišite sliku tražilicama".


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 trgovini. Ima korisnika koji traže proizvod po slici. I tako da vaš proizvod ili blog bude viši u Rezultati pretraživanja, vrijedno je obratiti pozornost na oznake slika. to je o alt i naslovu. Uspjeh u rezultatima pretraživanja ovisi o tome kako pišemo alt i naslov.

Što su oznake? Općenito govoreći, kada smo , tražilica vidi da slika u članku odražava njegov naslov, temu. Atribut je namijenjen robotima i izravno utječe na rangiranje stranice. A kada napišemo naslov, kada zadržite pokazivač miša iznad fotografije, pojavljuje se tooltip s tekstom. Ako je alt usmjeren na botove sustava, onda title poboljšava upotrebljivost (upotrebljivost stranice). Ako promišljeno napišemo naslov, bolje je da pokrijemo temu o kojoj članak govori.

Registriramo alt oznaku

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

Za što je još korisna oznaka? Činjenica je da nemaju svi korisnici preglednik koji učitava slike. Po 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, dano oznakom... Propisivanje alt korisno je za posjetitelje koji sjede Mobilni uredaji pokušava uštedjeti promet. Vaša stranica će se učitavati mnogo puta brže. No upravo brzina učitavanja resursa bitno utječe na faktore ponašanja i broj redovitih posjetitelja.

Razmotrimo primjer zamišljenog SEO optimizacija... Odabrali smo stranicu o cvijeću. Snimka zaslona u nastavku prikazuje dobro popunjenu atribut naslova, o čemu će biti riječi u posebnom odlomku.

Kada zadržite pokazivač miša iznad slike, pojavljuje se skočni tekst: koje cvijeće pokloniti. Provjerimo kako se piše alt. Pritisnite kombinaciju tipki Ctrl + U. Otvara se kôd stranice. Sada pritisnite Ctrl + F za pretraživanje stranice. Kada upišete frazu kakvo cvijeće kupiti, vidimo ispravno popunjenu alt oznaku.

Oni. administrator stranice pobrinuo se za popunjavanje obje oznake, čime je poboljšao i poziciju u rezultatima pretraživanja i faktore ponašanja. Što je s rangiranjem? Idemo na Google pretraživanje slika. Unosimo zahtjev za cvijeće koje darujemo, a prva slika je sa stranice koju pregledavamo.

Kao što vidite, optimizacija oznaka radi izvrsno. Dovoljno kompetentno registar alt... Kako to učiniti?

  • 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 pretraživanje ili riječi. Ako naslovni izraz u skočnom tekstu više utječe na korisnika, tada zamjenski izraz izravno 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 oznaku naslova

Atribut title ne utječe izravno na promociju. Botovi za pretraživanje to ne uzimaju u obzir prilikom rangiranja članka ili proizvoda u rezultatima pretraživanja. U biti, mi propisati naslov neobavezno. Ali njegova je uloga kod posjetitelja stranice velika, jer poboljšava upotrebljivost stranice. Kada zadržite pokazivač miša iznad slike u članku, pojavljuje se opis koji otkriva bit slike – zapravo, tako funkcionira oznaka naslova.

Kako pravilno napisati naslov?


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

Hajde da rezimiramo. Alt oznaka dizajniran je da izravno utječe na poziciju u potrazi, upućen je robotima. Oznaka naslova nije obavezna, ali jest dobar bonus na kvalitetu članka. Stvoren je za posjetitelje.

Za postizanje maksimalni učinak u optimizaciji članka preporučamo da se obratite profesionalcima. Stručnjaci za promociju dobro su upoznati s temom, vješto rade s programima pretraživanja ključne riječi... Veliko iskustvo u rješavanju problema igra značajnu ulogu. Kao rezultat toga, dobit ćete radni rezultat, a vaša stranica će moći doći do vrha u tražilicama.

Ako želite prodati banner prostor na svom WordPress blogu, ne morate se ići i registrirati na burzi. banner oglašavanje jer postoji odlična zamjena za ovu uslugu - ovo je dodatak za prikazivanje bannera na vašem AdRotate blogu.

Valja napomenuti: prikladno je, jer nema potrebe individualno pregovarati s oglašivačima o postavljanju bannera, t.j. Vi praktički ne sudjelujete u tome. Glavni posao pada na oglašivača: on odabere veličinu, banner, link iz njega i postavi ga na određeno razdoblje(na primjer, za mjesec dana) i za cijenu koju ste naveli (što je vaš blog popularniji, to je cijena viša), a novac dobivate samo za banner prostor koji je oglašivač kupio automatski. Samo trebate instalirati kod na blog kako biste prikazali oglas "kupi oglas" s logom:

1. Banner će visjeti na vašem blogu do isteka roka za postavljanje bannera.
2. Nema rotacije, t.j. mogućnost prikazivanja drugih bannera u rotaciji s bannerom oglašivača.

Kod korištenja dodatka AdRotate takvih problema neće biti! Ali sami ćete pregovarati s oglašivačima, postavljati bannere i odrediti vrijeme prikaza.

Sada prijeđimo na konfiguriranje dodatka AdRotate.

Preuzmite i instalirajte AdRotate na našem WordPress blogu i nastavite s kreiranjem rotacije reklamnih bannera.

Dodatak je dizajniran za umetanje nekoliko rotacija reklamnih bannera... Svaka grupa treba imati bannere iste veličine, na primjer, grupa 1 će imati rotaciju banera 468x60, a grupa 2 - 125x125.

Nakon dodavanja nekoliko bannera u jednu grupu, AdRotate ih počinje prikazivati ​​na stranici naizmjenično: prvo će se prikazati jedan banner, a kada odete na drugu stranicu, ili kada se trenutna stranica ažurira u pregledniku, još jedna itd., ovisno na broj bannera koje ste dodali u jednu grupu.

Kako dodati banner?

Potražite AdRotate na administrativnoj ploči, idite na stavku Upravljajte oglasima i kliknite na Dodaj novi za dodavanje novog bannera na rotator.

U polju Titula unesite svoje ime kako biste se kasnije kretali, ako trebate izbrisati ili urediti banner.

U polju AdCode trebali biste navesti kod vašeg bannera, na primjer:

I ne zaboravite označiti okvir Praćenje klikova i registrirajte url svoje skrivene veze.

Za svaki banner možete postaviti prioritet prikaza ( Težina), tj. koliko će više (manje) ostalo biti prikazano na ovom transparentu. Prioritet 2 do 10.

U bodovima Prikaži od... do možete odrediti razdoblje za prikazivanje ovog bannera. Nakon toga, u st Aktivirati birati Da, ovaj oglas će se koristiti da biste omogućili banner. Ovo je zgodno ako je netko kupio oglasni prostor na vašoj stranici, recimo, na mjesec dana.

Sada morate ići na Upravljanje grupama za stvaranje rotacijske grupe za svoje bannere. Ovdje navodimo naziv za grupu bannera, a zatim kvačicom odabiremo bannere koji će biti uključeni u ovu grupu.
Kliknite na Uštedjeti.

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

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

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

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

Ako korisnik ipak 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 je sada o upotrebljivosti i kvalitetan sadržaj... 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. Bit će dobro ako napišete još jedan u alt zahtjev niske frekvencije... Ali ovdje morate biti oprezni.

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 napravili olovku za oči faktori 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. Maksimalni broj znakova 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 na primjer wordpressa najlakše ga je 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.

Vrhunski povezani članci