Mikä on alt-tunniste? Pitäisikö Altin ja otsikon olla eri vai sama? Esimerkki tunnisteen Alt- ja Title-attribuuttien oikeasta täyttämisestä

Jokainen verkkosivu luodaan käyttämällä merkintää - koodia, joka on kirjoitettu erityisesti suunnitellulla kielellä (useimmiten tämä on 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, jokaisella symbolilla on merkitys. Toinen mielenkiintoinen asia on, että käy niin, että visuaalisesti sivusto ei välttämättä sisällä niitä elementtejä, jotka ovat sen optimoinnin kannalta erittäin tärkeitä (eli oikea asetus resurssi alla hakukoneet). Näitä hienovaraisia ​​ovat esimerkiksi ALT-attribuutti. 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 sinulle, miksi se on niin tärkeää sivuston oikean sijoituksen, sen liikenteen kasvun ja käyttäjien mukavuuden kannalta.

ALT?

Aloitetaan aivan alusta: kuvailemme, mistä tässä artikkelissa on kyse. me puhumme ja miksi me edes tarvitsemme tätä ominaisuutta.

Joten ymmärtääksesi tämän tekstin, sinun on ensin ymmärrettävä kieli HTML-merkintä. Tämä on koodi, jolla perusverkkosivut kirjoitetaan ja jotka, kuten jo todettiin, yleensä näkyvät selaimessa. Koko kieli koostuu erikoismääritteistä (esimerkiksi IMG, ALT, FONT ja niin edelleen). Jokainen heistä on vastuussa työskentelystä yhden tai toisen suunnitteluelementin kanssa. Käytännössä yllä mainittua ALT-attribuuttia käytetään kuville, jotka löytyvät verkkosivuilta. Tarkemmin sanottuna sen avulla kuville luodaan kuvaus, josta käyttäjä (sivuston kävijä) voi helposti ja yksinkertaisesti ymmärtää, mitä niissä näkyy. Varmasti olet itse törmännyt tällaisiin kuvauksiin - ne ilmestyvät, kun viet hiiren kuvan päälle.

Käytännön merkitys

Tietenkin näitä attribuutteja käytetään käytännössä syystä. Verkkovastaavat tarvitsevat kuvauksia kuvistaan ​​yhtä paljon kuin sivuston vierailijat itse (ja todennäköisesti jopa enemmän). Loppujen lopuksi, jos kaikilla kuvilla ei ole ALT-attribuuttia, henkilö voi tehdä tämän, vaikka hän lisää selittäviä tekstejä. Toisella puolella, hakurobotteja(tyhjällä ALT:lla) ei välttämättä nosta sivustoa tarpeeksi korkealle, alentaa sen sijoitusta hakutuloksissa ja siten ei tuo tarpeeksi kävijöitä. Siksi voimme luottavaisin mielin sanoa, että myös sivuston kuvien kuvaukset vaikuttavat tärkeä rooli ja verkkovastaaville itselleen, joten niitä ei voida jättää huomiotta.

Bonukset hakukoneilta

Tässä on ymmärtääksesi paremmin kuvien oikein täytettyjen kuvaustunnisteiden edut pieni esimerkki. Oletetaan, että siellä on verkkosivusto, jolla on kuvia. Jos et määritä ALT-attribuuttia, käyttäjä ei kärsi, koska hän näkee joka tapauksessa, mitä tässä tai tuossa valokuvassa näkyy. Täysin erilainen lopputulos odottaa resurssin omistajaa, joka laiminlyö yllä olevan tagin, mikä johtaa siihen, että hän menettää osan esimerkiksi kuvaluetteloiden liikenteestä.

Kuinka asettaa ALT-attribuutti?

Teknisesti ei ole mitään vaikeaa täyttää ilmeistä tämän tai toisen kuvan alle: sinun on mentä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, kun he sanovat, että sinun on lisättävä ALT-attribuutti. Tämä tehdään näin: "alt = "kuvaus".

Jos et työskentele puhdas koodi, mutta käytät sivustolle jonkinlaista erillistä "moottoria" (esimerkiksi Wordpress tai Joomla), se integroi erityisen mekanismin "alttien" lisäämiseen, jonka kautta hakukoneet muistavat sivustomme. Jos täytät uuden ALT:n, päivitys tulee näkyviin sivullesi.

Mitä attribuutissa on kirjoitettu?

Tietenkään, kun sinulla on tehtävänä määrittää ALT-attribuutti, et tietenkään ajattele sitä tekninen puoli. Useimmiten tämä kysymys kysytään, jos verkkovastaava ei tiedä, mitä tietoja hänen on ilmoitettava tietystä kuvasta. Tästä johtuen on vaikea sanoa, mikä tieto hyödyttää sivustoa hakukoneiden kannalta.

Käytännössä kuvausongelman ratkaisemiseen on monia lähestymistapoja. Joku työskentelee tyypillisten mallipohjien kanssa, joiden mukaan tunniste on yksinkertaisesti täynnä avainsanoja, joita varten sivu on luotu. Tämä on ehkä yleisin käytäntö, joka voidaan nähdä 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

Samalla voimme tunnistaa useita perussääntöjä (tai halutessasi vaatimuksia), joiden mukaan jokainen voi koota kuvilleen ihanteellisen attribuutin. Ne koostuvat pienestä määrästä pisteitä, joista jokainen liittyy kuvien ja kuvien kuvauksiin sivustolla.

Esimerkiksi ensimmäinen tällainen vaatimus on koko tekstin pituus. Jos etsit kuinka kirjoittaa ALT-attribuutti oikein, ratkaisu on yksinkertainen: 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, kukaan ei lue koko lausetta, jos haluat vain tietää, mitä kuvassa näkyy. Riittää, kun kerrot lyhyesti ja tarkasti kuvauksen, josta on hyötyä sekä sinulle että asiakkaille.

Älä unohda semanttista kuormaa. Jos julkaiset kuvan norsusta, muista kuvata sen rotua tai historiaa. täsmennä, miksi se on kuvattu nimenomaan Tämä valokuva mitä haluaisit sanoa? Vierailijan on hyödyllistä tietää ajatuksesi tästä norsusta.

Toinen tärkeä pointti(joka perustettiin lukuisilla käytännön testeillä) - Jos etsit kuinka lisätä ALT-attribuutti kuvaan, muista: se on valittava yksilöllisesti jokaiselle sivustolla luetellulle valokuvalle. Esimerkiksi kolmen kuvan julkaiseminen peräkkäin otsikolla "elefanttini" on väärin - se vain vahingoittaa resurssiasi Hakutulokset. On parempi nimetä kuvat "elephant 1" ja "elephant 2", mikä tekee niistä ainutlaatuisempia.

Lopuksi, ole tietoinen itse kuvien parametreista, joihin haluat lisätä ALT-attribuutin. Kuvien kohdalla on tärkeää täyttää useat kriteerit - älä ole liian pieni ja näytä realistiselta. Eli jos annat kuvauksen, tee se vakavammille kuville, joilla on suurempi merkitys. Älä määritä ALT-attribuuttia pienille hymiöille tai muulle vastaavalle.

Hae ALT

Lopuksi puhuimme attribuutin perusteista, joistakin sen koostumuksen säännöistä ja molempien osapuolten vaatimuksista (sekä käyttäjien että heidän. Mietitään nyt: miten etsiä avainsanoja ja lauseita, jotka kirjoitamme verkkosivustollemme? Kuten edellä todettiin, haku tulisi suunnata valmiisiin avainsanatietokantoihin, jotka voivat todella alkaa houkutella asiakkaita verkkosivustollesi. Tätä ei tietenkään voida saavuttaa, jos sinulta puuttuu edelleen ALT-attribuutti. Ota valmiita avainsanoja ja lauseita, joita käytät sisällössä ja lisää ne kuviin.

Jos sinulla ei ole tällaista tietoa etkä ole ollenkaan ajatellut aloittaa resurssi asteittaista mainostamista, suosittelemme etsimään tietokantoja tällaisista "avainsanoista", joiden avulla voit helposti luoda uusia sivustoja. Palvelut, kuten Google Keyword Extract Tool tai Yandex.Wordstat, jotka näyttävät hakutilastoja tietyille lauseille, sopivat tähän täydellisesti. Näillä asetuksilla "pelaamalla" voit laajentaa merkittävästi hakuliikenteen osuutta sivustoillasi ja alkaa siten saada uusia etuja. Pääasia on, että ei synny tilannetta, jossa kaikki näkyviä kuvia ALT-attribuutti puuttuu.

johtopäätöksiä

Joten mitä voimme sanoa tässä artikkelissa kuvatusta attribuutista? Se on osa kieltä, jolla yksinkertaisimmat verkkosivustot luodaan - HTML. Tämä on hyvin yksinkertainen tehdä, koska se kuvaa alkeellisia, peruskieli. Jotta voit silti lisätä kuviin tunnisteen, sinun on luotava se itse lähdekoodilla. Tai käyttämällä uusia ohjeita, aloita käsittely uudelleen. Oli miten oli, ALT-tunnisteiden määrittäminen on ihanteellinen molemminpuolisen hyödyn tapaus, kun sekä vierailija että resurssin omistaja ovat tyytyväisiä.

Tunnisteen määrittäminen voi myös tuoda uusia kävijöitä - 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.

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ä.

Esimerkiksi otin valokuvan 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 määrittää Alt-merkin tuotekortille, jossa on "koirapallo".

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 tien.

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 huomioi: Otsikko-attribuutti joissakin tapauksissa se auttaa ymmärtämään paremmin mitä kuvassa näkyy. Tällä voi olla positiivinen vaikutus käyttäytymisindikaattoreita sivusto.

Pitäisikö kuvan vaihtoehtona olla samat avainsanat kuin artikkelissa vai muilla?

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ä kyrillinen kirjain.

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 Title tulee täyttää?

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

Jos tämä puhdas HTML, Tuo:

Yleensä Alt- ja Title-kentät sijaitsevat kuvaparametreissa. Jos esimerkiksi sivustosi on 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 on mahdollisuus optimoida kuvia.

Kun kirjoitan otsikon ja altin venäjäksi kuville, sivustolla näytetään hieroglyfit, 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ä Altin ja Titlein 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ä sivustolta.

Otsikkomäärite:

• merkityksellinen ja kuvaa kuvaa;
• noin 3–5 sanaa tai enintään 250 merkkiä pitkä;
• 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.

Hei rakkaat ystävät. Tänään, yhden tilaajani pyynnöstä, kerron sinulle ALT-tunnisteesta (attribuutista), jonka pitäisi olla jokaisen sivuston kuvan parametreissa.

Alt-attribuutin puuttuminen ei näy ulkoisesti itse kuvassa. Mutta sisäisesti lähdekoodissa alt-tunnisteen puuttuminen on virhe. Ja hakurobotit laskevat jokaisen tällaisen virheen. Ja tällaiset näennäisesti pienet asiat hidastuvat hakukoneen edistäminen mikä tahansa sivusto.

Ja jos asettamalla kuvia artikkeliin, voit ilmoittaa halutun välittömästi vaihtoehtoinen teksti, silloin suunnittelun kuvien (elementtien) kanssa se on vaikeampaa. Sattuu, että nämä suunnitteluelementit puuttuvat alt-tunniste. Ja monet aloittelijat eivät edes tiedä näiden virheiden esiintymisestä verkkosivuillaan.

Miksi alt-attribuuttia tarvitaan?

Kyse on mekanismista, jolla selain lataa verkkosivuston sivun. Kun sivu latautuu, Alt-attribuutin teksti ladataan ensin ja sitten teksti muutetaan kuvaksi. Jos kuvien lataus on estetty selaimessa, kuvan tilalle tulee vaihtoehtoinen teksti (alt-attribuutista).

Hakurobotit näkevät sivun vain laadukkaasti lähdekoodi, ja alt-tunnisteen läsnäolo kertoo heille kuvan sisällöstä. Muuten, jopa alt-tunnisteen läsnäolo ilman tekstiä on jo hyväksytty hakukoneessa hyvän muodon merkkinä. Eli itse attribuutin läsnäolo on pakollista, mutta sen arvo on valinnainen.

Alt="arvo" !}

Kuinka tarkistaa kuvien alt-attribuutti

Helpoin ja kaikkien saavutettavin tapa on tarkistaa sivun lähdekoodi (koodin validointi) virheiden varalta.

Tätä varten sinun on avattava koodin vahvistuspalvelu W3C ja kirjoita sivun URL-osoite.

Kun olet tarkistanut lähdekoodin, määritetty sivu, näytölle avautuu saatavuusraportti ja virhetiedot (jos sellaisia ​​on). Ja jos ainakin yhdestä sivun kuvasta puuttuu alt-tunniste, näet tämän virheen:

Huomautus: jos virheitä on paljon, suosittelen käyttämään CTRL+F-hakua Pikahaku tarvittavat tiedot.

Tässä on toinen tapa, jonka avulla voit saada selville sivustosi lähdekoodin virheistä. Mutta tämän työkalun käyttäminen edellyttää rekisteröitymistä Bing-verkkovastaavan tilille. Ja juuri tässä toimistossa on työkalu "SEO-analyysityökalut".

Johon syötät myös sivuston sivun osoitteen analysointia varten ja saat raportin. Ja jos jostain puuttuu tunniste alt, tulet näkemään sen.

Voit myös katsoa sivun lähdekoodia nähdäksesi tarkalleen, mistä etsiä. Tätä varten sinun on siirryttävä kirjanmerkkiin "Sivun koodi" ja selvittää missä virhe tehtiin. Tee siitä helppoa vaadittu koodi korostetaan keltaisella.

Kuinka löytää haluttu lähdekoodin fragmentti ja lisätä alt-attribuutti

Ensinnäkin sinun on tarkasteltava tarkasti analyysityökaluista saamiasi tietoja. Huomautus:

- kuvatiedoston nimeen,

— luokan nimi, lohko, jossa kuva sijaitsee,

- vierekkäisiin elementteihin.

Kaikki nämä elementit auttavat tulevaisuudessa tiedoston etsimisessä ja siinä haluttu fragmentti lähdekoodi.

Katso esimerkkinä yllä olevaa kuvakaappausta. Koodi, jota tarvitsemme, on merkityksetön. Kyllä, me tiedämme, missä tämä banneri on Uusi ilmainen kirja Azamata. Lisäksi tiedämme, että banneri sijaitsee sivustopalkissa. Mutta kuvitellaan, etten kiinnittänyt tähän huomiota. Joten mitä voit oppia tästä koodista?

Ensinnäkin tiedämme kuvatiedoston nimen. Ja sillä ei ole väliä, että kuva sijaitsee toisella sivustolla. Näemme myös DIV-lohkon, jossa on luokka

. Ja se, että tämä lohko sijaitsee listan sisällä, jonka elementillä on tunniste id=”text-10″ .

Ja jo "textwidget"-luokasta käy selväksi, että tarvitsemamme koodi sijaitsee widgeteissä. Ja jos näin on, on hyödytöntä etsiä kaikkia näitä elementtejä, joihin kiinnitimme huomiota. Koska useimmissa aiheissa WordPress-widgetit sivustopalkissa muodostetaan dynaamisesti. Tämä tarkoittaa, että sivustopalkista vastaavan tiedoston koodissa ( sidebar.php) tulee olemaan pääasiassa php koodi. Mikä ei osoita tiettyyn widgetiin millään tavalla.

Siksi mennään hallintopaneeli WordPress - « Ulkomuoto» — "Vidgetit" ja etsi haluamasi widget.

Ja tässä lisäämme alt-attribuutin kuvan parametreihin.

Ennen Jälkeen alt="Infomarkkinointi 20/80" !}/>

