Kako sliki pravilno dodati atribut ALT?

Kazalo:

Kako sliki pravilno dodati atribut ALT?
Kako sliki pravilno dodati atribut ALT?
Anonim

Vsaka spletna stran je ustvarjena z označevanjem – kodo, ki je napisana v posebej določenem jeziku (najpogosteje HTML). Uporabnikov brskalnik pa lahko prebere to kodo, da bi pravilno prikazal vse informacije, ki so nam jih želeli posredovati ustvarjalci vira. Izkazalo se je, da vse elemente, ki jih vidimo na spletni strani, zagotavlja izvorna koda spletnega mesta, ki ga obiščemo.

Optimizacija kode

nastavite atribut ALT
nastavite atribut ALT

Kot lahko uganete, ima vsaka črka te kode, vsak simbol pomen. Zanimivo pa se tudi zgodi, da vizualno stran morda ne vsebuje tistih elementov, ki so izjemno pomembni za njegovo optimizacijo (kar pomeni pravilno nastavitev vira za iskalnike). Atributu ALT lahko na primer pripišemo število takšnih komaj opaznih. Je na straneh številnih virov in zelo pogosto je preprosto ne opazimo.

V tem članku bi želeli biti pozorni samo na ta element spletnega oblikovanja. Tukaj vam bomo povedali, zakaj je tako pomembno za pravilno uvrstitev spletnega mesta, rast njegovega prometa in udobje uporabnika pri delu z njim.

Kaj je atribut ALT?

Začnimo od samega začetka: opisali bomo, o čem govori ta članekgovor in zakaj sploh potrebujemo ta atribut.

ALT atribut
ALT atribut

Torej, da bi razumeli to besedilo, morate najprej razumeti označevalni jezik HTML. To je koda, na kateri so zapisane osnovne spletne strani, ki ima, kot že rečeno, lastnost, da se prikaže v brskalniku. Celoten jezik je sestavljen iz posebnih atributov (kot so IMG, ALT, FONT itd.). Vsak od njih je odgovoren za delo z enim ali drugim elementom oblikovanja. V praksi se zgoraj omenjeni atribut "Image" uporablja za slike, ki jih lahko najdete na spletnih straneh. Natančneje, z njegovo pomočjo se slikam izdela opis, po katerem uporabnik (obiskalec strani) zlahka razume, kaj je na njih prikazano. Zagotovo ste tudi sami naleteli na takšne opise - pojavijo se, ko z miško premaknete na sliko.

Praktična vrednost

Seveda se ti atributi v praksi uporabljajo z razlogom. Spletni skrbniki potrebujejo opise za svoje slike toliko kot obiskovalci spletnega mesta (verjetno več). Konec koncev, če vse slike nimajo atributa ALT, oseba tega morda sploh ne opazi, če se slikam na strani dodajo pojasnila. Po drugi strani pa iskalni roboti (s praznim ALT) morda ne bodo uvrščali strani dovolj visoko, zmanjšali njeno pozicijo v rezultatih iskanja in tako ne bodo pritegnili zadostnega števila obiskovalcev. Zato lahko z gotovostjo trdimo, da imajo opisi za slike na spletnem mestu pomembno vlogo tudi za spletne skrbnike, zato ne morejozanemarjanje.

Vsem vidnim slikam manjka atribut ALT
Vsem vidnim slikam manjka atribut ALT

Bonusi iz iskalnikov

Za boljše razumevanje prednosti pravilno izpolnjenih opisnih oznak za slike, poglejmo majhen primer. Recimo, da obstaja spletna stran s slikami. Če atribut ALT ni nastavljen, uporabnik ne bo trpel, saj bo v vsakem primeru videl, kaj je prikazano na določeni fotografiji. Povsem drugačen razplet čaka lastnika vira, ki bo zanemaril zgornjo oznako, zaradi česar bo na primer izgubil nekaj prometa iz imenikov slik.

Kako napisati atribut ALT?

Tehnično ni nič težko izpolniti opisa pod to ali ono sliko. To je očitno: iti morate v urejevalnik HTML na svojem spletnem mestu in poiskati kodo slike (začne se z IMG in konča z isto). Znotraj tega bloka kode je koda. To mislijo, ko pravijo, da morate napisati atribut ALT. To se naredi takole: " alt=""opis".

Če ne delate s čisto kodo, ampak za spletno mesto uporabljate kakšen ločen “motor” (na primer Wordpress ali Joomla), integrira poseben mehanizem za dodajanje “alts”, prek katerega se bo naše spletno mesto zapomnilo po iskalnikih. Če vnesete nov ALT, je posodobitev na vaši strani.

Kaj pišejo v atribut?

Seveda, ko imate nalogo napisati atribut ALT, ne razmišljate o tehničnihstran. Najpogosteje se to vprašanje zastavi, če spletni skrbnik ne ve, katere podatke mora posredovati o določeni sliki. Zaradi tega je težko reči, katere informacije bodo spletnemu mestu koristile z vidika iskalnikov.

