Alt-teksti (alternative text), joka tunnetaan myös nimellä ”alt määritteet”, ”alt kuvaukset”, tai teknisesti väärin, kuten ”alt-tunnisteita,” käytetään sisällä HTML-koodi kuvaamaan ulkonäkö ja funktio kuvan sivulla.
Alt text uses:
1. Vaihtoehtoisen tekstin lisääminen kuviin on ennen kaikkea web-saavutettavuuden periaate. Näkövammaisille käyttäjille, jotka käyttävät näytönlukijoita, luetaan alt-attribuutti, joka ymmärtää paremmin sivun kuvaa.
2., Alt-teksti näytetään kuvan sijasta, jos kuvatiedostoa ei voi ladata.
3. Alt-teksti tarjoaa paremman kuvan kontekstin/kuvaukset hakukoneen indeksoijille, mikä auttaa heitä indeksoimaan kuvan oikein.
korostettu teksti osoittaa, alt-teksti (alt-attribuutti) kuvan vasemmalla.
paras formaatti alt-teksti on riittävän kuvaava, mutta ei sisällä mitään spammy yritykset avainsanan täytteenä., Jos voit sulkea silmäsi, joku lukea alt-teksti, ja kuvitella kohtuullisen tarkka versio kuvan, että olet oikealla tiellä.
katsotaanpa muutamia esimerkkejä alt-teksti tämän kuvan herkullisen näköinen pino mustikka pannukakkuja:
Tämä alt-teksti on vain ”kunnossa”, koska se ei ole kovin kuvaava. Kyllä, Tämä on kuva lettupinosta. Mutta tästä kuvasta on enemmän sanottavaa.,
Hyvä:
<img src="https://moz.com/learn/seo/pancakes.png" alt="Stack of blueberry pancakes with powdered sugar">
Tämä alt-teksti on parempi vaihtoehto, koska se on paljon kuvaavampi, mitä on kuvassa. Tämä ei ole vain pino ”pannukakkuja” (kuten ensimmäinen alt-teksti-esimerkki osoitti); se on pino mustikka pannukakkuja pölyämistä tomusokeria!
<img src="https://moz.com/learn/seo/pancakes.png" alt="pancake pancakes pan cake hotcakes hotcake breakfast food best breakfast top breakfasts breakfast recipes pancake recipe">
Kumpikaan näistä esimerkkejä ovat suositeltavia., Ensimmäinen rivi koodia itse ei sisällä mitään alt-teksti (huomaa lainausmerkit ovat tyhjiä), kun taas toinen esimerkki osoittaa avainsanan täytteenä alt-teksti.
miksi Alt-teksti on tärkeä?
saavutettavuus
Alt text on esteettömän verkkosuunnittelun tenetti. Sen alkuperäinen (ja edelleen ensisijainen) tarkoitus on kuvata kuvia vierailijoille, jotka eivät näe niitä. Tämä sisältää näytönlukijoita ja selaimia, jotka estävät kuvia, mutta se sisältää myös käyttäjiä, jotka ovat näkövammaisia tai muuten kykenemättömiä tunnistamaan kuvaa silmämääräisesti., Mukaan lukien alt tekstiä kuvia takaa kaikille käyttäjille, riippumatta visuaalisesta kyvystä, voi arvostaa sisältöä sivustossasi.
Image SEO
alt-tekstin käyttäminen kuvissasi voi parantaa käyttäjäkokemusta, mutta se voi myös auttaa sinua ansaitsemaan sekä eksplisiittisiä että implisiittisiä SEO-etuja. Kuvan otsikon ja tiedostojen nimeämisen ohella parhaita käytäntöjä, mukaan lukien alt text, voivat myös edistää kuvan SEO.,
Kun hakukoneen kuva tunnustamista teknologia on huomattavasti parantunut vuosien varrella, haku indeksoijat vielä voi ”nähdä” kuvia verkkosivuilla sivun kuten me, joten se ei ole viisasta jättää tulkintaa pelkästään heidän käsissään. Jos he eivät ymmärrä, tai ymmärtää väärin, on mahdollista, että voit joko sijoitus tahattomia avainsanoja tai jättää pois ranking kokonaan.
tässä esimerkki: Google saattaa nähdä seuraavan kuvan ja pystyä tulkitsemaan, että kyseessä on mies, jolla on solmio ja silmälasit, istuu pöydän ääressä.,
Jim Halpert alkaen Office (US-versio)
Jos yrität sijoitus ”Jim Halpert on matkimista Dwight Schrute”, vaikka, sinun täytyy lainata hakukone auttava käsi.
Siinä mielessä, alt-teksti tarjoaa sinulle toisen mahdollisuuden sisällyttää kohde avainsanan., Kanssa sivulla avainsanojen käyttö vielä vetää painoa kuin hakukoneen sijoitusta tekijä, se on paras etu luoda alt-teksti, joka sekä kuvaa kuva ja, jos mahdollista, sisältää avainsanan tai avainsanailmaus olet kohdistaminen.
Miten kirjoitan hyvää alt-tekstiä?
kuvaile kuvaa mahdollisimman tarkasti. Alt-teksti on ennen kaikkea suunniteltu antamaan tekstiselityksiä kuvista käyttäjille, jotka eivät näe niitä. jos Kuva ei todella välitä mitään merkitystä / arvoa ja on vain siellä suunnittelutarkoituksessa, sen pitäisi elää CSS: n sisällä, Ei HTML: n.,
pidä se (suhteellisen) lyhyenä. Suosituimmat näytön lukijat katkaisevat alt-tekstin noin 125 merkin kohdalla, joten se kannattaa pitää siinä hahmoluvussa tai vähemmän.
Käytä avainsanoja Alt-teksti tarjoaa sinulle toisen mahdollisuuden sisällyttää kohde avainsanan sivulla, ja siten toinen mahdollisuus viestittää hakukoneille, että sivu on hyvin tärkeä hakulausekkeeseen., Vaikka ensimmäinen prioriteettisi olisi kuvan kuvaaminen ja kontekstin tarjoaminen, jos se on järkevää, sisällytä avainsanasi vähintään yhden kuvan alt-tekstiin sivulla.
vältä avainsanojen täyttämistä. Google ei telakka sinulle pisteitä huonosti kirjoitettu alt-teksti, mutta olet pulassa, jos et käytä alt-teksti mahdollisuutena tavaraa niin monta asiaa avainsanoja voit ajatella sitä. Keskity kuvailevan alt-tekstin kirjoittamiseen, joka tarjoaa kuvan kontekstin ja jos mahdollista, sisältää kohdesanan, ja jätä se siihen.
älä käytä kuvia tekstinä., Tämä on vähemmän alt tekstikohtainen paras käytäntö ja enemmän yleinen SEO-ystävällinen web development tenet. Koska hakukoneet eivät pysty lukemaan tekstiä kuviesi sisällä, kannattaa kuvien käyttöä välttää sanojen sijasta. Jos sinun on tehtävä niin, selitä, mitä valokuvasi sanoo alt-tekstissäsi.
eivät sisällä ”kuvan”, ”kuvan” jne. alt-tekstissäsi. On jo oletettu, että alt-tekstisi viittaa kuvaan, joten sitä ei tarvitse tarkentaa.
Älä unohda longdesc=””. Tutustu longdesc= ”” – tunnisteen avulla monimutkaisempiin kuviin, jotka vaativat pidemmän kuvauksen.,
älä laiminlyö muotonappeja. Jos lomake sivustossasi käyttää kuvaa, koska se on ”Lähetä” – painiketta, anna sille alt-attribuutti. Kuvapainikkeissa tulisi olla alt-attribuutti, joka kuvaa painikkeen toimintaa, kuten ”haku”, ”Käytä nyt”,” Rekisteröidy ” jne.
miltä näyttää hyvä alt-teksti?,3″>
Hyvä alt-teksti: <img src="https://moz.com/learn/seo/kwe.png" alt="kw explorer">
Parempi alt-teksti: <img src="https://moz.com/learn/seo/kwe.png" alt="keyword research in Keyword Explorer">
Paras alt-teksti: <img src="https://moz.com/learn/seo/kwe.png" alt="Moz Keyword Explorer tool for SEO keyword research">
Pitää oppimista
Googlen Kuva Julkaisemalla Ohjeita
Sivulla Ranking Tekijät
Meta Description
Laittaa taitosi työskennellä
Sivun Optimointi-osiossa Moz Pro kohokohtia sivuja, jotka eivät ole elää jopa täysi haku näkyvyys potentiaali (ja sisältää asioita, kuten onko jokin sivu puuttuu alt-teksti)., Kokeile >>