Siinä kaikki.

Mutta widgetin kanssa kaikki on selvää, kuka tahansa voi käsitellä sitä. Entä erityisiä elementtejä design?

Esimerkkinä näytän nyt käyttämäni mallin vain sen alkuperäisessä versiossa. Eli asennusvaiheessa oli jo 21 virhettä (alt-attribuutti puuttuu).

Avaa välilehti "Sivun koodi" ja analysoi koodi. Etsimme elementtejä, joihin voimme tarttua ja joiden avulla voimme löytää vaadittu tiedosto ja koodi.

Hakuparametreissa sinun tulee valita etsiäksesi kaikki tiedostot, joiden koodi sisältää maininnan etsimäsi elementistä. Meidän tapauksessamme kuvatiedoston nimi.

Seuraavaksi on parempi tehdä varmuuskopio tiedosto (kopioi se erikseen tietokoneellesi) ja voit aloittaa muokkaamisen. SISÄÄN Totaalinen komentaja Valitse vain tiedosto ja paina F4. Tai voit kopioida tiedoston tietokoneellesi ja avata sen Notepad++:lla. No, tai ainakin Notepadin kautta.

Joten avaa tiedosto ja etsi tarvittava koodi. Voit käyttää CTRL+F-hakua.

Löysimme sen ja laitoimme sisään vaadittu attribuutti alt. Siis kaikilla kuvilla, joissa sitä ei ole.

Kun muutokset on tehty, tallenna tiedosto ja tarkista uudelleen analyysityökaluilla.

Ystävät, näin kuviin lisätään alt-attribuutteja. Kuten selkeä esimerkki katso opetusvideo. Ja muista, että on parempi tehdä kaikki nämä mallin muutokset

Ja tietysti, lue artikkeli siitä yleisesti. Tulet huomaamaan, että monissa mallikuvissa ei vain ole alt-tageja, vaan niitä ei ole optimoitu ollenkaan.

Ja siinä kaikki minulle tänään. Odotan innolla kommenttejasi. Kaikkea menestystä ja Hyvää mieltä! Nähdään uusissa videoissa ja artikkeleissa.

Hei ihmiset. Jotta et tuhlaa aikaasi, pidetään se lyhyenä ja ytimekkäänä.

Kuvan otsikko on teksti, joka tulee näkyviin, kun siirrät osoittimen kuvan päälle. Tämä on välttämätöntä vierailijalle vihjeen antamiseksi. Kerro mitä kuvassa näkyy tai mistä etsiä.

Alt-kuvat – englannin sanasta alternative. Se on näin hyödyllinen asia, joita hakukoneet mielellään indeksoivat määrittääkseen, mitä kuvassa on. Se näkyy myös, jos käyttäjä poistaa kuvien näyttämisen käytöstä selaimessa. Missä ei ole järkeä ja sitä tehdään harvoissa tapauksissa.

Jos käyttäjä kuitenkin sammuttaa graafisen sisällön näyttämisen tai jonkun puolella tapahtuu jokin vika, kuvan sijaan näkyy pieni kuvake tekstillä. Tämä teksti on kuvan vaihtoehto.

Alt- ja otsikkokuvat SEO:lle

Sillä otsikkokuvassa on minimiarvo. Sitä ei ole helppo indeksoida, mutta se voi vaikuttaa käsiisi käyttäytymistekijöiden suhteen. On vuosi 2018, SEO tarkoittaa nyt käytettävyyttä ja laadukasta sisältöä. Siksi houkuttele käyttäjän huomio millään tavalla.

Ajattele vain sitä, on mukavampaa, kun kuvassa näkyy työkaluvihje.

Mutta alt-kuvat ovat aarre. Ensinnäkin GoogleBot pitää sen puuttumista virheenä; Toiseksi se indeksoidaan helposti, ja tällainen kuva päätyy haun "Kuvat" -osioon. Tämä tarkoittaa, että tällä tavalla voit houkutella lisäliikennettä verkkosivustollesi.

Kolmanneksi, koska se on indeksoitu, sitä voidaan käyttää sivun arvon lisäämiseen. On hyvä, jos kirjoitat ylimääräisen alt matalataajuinen pyyntö. Mutta tässä sinun on oltava varovainen.

