Esteettömyyden ja sivusisällön parantaminen Alt-tekstillä
Katso melko paljon verkkosivuja verkosta tänään ja näet, että yksi niistä asioista, joita heillä on yhteisiä, ovat kuvat. Kuvat voidaan käyttää verkkosivustoilla lisäämällä visuaalisia ilmiöitä, havainnollistamaan ideoita ja lisäämällä sivun yleistä sisältöä. Sen lisäksi, että valitset oikeat kuvat ja valmistelet ne oikein web-toimitukselle , varmista, että kaikki sivustosi kuvat käyttävät oikein ALT-tekstiä on erittäin tärkeä osa näiden kuvien oikeaa käyttöä Webissä.
Mikä on Alt-teksti
Alt teksti on vaihtoehtoinen teksti, jota käyttävät tekstiselaimet ja muut verkkoasiamiehet, jotka eivät pysty katselemaan kuvia. Se on myös yksi kuvatiedoston tarvitsemista ominaisuuksista. Kirjoittamalla tehokkaan tekstin, voit varmistaa, että Web-sivut ovat käytettävissä ihmisille, jotka saattavat käyttää näytönlukijaa tai muuta avustettua laitetta päästäksesi sinut sivustoosi. Varmista myös, että jotain tulee näkyviin kuvan sijasta, jos se ei syytä mihinkään syyn (väärä polku, lähetysvirhe jne.). Tämä on Alt-tekstin todellinen tarkoitus, mutta tämä sisältö voi antaa sinulle myös enemmän paikkoja lisätä SEO-ystävällistä tekstiä, jota hakukoneet eivät rangaista sinua (lisää tästä pian).
Tekstin pitäisi toistaa tekstiä uudelleen
Kaikilla kuvilla, joilla on tekstiä, pitäisi olla teksti vaihtoehtoisena tekstinä. Voit sijoittaa muita sanoja vaihtoehtoiseen tekstiin, mutta vähintään se pitäisi sanoa samaa kuin kuva. Jos esimerkiksi sinulla on kuviosi logo, Alt-tekstin pitäisi toistaa graafisen logon kirjoittama yrityksen nimi.
Muista myös, että kuvat, kuten logot, voivat myös merkitä tekstiä - esimerkiksi kun näet punaisen pallon kuvakkeen osoitteesta about.com, he tarkoittavat "About.com". Eli vaihtoehtoinen teksti kyseiselle kuvakkeelle voisi sanoa "About.com" eikä pelkästään "yrityksen logo".
Pidä tekstin lyhyt
Mitä kauemmin olet vaihtoehtoinen teksti, sitä vaikeampi on lukea tekstiselaimissa. Se voi olla houkuttelevaa kirjoittaa pitkiä vaihtoehtoisen tekstin lauseita (tavallisesti tämä tapahtuu, koska joku yrittää laita tagia avainsanoilla). Alt-tagien pitäminen kuitenkin pitää sivujesi pienemmät ja pienemmät sivut latautuvat nopeammin.
Hyvä peukalosääntö vaihtoehtoiselle tekstille on pitää se 5 - 15 sanaa yhteensä.
SEO-avainsanojen käyttö Alt-tunnisteissa
Ihmiset usein väärässä ajattelevat, että vaihtoehtoisen tekstin tarkoitus on sijoittaa hakukoneiden avainsanoja. Kyllä, se on hyötyä, jota voit käyttää, mutta vain, jos lisäämäsi teksti on järkevää alustunnisteen todelliselle tarkoitukselle - näyttämään älykäs teksti, joka selittää, mitä kuva on, jos joku ei näe sitä!
Nyt sanotaan, että Alt-tekstiä ei ole tarkoitettu SEO-työkaluksi, ei tarkoita sitä, että et voi käyttää avainsanoja tässä tekstissä. Koska vaihtoehtoinen teksti on tärkeä ja sitä tarvitaan kuvista, hakukoneet eivät todennäköisesti rangaista sinua asettamasta avainsanoja sinne, jos lisäämäsi sisältö on järkevää. Muista vain, että ensimmäinen prioriteetti on lukijoille. Avainsanoman roskapostia vaihtoehtoisessa tekstissä voidaan havaita ja hakukoneet muuttavat sääntöjään koko ajan estääkseen roskapostittajia.
Hyvä peukalosääntö on käyttää hakukoneesi avainsanoja, joissa ne sopivat kuvauksen kuvaan, ja älä käytä useampaa kuin yhtä avainsanaa vaihtoehtoisessa tekstissä.
Pidä tekstisi mielekäs
Muista, että tekstin kohta on määritellä lukijoille tarkoitetut kuvat. Monet Web-kehittäjät käyttävät vaihtoehtoista tekstiä itselleen, kuten esimerkiksi kuvakokoa, kuvatiedostojen nimeä jne. Vaikka tämä saattaa olla hyödyllinen sinulle, se ei tee mitään lukijoillemme, joten sitä ei pitäisi jättää näistä tunnisteista.
Käytä tyhjää muuta tekstiä vain kuvakkeille ja luoteille
Ajoittain käytät kuvia, joilla ei ole mitään hyödyllistä kuvaavaa tekstiä, kuten luoteja tai yksinkertaisia kuvakkeita. Paras tapa käyttää näitä kuvia on CSS, jossa et tarvitse vaihtoehtoista tekstiä. Mutta jos sinun on ehdottomasti oltava HTML-koodissa, käytä tyhjää alttomin määritettä sen sijaan, että jätät sen kokonaan pois.
Se voi olla houkuttelevaa esittää merkin, kuten tähti (*), edustaa bullet, mutta tämä voi olla hämmentävää, että jättäen sen tyhjäksi. Tekstin "bullet" tekeminen tekee vielä outoja tekstiselaimessa.
Alkuperäinen artikkeli Jennifer Krynin. Julkaisija: Jeremy Girard 3/3/17