V praksi obstaja veliko pristopov k reševanju problema opisa. Nekdo dela s tipičnimi predlogami, po katerih je oznaka preprosto napolnjena s ključnimi besedami, za katere je stran ustvarjena. Morda je to najpogostejša praksa, ki jo lahko pogosto najdemo. Včasih, namesto da bi iskal, kako napisati atribut ALT, uporabnik preprosto pusti ta prostor prazen. Tukaj je treba pojasniti, da se vsak sam odloči, kateri opis bo navedel.

manjka atribut alt
manjka atribut alt

Zahteve

Hkrati obstaja več osnovnih pravil (ali, če želite, zahtev), po katerih lahko vsak sešteje idealen atribut za svoje slike. Sestavljeni so iz majhnega števila elementov, od katerih se vsak nanaša na opise fotografij in slik na spletnem mestu.

Na primer, prva taka zahteva je dolžina celotnega besedila. Če iščete, kako pravilno napisati atribut ALT, je rešitev elementarna: ne uporabite več kot 2-3 besede. Besedilo te velikosti bo najprej idealno prebral iskalni robot (in bo vaše spletno mesto naredilo bolj relevantno); drugič, tak opis je bolj razumljiv uporabnikom samim. Strinjam se, preberite cel stavek, če želite samo vedeti, kaj je prikazano na sliki, nihče ne bo. Dovolj je, da je kratek in natančen.opis, ki bo koristen tako za vas kot za vaše stranke.

Ne pozabite na pomen. Če objavite fotografijo slona, obvezno opišite njegovo pasmo ali zgodovino; navedite, zakaj je prikazano na tej fotografiji, kaj želite s tem povedati. Obiskovalec bi bil v pomoč, če bi vedel vaše misli o tem slonu.

Druga pomembna točka (ki je bila ugotovljena med številnimi praktičnimi preizkusi) je edinstvenost. Če iščete, kako sliki dodati atribut "Image", ne pozabite, da mora biti ta edinstven za vsako od navedenih fotografij na spletnem mestu. Na primer, objava treh slik zapored z napisom "moj slon" bo napačna - to bo samo škodilo vašemu viru v rezultatih iskanja. Bolje je, da sliki poimenujete "slon 1" in "slon 2", kar ju bo naredilo bolj edinstveno.

Nazadnje ne pozabite na parametre samih slik, ki jim iščete, kako dodati atribut ALT. Za slike je pomembno, da izpolnjujejo številne kriterije – da niso premajhne, da so videti realistične. To pomeni, da če navedete opis, potem to storite za resnejše slike, ki se upoštevajo bolj tehtno. Ne kvalificirajte atributa "Image" za nekatere majhne emotikone ali kaj podobnega.

Išči ALT

Nazadnje smo spregovorili o osnovah atributa, nekaterih pravilih za njegovo sestavljanje in zahtevah obeh strani (tako uporabnikov kot iskalnih robotov) do njih. Zdaj pa pomislimo: kako iskati ključne besede in besedne zveze,ki jih bomo predpisali na naši spletni strani? Kot je navedeno zgoraj, naj bo iskanje usmerjeno v že pripravljene baze ključnih besed, ki resnično začnejo privabljati stranke na vaše spletno mesto. Seveda tega ni mogoče doseči, če še vedno nimate atributa ALT. Vzemite že pripravljene ključne besede in besedne zveze, ki jih uporabljate v svoji vsebini, in jih prilepite v slike.

Če nimate takšnih informacij in sploh niste razmišljali o tem, da bi začeli postopoma promovirati svoj vir, vam predlagamo, da začnete iskati baze takšnih "ključnih besed", s katerimi lahko enostavno ustvarite nova spletna mesta. Za to so kot nalašč storitve, kot sta Google Keyword Extract Tool ali Yandex. Wordstat, ki prikazujeta statistiko iskanja za določene fraze. Z »igranjem« s temi nastavitvami lahko občutno povečate delež iskalnega prometa na svojih spletnih mestih in s tem začnete uživati nove prednosti. Glavna stvar je, da se izognete situaciji, v kateri vse vidne slike nimajo atributa ALT.

Sklepi

Torej, kaj lahko rečemo o atributu, opisanem v tem članku? Je del jezika, v katerem so ustvarjena najpreprostejša spletna mesta – HTML. To je zelo enostavno narediti, saj opisuje osnovni, osnovni jezik. Če želite oznako še vedno registrirati na slikah, jo morate samostojno izdati prek izvorne kode. Ali pa z novimi navodili začnite izdelovati znova. Kakor koli že, označevanje "Image" je popoln primer vzajemne koristi, ko sta tako obiskovalec kot lastnik vira zadovoljna.

Navedba oznake lahko vodi do novegaobiskovalci - ta pojav še posebej pogosto opazimo na storitvah, kot sta Google in Yandex Images. Ko kliknete sliko, stran samostojno določi vir, iz katerega je bila slika posneta, in preusmeri obiskovalca. In to je, kot razumete, zelo pomembno, da lahko storite v prihodnosti.

Priporočena: