Alt otsikkotunnisteet kuvissa hakukoneoptimointia varten. Tietoa kuvista välittää "alt"-attribuutti. Mitä attribuutissa on kirjoitettu

Alt on määrite for img-tunniste, johon se on asennettu vaihtoehtoinen teksti kuvan vuoksi. Tekstitiedot näkyy, kun grafiikan lataus on poistettu käytöstä käyttäjän selaimessa ja tekee selväksi, mitä tässä kuvassa näkyy. HTML-tunniste saa nimensä "alt" sanasta vaihtoehto - Vaihtoehtoinen vaihtoehto teksti.

Miksi alt-attribuutti tulee täyttää?

SISÄÄN hakukone ei vain tekstiä indeksoidaan, vaan myös graafista tietoa, ja kuvat ovat yksi lähteistä lisäliikennettä. Google ja Yandex keskittyvät tageihin, jotka kertovat, mitä niissä on, näyttääkseen osuvia kuvia etsiessään kuvia. Tämän ansiosta käyttäjä saa hakutuloksista juuri sen, mitä hän etsi.

Hakurobotti keskittyy ensisijaisesti kuviin, joissa on alt-attribuutti, joten SEO-optimoinnin kannalta tämä on erittäin tärkeä seikka. Jos sivustollasi on esimerkiksi yli 1 000 kuvaa sadoista artikkeleista, jokainen niistä voi tuoda lisää liikennettä.

Vierailijat näkevät alt-attribuutti vain jos kuvan lataus on poistettu käytöstä tai kun huono yhteys Internet. Graafiset elementit ladataan sen jälkeen, kun selain on vastaanottanut tiedot, joten vaihtoehtoinen teksti näkyy aiemmin näytön näytöllä.

Alt-attribuutti auttaa vain kuvia haettaessa, joten se ei vaikuta orgaanisiin tuloksiin millään tavalla.

Säännöt alt

Saavuttaaksesi parhaat tulokset alt-tunnisteiden täyttämisestä, sinun on noudatettava seuraavia sääntöjä.

Hakukoneet jättävät huomioimatta pitkiä kuvauksia, joten säädä alt 5–6 sanaksi, mutta älä ylitä 200–250 merkkiä.
Kuvan kuvauksen tulee vastata selvästi sen sisältöä. Ei esimerkiksi ole mitään järkeä lisätä ilmaisua "talokissa" kuvaan, jossa on auto.
Kuvan optimoinnin tehokkuuden lisäämiseksi on suositeltavaa käyttää avainsanoja H1-tagista tai artikkelin otsikosta, mutta vain, jos ne ovat merkitykseltään samanlaisia.
Älä käytä suuria numeroita tekstissä avainsanoja, älä salli roskapostia kuvauksessa.
Älä optimoi sivustosi tai valikkokohtien taustalle kuuluvien kuvien alt-attribuutteja. Niiden tunnisteen tulee olla tyhjä tai puuttua kokonaan. Jos mahdollista, suunnitteluelementtien kuvia voidaan sisällyttää CSS-spriiteihin.
Älä keksi ylimääräisiä alt-tunnisteet varten samanlaisia kuvia samasta materiaalista tai tuotteesta. Sinulla on esimerkiksi verkkokauppa takkeja, joista jokaisessa on useita kuvia. Tämä tarkoittaa, että kirjoitat kaikille saman nimen, voit vain lisätä numerot 1, 2, 3 erottamista varten.

Tämän päivän artikkelissa haluan tarkastella, miksi kuville kannattaa silti täyttää HTML Alt -attribuutti ja miten se eroaa Title-attribuutista. Materiaali on tarkoitettu aloittelijoille ja aloitteleville webmastereille, jotka ovat kiinnostuneita kysymyksestä, miksi ja miksi heidän on täytettävä Alt-attribuutti. Artikkelin lopussa olen valmistellut vastauksia suosittuihin kysymyksiin näistä ominaisuuksista. Aloitetaan perusasioista.

Mikä on Alt-attribuutti?

Vaihtoehto kuvassa on vaihtoehtoinen tietolähde käyttäjille, jotka jostain syystä ( hidas internet, kuvien näyttö on poistettu käytöstä jne.) kuvia ei näytetä sivulla. Se näytetään tekstinä siellä, missä pitäisi olla kuva.

Katsotaanpa esimerkkiä.

Otin esimerkiksi kuvan työpöydän taustakuvasivustolta. Sivun pääsisältö on kuvat.

Kun sammutin kuvien näyttämisen selaimessa, kaikki sivulla oleva grafiikka lakkasi näyttämästä ja voidaan nähdä vaihtoehtoinen kuvaus Kuvat.

Sen avulla ymmärrämme, mitä sivulla on. Lisäksi tämä attribuutti on hyödyllinen paitsi käyttäjälle, se auttaa myös hakurobottia ymmärtämään, mitä kuvassa näkyy. Sekä Google että Yandex käyttävät Alt-näppäintä yhtenä kuvahaun sijoituskriteerinä.

Näkyy seuraava kysymys: mitä Alt-kirjaan pitää lisätä, jotta se olisi mahdollisimman hyödyllinen sekä käyttäjälle että hakukoneelle?

Kuinka täyttää kuvien Alt-attribuutti oikein

Ymmärtääksesi kuinka Alt-attribuutti täytetään oikein, harkitse seuraavaa esimerkkiä: meillä on online-eläintarvikekauppa ja haluamme syöttää Alt-merkin tuotekorttiin "koirapallolla".

Määritteen täyttämiseen on useita vaihtoehtoja:

Vaihtoehto 2. Kirjoita Alt-kenttään "Koira, jolla on pallo suussaan". Tässä tapauksessa kuvaamme itse kuvan, mutta sinun on kiinnitettävä huomiota siihen, että pyyntö "Koira pallo suussaan" on informatiivinen. Se ei sovellu kuvaamaan verkkokaupan kuvaa.

Vaihtoehto 3. Vaihtoehto "Koirien pallo" - tämä vaihtoehto sopii meille enemmän, mutta koska kaupassa voi olla paljon palloja, on parempi selventää pyyntöä.

Vaihtoehto 4. Vaihtoehto “Humunga Chomp koirapallo” - tämä vaihtoehto on meille optimaalinen. Attribuutti sisältää tuotteen ja sen valmistajan nimen. Jos tällaisia tuotteita on useita, voit laajentaa Alt käyttämällä väriä ja mallin nimeä.

Vaihtoehto 5. Vaihtoehto "Humunga Chomp koirapallo, Humunga Chomp -lelu, osta, edullinen, Moskova" - hakukone voi nähdä tämän vaihtoehdon roskapostina ja haluttu lopputulos ei tuo sitä.

Näistä esimerkeistä seuraa, että Alt-attribuutti:

on oltava merkityksellinen ja kuvattava kuvaa;
koostuu 3–5 sanasta, mutta enintään 250 merkkiä (kuvaa on vaikea kuvata kahdella sanalla);
ei saa olla roskapostia.

Miksi Title-määrite tarvitaan?

Kuvien otsikko kertoo Lisäinformaatio kuvasta. Sitä tarvitaan, jotta käyttäjän olisi helpompi ymmärtää, mitä kuvassa näkyy. Attribuutti näytetään, kun viet hiiren osoittimen kuvan päälle.

Yllä oleva kuva näyttää, kuinka määrite näkyy sivulla.

HTML-koodissa attribuutti kirjoitetaan seuraavasti:

On suositeltavaa täyttää otsikko. Sillä voi olla positiivinen vaikutus sivuston käyttäytymisparametreihin. Kun käyttäjän on vaikea ymmärtää kuvassa näkyvää, hän voi automaattisesti osoittaa hiirellä sitä ja Otsikko-vihje auttaa häntä löytämään tiensä.

Nimikkeen perusvaatimukset ovat samanlaiset kuin Alt:n:

on oltava merkityksellinen ja kuvattava kuvaa;
koostuu 3–5 sanasta, mutta enintään 250 merkkiä;
ei saa olla liian suuri, koska leijuttaessa 3–4 rivin teksti voi olla pelottavaa;
jos mahdollista, sisällytä avainkysely;
ei saa olla roskapostia.

Kun tiedät tämän, siirrytään kysymyksiin.

Vastaukset suosittuihin Alt- ja Title -kysymyksiin

Vai ovatko kuvaukset kuville?

Ei oikeastaan. Alt on vaihtoehtoinen kuvaus, joka näytetään kuvan sijasta, jos käyttäjä ei näytä kuvia.

Onko kuvien Alt- ja Title-määritteet tarpeen täyttää?

Jos olet kiinnostunut kuvahaun liikenteestä, Alt on täytettävä, otsikko on valinnainen.

Pitäisikö Altin ja otsikon olla eri vai sama?

Tästä asiasta on kaksi pääasiallista mielipidettä:

1) Alt ja Title on oltava yksilöllinen;

2) attribuuttien on oltava samat.

Jos tarkastelemme, kuinka sivustot, joiden kuvat ovat kuvahakujen TOPissa, täyttävät nämä määritteet, näemme molemmat täyttövaihtoehdot.

Yandex kirjoittaa tästä seuraavaa:

Uskon, että nämä ominaisuudet voivat olla samat. Tärkeintä on, että ne antavat selvän jäsennelty kuvaus kuvasi.

Onko Alt-määritteen viereen lisättävä otsikko?

Valinnainen, mutta muista: Otsikko-määrite auttaa joissain tapauksissa ymmärtämään paremmin, mitä kuvassa näkyy. Tällä voi olla positiivinen vaikutus käyttäytymisindikaattoreita sivusto.

SISÄÄN Vaihtoehtoiset kuvat Pitäisikö minun käyttää samoja avainsanoja kuin artikkelissa vai muita avainsanoja?

Mieluiten. Pääasia, että Alt on mielekäs ja kuvaa kuvaa.

Pitääkö minun sisällyttää avainsanoja näihin määritteisiin?

Jos nämä avainsanat kuvaavat kuvaa, niin kyllä.

Kuinka kirjoittaa Alt-attribuutti oikein: kyrillinen vai latina?

Jos sivustosi on venäjäksi, täytä se kyrillisillä kirjaimilla.

Kuinka kirjoittaa - isolla tai pienellä kirjaimella?

Ei väliä.

Ja jos artikkeli on jo indeksoinut hakukoneet, onko kuviin mahdollista sisällyttää kuvaus vai eikö se sen arvoista?

Voi. Kun hakukoneet indeksoivat sivusi uudelleen, ne ottavat nämä kuvaukset huomioon.

Mihin Alt ja Otsikko tulee täyttää?

Kaikki riippuu siitä, millä sisällönhallintajärjestelmällä sivustosi on tehty.

Jos tämä puhdas HTML, Tuo:

Yleensä kentät täytä Alt ja Otsikko ovat kuvan parametreissa. Jos sivustosi on esimerkiksi tehty WordPressillä, kun avaat kuvavaihtoehdot, näet kentän Alt-attribuutin täyttämiseksi. SISÄÄN Lisäasetukset Otsikko-määritteelle on kenttä.

Jos sivustosi on 1C-Bitrixissä, kuvaparametrien lisäasetuksissa on kenttä Alt-attribuutille. Otsikko-attribuutti vedetään "Title"-kentästä.

Sinun on ymmärrettävä, että kaikki on yksilöllistä. Paljon riippuu siitä, millä sisällönhallintajärjestelmällä sivustosi on tehty ja miten se on määritetty.

Onko se sen arvoista ja onko mahdollista määrittää kuvillesi Alt ja Title kommenteissa?

En näe tälle tarvetta, ja on epätodennäköistä, että kenelläkään kommenteissa olisi mahdollisuus optimoida kuvia.

Kun kirjoitan otsikon ja altin venäjäksi kuville, hieroglyfit näytetään sivustolla, mitä minun pitäisi tehdä?

Tämä johtuu koodauksesta. Tarve muuntaa nykyinen koodaus UTF-8:ssa.

Tulokset

Käydään vielä kerran läpi mitä Alt ja Title pitäisi olla.

Alt-attribuutin perusvaatimukset:

merkityksellinen, kuvaa kuvaa;
noin 3–5 sanaa pitkä (enintään 250 merkkiä);
tulee sisältää avainkysely, jos mahdollista;
ei saa olla roskapostia.

Miksi sinun pitäisi täyttää Alt:

1. hakukoneet ottavat sen huomioon kuvien luokittelussa, mikä tarkoittaa, että jos kuvasi pääsee TOP:iin, se on lisäliikenteen lähde;

2. on hyödyllinen käyttäjälle, joka on poistanut kuvat käytöstä sivustolla.

Otsikkomäärite:

merkityksellinen ja kuvaa kuvaa;
noin 3–5 sanaa pitkä tai enintään 250 merkkiä;
jos mahdollista, sen tulee sisältää avainkysely;
ei roskapostia.

Miksi sinun pitäisi täyttää otsikko:

1. on hyödyllinen käyttäjälle, jonka on vaikea ymmärtää kuvassa näkyvää;
2. Otsikkovihjeillä voi olla positiivinen vaikutus sivuston käyttäytymiseen.

>> Kuvan optimointi | ALT- ja TITLE-attribuutit kuvien kuvaamiseen

Kuinka optimoida kuvat oikein verkkosivustoa varten.

Tervehdys, hyvä sivustoni lukija!