Kuinka täyttää kuvien alt ja otsikko oikein

Otsikolla kaikki on paljon yksinkertaisempaa. Hakukoneelle ei ole sääntöjä, mutta tämä ei tarkoita, että kirjoitat tänne mitään harhaoppia. Yllä teimme johdannon käyttäytymistekijöitä. On suositeltavaa, että et häiritse käyttäjää, vaan olet hyödyllinen hänelle.

1) Sen ei pitäisi olla pitkä. Hyväksy, 4-rivinen vihje aiheuttaa hylkäämisen.

2) Täytyy liittyä kuvaan jollain tavalla.

3) Ei saa kopioida pääotsikon, h1-h5-otsikoiden tai alt-attribuuttien kanssa.

Alt-kuvilla on painoarvoa hakukoneessa, joten säännöissä on rajoituksia, mutta myös mahdollisuuksia.

1) Yksi sana ei riitä, on suositeltavaa pysyä 3 sanan rajoissa. Enimmäismäärä 250 merkkiä.

2) Sen on vastattava kuvan sisältöä.

4) Sitä ei tulisi mieluiten toistaa sivun muiden alttien kanssa.

Joten, kun lisäät toisen kuvan blogiisi, mieti. Ehkä joku haluaa löytää hänet? Yritä muuttaa se ylimääräiseksi liikenteeksi.

Mihin kuvien alt ja otsikko täytetään käyttämällä esimerkkinä WordPressiä

Esimerkiksi WordPressissä sinun tarvitsee vain siirtyä ohjauspaneelista (konsolista) osioon "Media" — "Kirjasto". Valitse seuraavaksi mikä tahansa kuva.

Tai kun muokkaat artikkelia, napsauta mitä tahansa lisättyä kuvaa ja sitten kynää.

