Jokainen verkkosivu luodaan käyttämällä merkintää - koodia, joka on kirjoitettu erityisellä kielellä (useimmiten HTML). Käyttäjän selain puolestaan voi lukea tämän koodin näyttääkseen oikein kaikki tiedot, jotka resurssin luojat halusivat välittää meille. Osoittautuu, että kaikki Web-sivulla näkemämme elementit ovat vierailemamme sivuston lähdekoodia.
Koodin optimointi
Kuten voit arvata, jokaisella tämän koodin kirjaimella ja jokaisella symbolilla on merkitys. Mielenkiintoista on myös, että visuaalisesti sivusto ei välttämättä sisällä niitä elementtejä, jotka ovat erittäin tärkeitä sen optimoinnin kann alta (eli resurssin oikeaa asetusta hakukoneille). ALT-attribuutti johtuu esimerkiksi tällaisten tuskin havaittavien määrästä. Se on monien resurssien sivuilla, emmekä useinkaan huomaa sitä.
Tässä artikkelissa haluamme kiinnittää huomiota juuri tähän web-suunnittelun elementtiin. Täällä kerromme, miksi se on niin tärkeää sivuston oikean sijoituksen, sen liikenteen kasvun ja käyttäjien mukavuuden kann alta.
Mikä on ALT-attribuutti?
Aloitetaan aivan alusta: kuvailemme, mistä tässä artikkelissa on kysepuhe ja miksi tarvitsemme tätä attribuuttia ollenkaan.
Joten ymmärtääksesi tämän tekstin, sinun on ensin ymmärrettävä HTML-kuvauskieli. Tämä on koodi, jolle perusverkkosivut kirjoitetaan ja jolla, kuten jo todettiin, on ominaisuus, joka näkyy selaimessa. Koko kieli koostuu erikoismääritteistä (kuten IMG, ALT, FONT ja niin edelleen). Jokainen heistä on vastuussa työskentelystä yhden tai toisen suunnitteluelementin kanssa. Käytännössä yllä mainittua "Image"-attribuuttia käytetään verkkosivujen sivuilta löytyvissä kuvissa. Tarkemmin sanottuna kuville luodaan sen avulla kuvaus, jonka mukaan käyttäjä (sivuston kävijä) voi helposti ymmärtää, mitä niissä näkyy. Varmasti olet itse törmännyt tällaisiin kuvauksiin - ne tulevat näkyviin, kun viet hiiren kuvan päälle.
Käytännön arvo
Tietenkin näitä määritteitä käytetään käytännössä syystä. Verkkovastaavat tarvitsevat kuvauksia kuvilleen yhtä paljon kuin sivuston vierailijat (todennäköisesti enemmän). Loppujen lopuksi, jos kaikista kuvista puuttuu ALT-attribuutti, henkilö ei välttämättä edes huomaa tätä, jos sivun kuviin on lisätty selittäviä tekstejä. Toisa alta hakurobotit (tyhjällä ALT:lla) eivät välttämättä nosta sivustoa tarpeeksi korkealle, heikennä sen asemaa hakutuloksissa eivätkä siten tuo tarpeeksi kävijöitä. Siksi voimme luottavaisin mielin sanoa, että sivuston kuvien kuvaukset ovat tärkeässä roolissa myös verkkovastaaville itselleen, joten he eivät voilaiminlyönnit.
Bonukset hakukoneilta
Jotta ymmärrät paremmin kuvien oikein täytettyjen kuvaustunnisteiden edut, annamme pienen esimerkin. Oletetaan, että siellä on verkkosivusto, jolla on kuvia. Jos ALT-attribuuttia ei ole asetettu, käyttäjä ei kärsi, koska joka tapauksessa hän näkee, mitä tietyssä valokuvassa näkyy. Täysin erilainen lopputulos odottaa resurssin omistajaa, joka laiminlyö yllä olevan tagin, minkä vuoksi hän menettää osan esimerkiksi kuvahakemistojen liikenteestä.
Kuinka ALT-attribuutti kirjoitetaan?
Teknisesti ei ole mitään vaikeaa täyttää kuvaus tämän tai tuon kuvan alle. Tämä on ilmeistä: sinun on siirryttävä sivustosi HTML-editoriin ja löydettävä kuvakoodi (alkaa IMG:llä ja päättyy samaan). Tämän koodilohkon sisällä on koodi. Tätä he tarkoittavat sanoessaan, että sinun on kirjoitettava ALT-attribuutti. Tämä tehdään näin: " alt=""kuvaus".
Jos et työskentele puhtaalla koodilla, vaan käytät jotain erillistä "moottoria" sivustolle (esimerkiksi Wordpress tai Joomla), se integroi erityisen mekanismin " alts"-lisäämiseen, jonka kautta sivustomme muistetaan hakukoneiden toimesta. Jos täytät uuden ALT:n, päivitys on sivullasi.
Mitä he kirjoittavat attribuutissa?
Tietenkin, kun sinulla on tehtävänä kirjoittaa ALT-attribuutti, et tietenkään ajattele teknisiäpuolella. Useimmiten tämä kysymys kysytään, jos verkkovastaava ei tiedä, mitä tietoja hänen on annettava tietystä kuvasta. Tämän vuoksi on vaikea sanoa, mitkä tiedot hyödyttävät sivustoa hakukoneiden kann alta.
Käytännössä kuvausongelman ratkaisemiseen on monia tapoja. Joku työskentelee tyypillisten mallipohjien kanssa, joiden mukaan tunniste on yksinkertaisesti täynnä avainsanoja, joita varten sivu luodaan. Ehkä tämä on yleisin käytäntö, joka löytyy usein. Joskus käyttäjä jättää tämän tilan tyhjäksi sen sijaan, että etsisi kuinka kirjoittaa ALT-attribuutti. Tässä on syytä selventää, että jokainen tekee itse päätöksensä siitä, minkä kuvauksen ilmoittaa.
Vaatimukset
Samaan aikaan on olemassa useita perussääntöjä (tai halutessasi vaatimuksia), joiden mukaan jokainen voi laskea yhteen ihanteellisen ominaisuuden kuvilleen. Ne koostuvat pienestä määrästä kohteita, joista jokainen viittaa sivuston valokuvien ja kuvien kuvauksiin.
Esimerkiksi ensimmäinen tällainen vaatimus on koko tekstin pituus. Jos etsit kuinka kirjoittaa ALT-attribuutti oikein, ratkaisu on alkeellinen: käytä enintään 2-3 sanaa. Tämän kokoinen teksti on ensinnäkin ihanteellisesti hakurobotin luettavissa (ja tekee sivustostasi osuvamman); toiseksi tällainen kuvaus on ymmärrettävämpi käyttäjille itselleen. Hyväksy, lue koko lause, jos haluat vain tietää, mitä kuvassa näkyy, kukaan ei tee sitä. Riittää, kun se on lyhyt ja tarkka.kuvaus, josta on hyötyä sekä sinulle että asiakkaillesi.
Älä unohda merkitystä. Jos julkaiset kuvan norsusta, muista kuvata sen rotua tai historiaa. täsmennä, miksi se on kuvattu tässä valokuvassa, mitä haluat sanoa tällä. Vierailijan olisi hyödyllistä tietää ajatuksesi tästä norsusta.
Toinen tärkeä seikka (joka todettiin lukuisten käytännön testien aikana) on ainutlaatuisuus. Jos etsit, kuinka "Kuva"-attribuutti lisätään kuvaan, muista, että sen on oltava yksilöllinen jokaiselle sivustolla luetellulle valokuvalle. Esimerkiksi kolmen kuvan julkaiseminen peräkkäin otsikolla "elefanttini" on väärin - tämä vain vahingoittaa resurssiasi hakutuloksissa. Kuville on parempi nimetä "elephant 1" ja "elephant 2", mikä tekee niistä ainutlaatuisempia.
Muista lopuksi itse etsimiesi kuvien parametrit, kuinka ALT-attribuutti lisätään. Kuvien kohdalla on tärkeää täyttää useita kriteerejä - ei olla liian pieni, näyttää realistiselta. Eli jos määrität kuvauksen, tee se vakavammille kuville, jotka otetaan huomioon painokkaammin. Älä määritä "Image"-attribuuttia pienille hymiöille tai vastaavalle.
Hae ALT
Lopuksi puhuimme attribuutin perusteista, joistakin sen laatimista koskevista säännöistä ja molempien osapuolten (sekä käyttäjien että hakurobottien) vaatimuksista. Ajatellaan nyt: kuinka etsiä avainsanoja ja lauseita,jonka määräämme verkkosivuillamme? Kuten edellä todettiin, haku tulee suunnata valmiisiin avainsanojen tietokantoihin, jotka todella alkavat houkutella asiakkaita sivustollesi. Tätä ei tietenkään voida saavuttaa, jos sinulta puuttuu edelleen ALT-attribuutti. Ota valmiit avainsanat ja lauseet, joita käytät sisällössäsi, ja liitä ne kuviin.
Jos sinulla ei ole tällaisia tietoja etkä ole ollenkaan ajatellut aloittaa resurssi asteittaista mainostamista, suosittelemme, että aloitat etsimään tietokantoja tällaisista "avainsanoista", joiden avulla voit helposti luoda uusia sivustoja. Tätä varten palvelut, kuten Google Keyword Extract Tool tai Yandex. Wordstat, ovat täydellisiä, jotka näyttävät hakutilastoja tietyille lauseille. Näillä asetuksilla "pelaamalla" voit kasvattaa merkittävästi hakuliikenteen osuutta sivustoillasi ja siten alkaa saada uusia etuja. Tärkeintä on välttää tilanne, jossa kaikista näkyvistä kuvista puuttuu ALT-attribuutti.
Johtopäätökset
Joten, mitä voimme sanoa tässä artikkelissa kuvatusta määritteestä? Se on osa kieltä, jolla yksinkertaisimmat sivustot luodaan - HTML. Se on erittäin helppo tehdä, koska se kuvaa alkeellista peruskieltä. Jotta voit silti rekisteröidä tunnisteen kuviin, sinun on annettava se itsenäisesti lähdekoodin kautta. Tai käytä uusia ohjeita, aloita selvittäminen uudelleen. Oli miten oli, merkintä "Image" on täydellinen tapaus molemminpuolisesta hyödystä, kun sekä vierailija että resurssin omistaja ovat tyytyväisiä.
Tagin ilmoittaminen voi johtaa uuteenvierailijat - tämä ilmiö havaitaan erityisen usein palveluissa, kuten Google ja Yandex Images. Kun napsautat kuvaa, sivusto määrittää itsenäisesti lähteen, josta kuva on otettu, ja ohjaa vierailijan uudelleen. Ja tämä, kuten ymmärrät, on erittäin tärkeää voidaksesi tehdä tulevaisuudessa.