Tässä artikkelissa haluan kertoa sinulle, mihin verkkosivustojen kuvia käytetään ja mikä rooli niillä on SEO-optimoinnissa. Mieti käytön tärkeyttä html-attribuutteja alt- ja otsikkokoodit, annan esimerkkejä optimoitujen ja ei-optimoitujen kuvien käytöstä, selvitän minkä laadukkaana kuvia kannattaa käyttää ja miten tämä vaikuttaa sivuston toimintaan.

Plussat ja miinukset kuvien käytöstä sivustolla:

Plussat: Olet ehkä huomannut, että jos olet vieraillut monilla Internetin sivustoilla tiettyä tarkoitusta varten, melkein jokaisella sivustolla on kaikenlaisia kuvia, kuvia, valokuvia ja muita graafisia elementtejä. Missä ne sijaitsivat ja millaista kognitiivista kuormaa he kantoivat näillä sivustoilla tai blogeissa?

Usein tapahtuu, kun sivuston kirjoittaja haluaa tietyn aiheen tekstiä kirjoittaessaan ilmaista ajatuksensa tarkemmin ja selkeämmin, jotta tällä sivustolla vieraileva henkilö saa kaiken tarvittavat tiedot kokonaan. Tämä tekijä vaikuttaa entisestään sen uskottavuuteen vierailijoiden silmissä ja verkkosivuston edistämiseen hakukoneissa, sosiaalisissa verkostoissa jne.

Ihmiset, jotka ovat Internetissä ja etsivät tarvitsemaansa tietoa (sisältöä), tietävät, että tämä sivusto sisältää laadukkaan ja hyödyllisen tekstin lisäksi myös visuaalisia apuvälineitä kuvien, kuvien ja kaikenlaisen grafiikan muodossa.

Ja jos haluat kuvistasi unohtumattomia ja kauniita, sinun on käytettävä niitä aina kun mahdollista hyvä laatu.

Toinen positiivinen kohta kuvien käyttö sivustolla - käyttömahdollisuus kuvan optimointi avainpyyntöä varten tietty sivu sivustoa parantaakseen tämän sivun mainostamista korostetulle avainkyselylle.

Lisäksi hakukoneissa etsitään kuvia, jotka ovat sivustoilla. Ja jos kuviin kirjoitetaan avainsanoja, niin etsijä tämä pyyntö kuva, ehkä hän pitää kuvastasi ja hän saattaa haluta tietää, millä sivustolla tämä kuva sijaitsee, ja mennä sivustollesi. Viime kädessä hyödyt tästä vastaanottamalla kohdistettua liikennettä verkkosivustosi vierailijoiden muodossa.

Miinukset: Kuvien käyttämisessä verkkosivustolla voi olla monia haittoja, etenkin aloittelijoille. Analysoimme kaikki virheet, joita kuka tahansa voi tehdä vahingossa tai tietämättään, mikä johtaa siihen, että grafiikan käyttö sivustolla voi pelotella vierailijaa, joka on tai yrittää päästä sivustollesi.

Ja tähän on monia syitä; huolimaton asenne työhönsä, huonolaatuisten ja huonokuntoisten kuvien käyttäminen, niiden käyttö aiheen ulkopuolella, liikaa Suuri määrä kuvat, jotka antavat sivulle paljon painoa ja joiden lataaminen kestää hyvin kauan (mukaan lukien sivuston tausta), kuvia ei optimoida avainsanoilla. Tässä ovat tärkeimmät haitat kaikenlaisen grafiikan käytöstä sivustolla.

Mutta nämä haitat voidaan välttää, jos osaat tehdä niistä positiivisia. Keskustelemme tästä kaikesta lisää tässä artikkelissa. Lue siis loppuun asti.

Alt- ja title-attribuutit kuvan SEO-optimoinnissa:

Kuten kirjoitin jo edellä tässä artikkelissa, kuvien käyttö voi auttaa sivustoa sen edistämisessä hakukoneissa. Anna lisävirtaa kohdeyleisö(vierailijoita) hakukoneista. Tätä varten sinun on käytettävä kahta, mutta erittäin vaadittu attribuutti alt ja otsikko kaikille kuville, kuville, valokuville jne. Näiden attribuuttien ydin on käyttää niitä saadakseen niistä kaiken irti, mikä auttaa mainostamaan sivustoa hakukoneissa. Tässä tapauksessa attribuutteja on kaksi, ja niiden suorittamat toiminnot vaihtelevat hieman.