Tietenkin päälle wordpress esimerkki se on helpoin näyttää, mutta monia suosittu CMS antaa sellainen mahdollisuus. Tässä on esimerkiksi Joomla. Heillä on omansa vedenalaisia ​​kiviä, mutta useimmille graafisille sisällöille voit asettaa alt, jos painat "Muokkaa kuvaa"

Siinä kaikki. Toivomme todella, että olimme hyödyllisiä sinulle. Jos kyllä, pidä siitä. Tämä motivoi meitä tekemään laadukkaampaa ja kiinnostavampaa sisältöä!

Ystävällisin terveisin, Sinun olemuksesi.

Tämän päivän artikkelin aihe on SEO - kuvan optimointi ALT-attribuutilla. Monet ihmiset eivät tiedä sitä optimoidessaan tästä ominaisuudesta lisäät todennäköisyyttä, että ihmiset vierailevat sivustollasi. Joten kerron sinulle yksityiskohtaisemmin myöhemmin artikkelissa:

Mikä on ALT-attribuutti?

ALT on attribuutti, joka sisältää vaihtoehtoisen tekstin kuvalle. Attribuutti näytetään, kun selain on estetty näyttämästä kuvaa, mutta sisään vakioasetukset et näe häntä.

Kuinka kirjoittaa kuvan kuvaus oikein

Ennen kuin kirjoitan otsikon, kerron sinulle yleiset virheet jonka huomaan verkkosivuilla.

Tyhjät attribuutitALTJaTITLE. Pääsääntöisesti monet SEO-optimoijatÄlä välitä tämän tagin kanssa. Kyllä, on mahdollista, että jos sivustosi on erittäin suuri ja siellä on 100 000 kävijää päivässä, sinun ei pitäisi vaivautua, mutta jos olet vasta aloittamassa ja tarvitset ensimmäistä liikennettäsi, attribuutit kannattaa silti määrittää.

Kuva ja attribuutit eivät täsmää. Oletetaan, että jos kuvassasi näkyy BMW X5 ja määrität attribuutissa Audi A3:n, älä odota, että joku seuraa kuvaasi sivustolle.

Uudelleenoptimointi. Yleinen ongelma, jota voidaan käyttää esimerkkinä siitä, mitä ei saa tehdä. Optimoijat, jotka toivovat saavansa halutun liikenteen, kirjoittavat useita avainsanoja "alt"-attribuutille ja odottavat, että sijoitukset hakutuloksissa kuvien joukossa alkavat kasvaa. Sinun täytyy ymmärtää se tämä teksti sitä lukevat ihmiset, jotka arvioivat useita kuvia, ja jos kaikki on roskapostia, kukaan ei napsauta linkkiä. Kaupallisten sanojen "osta, tilaa, hinta, hinta, kaupungin nimi" lisäämistä ei suositella.

Hakukoneet voivat myös määrätä sinulle sanktioita, joten älä hurahdu.

Miten kuviin pitäisi kirjoittaa tunnisteet?

Lyhyt ja selkeä kuvaus Kuvia. Kuvaile kuvaa mahdollisimman tarkasti ja jos ALT luotiin automaattisesti, tarkista kaikki sivut.

Ominaisuuden pituus on rajoitettu. Hakukoneet ottavat huomioon 3-4 sanaa (noin 250 merkkiä), mikä vaikeuttaa kuvan kuvaamista.

Avainsanojen sisällyttäminen. Itse asiassa tämän vuoksi ALT-attribuutti kannattaa määrittää. Kirjoita avainsana käyttäjäystävällisellä tekstillä.

Esimerkiksi:

alt="Tietokoneen korjaus Cheboksaryssa"

Ainutlaatuiset attribuutit jokaiselle kuvalle. Se on myös tärkeä komponentti, yleisin ongelma SEO-optimoijien keskuudessa. Näytän sinulle esimerkin avulla, kuinka se ratkaistaan.

Tuotekortti sisältää paljon kuvia

Kuinka voit erottaa kuvia samasta tuotteesta, jos et voi lähettää roskapostia ja sinun on rekisteröitävä kaikki yksilölliset? Oletetaan, että "HYUNDAI H-AR6-07H split system" voidaan kirjoittaa seuraavasti:

"Jaettu järjestelmä HYUNDAI H-AR6-07H Type 1"

"Jaettu järjestelmä HYUNDAI H-AR6-07H Type 2"