AttribuuttiALT: Tämä attribuutti mukana kieli html. Sen tarkoitus on kuvata kohdetta lisätietoa varten tämä esine(meidän tapauksessamme kuvat). Miten tämä attribuutti toimii? Se toimii hyvin yksinkertaisesti: otat haluttu kuva, joka sijaitsee kiintolevylläsi tai tallennusvälineelläsi (flash-asemalla) ja aseta se paikalleen haluttu sivu sivusto oikeaan paikkaan.

Etsi sitten tämän kuvan koodi ja syötä seuraava arvo alt=" Tämän kuvan kuvaus avainsanoja käyttäen" . Но описание не нужно делать слишком большим (максимально пару предложений) и тулить туда много ключевых слов, так как поисковые системы этого не любят, что в итоге может сказаться на Вашем сайте.!}

Tämä toimii alt-attribuutti joten kun vierailija vierailee sivustolla, hän ei näe kuvan kuvausta (jos hänen selaimessaan on kuvan näyttämistoiminto käytössä), mutta hän näkee sen hakurobotteja kun indeksoin sivuston. Vierailija näkee tämä teksti kun se on poistettu käytöstä selaimen asetuksissa kuvat ja sitten paikallaan tästä kuvasta Näkyviin tulee teksti, joka auttaa vierailijaa ymmärtämään, millainen kuva on kyseessä. Hakukoneet ottavat tämän määritteen huomioon indeksoidessaan sivustosi.

TITLE-attribuutti: The otsikon attribuutti sisältyy myös html-kieleen. Sen tarkoitus on sama kuin alt-attribuutilla, mutta sillä erolla tämä kuvaus näytetään sivuston käyttäjälle, kun osoitin vie hiiren kuvan päälle. Tämä attribuutti ei liity verkkosivuston edistämiseen, mutta sen avulla voit lisätä käyttäytymistekijä, joka vaikuttaa myös sivuston asemaan hakukoneessa. Se on kirjoitettu näin title=" Kuvan kuvaus" . Поэтому !} kuvan optimointi Sillä on myös suuri rooli verkkosivustojen edistämisessä hakukoneissa.

Esimerkki SEO-optimoidusta kuvasta käyttämällä alt- ja title-attribuutteja:

Nyt näet näytteen optimoidusta kuvasta, joka käyttää kahta yllä lueteltua attribuuttia.

Otsikko-attribuutilla (vie kursori kuvan päälle)

title="Kissavoimistelija" > !}

Alt-attribuutilla (ilman kuvaa)

Esimerkkikoodi tälle kuvalle:

Ilman alt-attribuuttia (ei kuvaa)

Esimerkkikoodi tälle kuvalle:

Missä laadussa kuvia ja kuvia tulee käyttää sivustolla?

Kuvia ja kuvia sivustolla on tietysti parempi käyttää hyvälaatuisina, mutta niin, etteivät ne suuresti vaikuta sivuston latautumiseen. Koska monet ihmiset Internetissä käyttävät Internetiä alhaisilla nopeuksilla, ja jos he eivät odota sivuston latautumista, he poistuvat tältä sivustolta eivätkä palaa tänne uudelleen, mikä vaikuttaa viime kädessä liikenteeseen.

Huomasin myös selaillessani monia sivustoja, että sivustolla olevien suurikokoisten (kilotavujen) kuvien lisäksi he käyttävät iso koko tausta kuvana. Jos olet jo päättänyt käyttää kuvaa taustana, on parempi valita se yksiväriseksi ja pieneksi, jotta se sopii yhteen ja sinulla on kiinteä kuva.

Myös käytettäessä korkealaatuisia kuvia, sinun on otettava huomioon koko levytila isännöinnin ja palvelimesi nopeudesta. Mitä pienempi se on, sitä hitaammin sivustosi latautuu. Siksi ennen kuin käytät hyvälaatuisia kuvia sivustolla, sinun on tiedettävä, missä niitä käytetään ja missä määrin.

Tähän lopetan tämän artikkelin. Toivottavasti ymmärrät nyt mistä on kyse kuvan optimointi, ja mitä attribuutteja kuvan optimointi käyttää tähän.

Muuten, jos et tiedä kuinka heikentää kuvan laatua, käytä Photoshopia. Voit tehdä tämän siirtymällä "Tiedosto"-valikkoon ja valitsemalla "Tallenna verkkoon ja laitteisiin".

Jos pidit tästä artikkelista, jätä kommentti tämän artikkelin alareunaan. Olen erittäin kiitollinen sinulle.

Sivuston muut sivut:

Alt-attribuutti on vaihtoehtoinen tietolähde käyttäjille, joiden selaimen kuvien näyttö on poistettu käytöstä. Jos alt-attribuutti on määritetty, silloin kun kuvaa ei voida näyttää, attribuuttiteksti näytetään sen tilalla:

Ei määritettyä attribuuttia vaihtoehtoinen kuva näytetään tyhjänä:

On erityisen tärkeää kuvata kuvia käyttämällä alt-attribuuttia sivustoilla, joiden sisältö koostuu pääasiassa kuvista.

Voit asettaa alt-attribuutin seuraavasti:

Alt-attribuutissa ei tule kirjoittaa kaikkia sivuston tai sivun avainsanoja, vaan vain niitä, jotka todella liittyvät kuvaan. Tämä auttaa robottia löytämään kuvan tarkemmin ja Yandex-käyttäjää valitsemaan sen hakutuloksista ja siirtymään verkkosivustollesi. Alt-määritettä ei kannata jättää tyhjäksi.

Jos lisäät useita samanlaisia kuvia (esimerkiksi kuvia verkkokaupan tuotteesta), kannattaa asettaa yksilölliset alt-attribuutit (näkymä edestä, takaa).

Kuvatunnisteen otsikon attribuuttiteksti

Otsikko-attribuutti antaa lisätietoja kuvasta. Tämän määritteen sisältämä teksti tulee näkyviin, kun viet hiiren osoittimen kuvan päälle:

Voit asettaa otsikon määritteen seuraavasti:

Jokaiselle kuvalle tulee määrittää yksilöllinen otsikko. Otsikko-määritettä ei kannata jättää tyhjäksi.

Muut tekstit

Alt- ja title-määritteiden arvojen lisäksi kuvien perusteella haettaessa käytetään seuraavia tekstejä:

tekstilinkit kuviin muilta sivuilta ja muilta sivustoilta;

kuvan vieressä oleva teksti - sijaitsee sivulla kuvan välittömässä läheisyydessä;

lyhyiden asiakirjojen tekstit ja otsikot, jotka kehystävät yhden kuvan;

tiedostojen ja kuvaskriptien nimet, mukaan lukien translitteroinnin ja yksinkertaistetun interlineaarisen käännöksen huomioon ottaminen.

Alt- ja title-attribuutit ovat kuitenkin yleisimmät, joten ne tulee aina sisällyttää.

Hei ystävät.

Tänään on seuraava materiaali kuvien käsittelystä.

Jatkan mainosmateriaalien julkaisemista ja tällä hetkellä tämä on toinen artikkeli, joka käsittelee nimenomaan kuvia verkkosivuillamme. Ensimmäinen koski korkealaatuisten kuvakaappausten luomista.

Tässä artikkelissa näytän, kuinka verkkosivuston kuvat optimoidaan käyttämällä otsikko- ja alt-attribuutteja sivujen mainostamiseksi hakukoneissa.

Artikkeli ei ole kovin pitkä, mutta hyödyllinen.

Aloitetaan siitä, että sinun on ymmärrettävä yksi asia. Kaikki eivät kiinnitä huomiota pieniin asioihin mainostaessaan verkkosivustojaan. Erityisesti erilaisissa teknisissä yksityiskohdissa, kuten kuvan optimoinnissa.

Tämä on vain yksi pieni asia, joka oikein käytettynä voi auttaa sinua voittamaan kilpailijasi hakusivuilla. Jos käytät kaikkia pieniä asioita yhdessä, saat paljon suuremman edun muihin sivustoihin verrattuna.

Siksi on erittäin epätoivottavaa jättää väliin tällainen hetki. Ja nyt puhumme siitä, kuinka verkkosivustollamme olevat kuvat voidaan optimoida oikein ja mistä vaiheista tämä prosessi koostuu.

Jaan koko optimointiprosessin kolmeen vaiheeseen:

Ainutlaatuisen kuvan luominen;
Valmistellaan lopullisen kuvan sijoittamista sivustolle, joka ei lataa blogia. Tässä vaiheessa pienennämme kuvan kokoa, jotta sivut latautuvat nopeasti.
Kuvan otsikon ja alt-attribuuttien oikea optimointi.

Täällä voit myös lisätä lähdetiedoston oikean nimen ennen sen lataamista sivustolle. Puhumme tästä alla.

Korostan erilliset yksityiskohtaiset artikkelit video-opasteineen ainutlaatuisen kuvan luomisesta ja seuraavasta. Nyt haluan kiinnittää huomioni nimenomaan otsikkoon ja alt-attribuutteihin, koska monet ihmiset täyttävät ne väärin tai eivät täytä niitä ollenkaan. Mutta turhaan!