Tuotekuvien lisäksi sivustollasi on elementtejä: samankaltaisia ​​tuotteita, tätä tuotetta katsotaan useammin ja niin edelleen. Tämä tyyppi Kuvia ei pidä hylätä, ja SEO optimoi ne asettamalla ALT ja otsikko. Lisäksi kannattaa varata aikaa ja kirjoittaa tarkasti ylös: merkki, malli, tuotenumero, kaikki tärkeitä parametreja, jonka ihmiset voivat kirjoittaa hakuun.

Kuvan koko- Miten korkeampi resoluutio kuvia, sen parempi. Joka tapauksessa sen näyttöä voidaan säätää "leveys"- ja "korkeus"-määritteiden ansiosta. Mutta sinun ei pitäisi tehdä kuvasta liian pientä, muuten hakukoneet eivät ota huomioon alle 150 pikseliä pienempiä kuvia ja pitävät sitä kuvakkeena.

Kuvan sijainti– mahdollisimman lähellä avainsanat sisältävää tekstiä. Siksi monet optimoijat ottavat tämän tekijän huomioon ja vakiomalli Kuvien järjestys näyttää tältä:

Otsikkoteksti avainsanalla

Lisäkuvaus

Kuvien painon vähentäminen. Kuvan koko toistuu avainasema, koska jos se painaa niin paljon, että se jopa hidastaa sivuston latausnopeutta, tämä vaikuttaa koko sivuston sijoitukseen. Kyllä, kyllä, tämä on tapahtunut!

Kuvan alla kuvateksti

Jos sivustollasi on paljon kuvia ja melkein ollenkaan tekstiä, kuvallinen kuvateksti on hyödyllinen, joten se on optimoitava SEO:n näkökulmasta:

• Määritä avainsanat. Avainsanojen sisällyttäminen allekirjoitukseen on pakollista, koska tämä teksti vaikuttaa koko sivun sijoitukseen.
• Kerro kuvasta jotain faktaa/hyötyä.

Sinulla on esimerkiksi kuva Iphone kaiuttimet 7.

Ilmoita allekirjoituksessasi Tämä fakta: "Iphone 7 kuulostaa huomattavasti paremmalta valaistuksen ansiosta" Yandexin asenne ALT-attribuuttia kohtaan

"Kuinka voin laittaa kuvani ensin?"

Kuvia järjestettäessä otetaan huomioon kuvan vieressä oleva teksti. Mitä tarkemmin kuvan kuvaus vastaa käyttäjän kyselyä, sitä todennäköisemmin kuva näkyy hakutulosten ensimmäisellä sivulla."

Kuvan alla oleva teksti on paljon hyödyllisempi hakukoneelle kuin itse ALT.

Google-kuvasijoitus

Edellä mainitun ALT:n lisäksi tässä on se, mitä Google ottaa huomioon kuvien luokittelussa.

Käydään läpi Googlen tärkeimmät tekijät.

Kuvat hyvä laatu – Tämän pitäisi olla selvää. Ketään ei kiinnosta epäselviä kuvia tai yksinkertaisesti Huono laatu. Tässä pikemminkin kuvan laatu vaikuttaa sen napsautettavuuteen, tiettyyn napsautussuhteeseen.

Jokaiselle kuvalle erilliset sivut– Mielenkiintoinen idea, mutta rehellisesti sanottuna törmään harvoin sellaisiin sivustoihin. Optimoinnista tulee ongelmallista: verkkokaupat, yksisivuiset sivustot, luettelosivustot missä suuri määrä kuvia.

Entä Otsikko-attribuutti?

Google ei maininnut, eikä Yandex maininnut Title-attribuuttia. (Ei pidä sekoittaa tunnisteeseen). Se ei todellakaan olisi tarpeetonta ilmoittaa, mutta se on mahdollista vain, koska otsikko näkyy, kun viet hiiren kuvan päälle, ja sillä on merkitystä. Tässä suhteessa, kuten kuvan alla olevan tekstin kanssa, voit kokeilla, osoittaa hyödyllistä tietoa: erilaisia ​​faktoja, etuja ja niin edelleen.

Joka tapauksessa hän kantaa paljon enemmän hyötyä kuin äskettäin kirjoittamani.

Siinä kaikki. Kysy kommenteissa, mitä mieltä olet ALT- ja TITLE-määritteistä. Miten tyylität kuvasi?