Loppujen lopuksi, täyttämällä ne, voimme lisätä sivuillemme relevanssia (vastaavuutta mainostettuun kyselyyn) ja lisätä liikennettä sivustolle kuvahausta. Paranna sivua myös kuvauksen suhteen, sillä kuvistakin näkyy hakukoneille, että ne on sijoitettu oikein, mikä tarkoittaa, että sivu on vielä laadukkaampi.

No, katsotaanpa nyt kuvan optimointiprosessia käytännössä. Kuten edellä sanoin, harkitaan kaikkien tietojen täyttämistä - otsikko- ja vaihtoehtokuvat.

Mutta ensin annan videoesityksen, jossa selitin pääkohdat, jotka riittävät tekemään kaiken oikein ja välttämään vakavia virheitä. Nauti katsomisesta.

Miten kuvien otsikko ja vaihtoehto täytetään oikein?

Ensin sanon muutaman sanan näistä ominaisuuksista. Mihin niitä tarvitaan?

Päätehtävänä on antaa hakukoneiden ymmärtää, mistä tässä tai toisessa kuvassa on kyse. Nämä parametrit mahdollistavat myös kuvien sisällyttämisen kuvahakuun tietyissä kyselyissä, jotka kirjoitamme näihin määritteisiin.

Katsotaan nyt, kuinka ne täytetään.

Tästä asiasta on yksinkertaisesti valtava määrä mielipiteitä. Oman näkemykseni muodostui opiskellessani erilaisia kursseja ja raportteja verkkosivuja ymmärtäviltä ihmisiltä.

Katsotaanpa ensin, mitä nämä ominaisuudet ovat.

Otsikko – tämä on kaikissa tapauksissa jonkin (julkaisun otsikko, kuvat jne.) otsikkotunniste;
Alt on kuvaa kuvaavan img itemprop="image" -tunnisteen attribuutti. Kutsutaan myös "vaihtoehtoiseksi tekstiksi".

Alt-attribuutti on erittäin tärkeä kuville. Se on täytettävä 100 % oikein. Täyttämällä otsikon ei tapahdu mitään pahaa, mutta parhaan tuloksen saavuttamiseksi sinun on myös kiinnitettävä siihen huomiota.

Ensimmäinen näkyy sivustolla myös tekstinä, kun kuva ei jostain syystä lataudu. Otsikko tulee näkyviin, kun viet hiiren artikkelissa olevan kuvan päälle.

Käytännössä, jos katsot sivuston kuvakoodia, otsikko ja alt näyttävät tältä.

Näemme, että nämä attribuutit ovat koodissa toisella rivillä. Niille annetaan tietyt merkitykset, tai pikemminkin ne lauseet tai sanat, jotka kuvaavat kuvan sisältöä. Se on kuvan sisältö, ei avainsanat tai mikään muu.

Nyt ei ole enää mahdollista syöttää suuria määriä avainsanoja näihin attribuutteihin eikä varsinkaan jokaiseen artikkelin kuvaan. Kuvittele, että sivulla on 40 kuvaa. Jos kirjoitat avainpöllön kaikkien kuvien otsikkoon ja alt, on todennäköistä, että hakukoneet joutuvat seuraamuksiin etkä näe korkeita sijoituksia hakutuloksissa.

Ainoa sääntö, jota noudatan ja suosittelen myös sinun käyttämään sitä, on kirjoittaa näihin attribuutteihin hyvin lyhyt kuvaus siitä, mitä kuvassa näkyy.

Voit myös kirjoittaa avainsanan, jolla artikkelia mainostetaan, mutta älä leikkiä sillä liikaa. Käytän enintään yhtä kuvaa artikkelissa - pääasialliseen ensimmäiseen pikkukuvaan.

On erittäin hyvä, jos kuvaasi ympäröi temaattinen teksti, joka myös kuvaa sitä. Mutta jälleen kerran, kaiken pitäisi olla vierailijalle selvää, eikä sitä saa pitää jonkinlaisena manipulointina. Teemme kaiken luonnollisesti. Jos temaattisella tekstillä ei ole paikkaa kuvan lähelle, kirjoita vain otsikko ja alt kuvalle ja se on siinä.

Pitäisikö otsikon ja altin olla samat?

Ja taas paljon mielipiteitä. Jotkut sanovat, että eron pitäisi olla, kun taas toiset sanovat, että vaikutus on parempi, kun ne ovat samat. Olen taipuvainen uskomaan joitain tosiasioita. Tätä varten otin muutaman erittäin onnistuneen resurssin ja katsoin, kuinka nämä attribuutit oli kirjoitettu niihin.

Nopeasti hyviä tuloksia saaneilla resursseilla kuvan optimointi tarkoittaa, että molemmat ominaisuudet täytetään tasapuolisesti. Ja ne eivät sisällä avainsanoja. Ne tarjoavat itse asiassa lyhyen kuvauksen siitä, mitä kuvassa näkyy.

Siksi seuraava johtopäätös on, että otsikko- ja alt-attribuutit voidaan tehdä samoiksi.

Mutta tämä ei ole 100% dogmaa. Voit tehdä niistä hieman erilaisia, mutta niin, että merkitys ei katoa tästä. Sekä otsikon että altin tulee kuvata kuvaa. Lisäksi otsikko voi puuttua kokonaan (tässä ei ole virhettä) ja sisältää muita tietoja kuin itse kuvan kuvaus. Lue lisää alt- ja otsikon oikeasta täyttämisestä. Edellisen linkin avulla syvennyin näiden tunnisteiden täyttämiseen. Suosittelen tutustumaan materiaaliin.

Kuinka kirjoittaa kuvaan attribuutteja käytännössä

Jos käytät mitä tahansa moottoria, se tarjoaa tällaisen toiminnon. Todennäköisesti sinulla on WordPress-sivusto. Kaikki tehdään hyvin yksinkertaisesti.

Ponnahdusikkunassa asetetaan kuvan parametrit, mukaan lukien otsikko ja alt.

Täytämme kaiken ja älä unohda päivittää tiedostoa, jotta muutokset tulevat voimaan. Teemme tämän jokaisen kuvan kanssa.

Jos sivustoasi ei hallinnoi mikään alusta, eli yksinkertainen html-sivu, sinun on lisättävä se manuaalisesti.

Suosittelen tekemään sen seuraavasti. Luonnollisesti tarvitset sivuston lähdekoodin, josta näet kuvakoodin. Tarvitset avaustunnisteen

Annan saman koodin, jotta aivosi ei raahautuisi liikaa. Ota se tyhjänä itsellesi.

Katso sitä esimerkkinä, johon sinun on liitettävä attribuutit, jotka kopioit samasta koodista. Sitten lisäät ne kuviisi täyttämällä kuvauksesi.

Älä unohda, että täytämme nämä tiedot kuvan sisällön perusteella. Kuvataanpa itse kuvaa!

Tämä ongelma on ratkaistu. Täällä kaikki on hyvin selvää.

Lyhyesti johtopäätös on: "täytä otsikko ja alt samoin ja kirjoita niihin kuvaus itse kuvasta, eli mitä kuvassa näkyy".

Olemme pohtineet tätä asiaa. Mutta kuvan optimoinnin aihe on monitahoinen, ja on muita tärkeitä kohtia, joiden avulla voit parantaa verkkosivustosi vaikutusta.

Muita tärkeitä kohtia

On kolme muuta asiaa, joita en käsitellyt yllä:

kuvatiedoston nimi;
kuvien painon vähentäminen;
sivuston kuvien ainutlaatuisuus.

Nyt harkitsen vain ensimmäistä kohtaa, koska kahdelle muulle olen varannut täysimittaiset tilavuusmateriaalit.

Harvat ihmiset kirjoittavat tiedostonimestä Internetissä. Mutta tässä on myös joitain vivahteita. Millä nimellä tiedostoa pitäisi nimetä ennen sen lataamista sivustolle?

Kuten aina, mielipiteet jakautuvat. Joku kirjoittaa, että sinun on käytettävä avainsanoja. Joku, jota pitää kutsua kuvan kuvaukseksi, eli täsmälleen samaksi kuin otsikko ja alt.

Ja jotkut lataavat tiedostoja millä tahansa nimellä. Otimme kuvakaappauksen jollain ohjelmalla. Sille annettiin nimi nykyisen päivämäärän kanssa, ja näin se ladattiin.

Olen taipuvaisempi toiseen vaihtoehtoon, kun yritämme kuvata kuvaa myös itse tiedoston nimessä. Ei avainsanoja, paitsi artikkelin tärkein kuva. Ja sitten sinun ei tarvitse käyttää sitä sielläkään.

Esimerkkinä näytän sinulle kuvan blogissani aiemmasta artikkelista, joka koskee tilauslomakkeen luomista sivustopäivityksiä varten. Otan seuraavan kuvan.