Yksi helpoimmista tavoista tehdä sivustostasi on helppokäyttöisempi käyttää kuvatiedostojen alttumamääriä. On hämmästyttävää minulle kuinka monta ihmistä unohtaa käyttää tätä yksinkertaista ominaisuutta. Itse asiassa nyt, jos haluat kirjoittaa voimassaolevan XHTML: n, img-tagille tarvitaan alt-attribuutti. Ja vielä ihmiset eivät vieläkään tee sitä.
ALT-ominaisuus
Alt-attribuutti on img-tagin attribuutti, ja sen on tarkoitus olla altistumaton ei-visuaalisille selaimille, kun ne kohtaavat kuvia. Tämä tarkoittaa, että tekstiä on tarkoitus käyttää, kun kuva ei ole näkyvissä sivulla. Sen sijaan vaihtoehtoinen teksti näkyy (tai lukee).
Monet selaimet näyttävät myös tekstin, kun asiakas lepää hiirensä kuvassa. Tämä tarkoittaa, että tekstin on oltava selkeä ja helppolukuinen, eikä se saa luoda valtavaa ponnahdusikkunoita lukijalle, joka keskeyttää hiirensä sivullasi. Alt-tekstin lisääminen on yksinkertaista, käytä vain kuvan alt-attribuuttiä. Tässä on muutamia vinkkejä kirjoitustunnisteiden kirjoittamiseen:
Ole lyhyt
Jotkut selaimet rikkovat, jos tekstin teksti on liian pitkä. Ja vaikka näyttäisi hyvältä kuvata, mikä on täsmälleen kuvassa, se ei ole alt-tagin tarkoitus. Sen sijaan se olisi täytettävä täsmälleen sanat, jotka tarvitaan kuvan asettamiseen kontekstiin eikä enää
Ole selvää
Älä ole niin lyhyt, että asiayhteys on sekava. Muista, että jotkut näkevät vain tekstiä alt-tunnisteissasi, joten jos se on liian lyhyt, he eivät ehkä ymmärrä, mitä yrität näyttää heille. Esimerkiksi:
- puu - hyvä
- sycamore-puu - parempi
- 10-jalkainen sycamore-puu, jonka pääosin ruskeat lehdet ja mahdollisesti jotain vikaa sen kuorella - liikaa
Ole konteksti
Älä kuvaa kuvaa, jos se on tarkoitus tarkastella asiayhteydessä. Esimerkiksi: Jos sinulla on yrityslogon kuva, kirjoita "Yrityksen nimi" eikä "Yrityksen nimi -logo".
Älä näytä sivustosi sisäisiä töitä
Jos sijoitat spacer-kuvia , käytä vain tilaa tekstin muokkaamiseksi. Jos kirjoitat "spacer.gif", se vain kiinnittää huomiota sivustoon sen sijaan, että se antaisi hyödyllisiä tietoja. Ja teknisesti, jos yrität kirjoittaa voimassaolevaa XHTMLia, kannattaa käyttää välilyöntiä olevia kuvia CSS: n sijasta, joten voit myös jättää tekstin pois kyseisistä kuvista.
Ole hakukone tietoisena
Jos sinulla on hyvä, lyhyt, selkeä teksti, joka voi todella auttaa hakukoneiden sijoituksia, sillä sivusi kuvat edistävät ja parantavat avainsanojasi.
Älä käytä sitä vain hakukoneoptimointiin
Monet sivustot ajattelevat, että jos he käyttävät alt-tekstiä SEO-työkaluna, he voivat "hämätä" hakukoneita optimoimaan sivuston avainsanalle, jota heillä ei ole. Tämä voi kuitenkin palauttaa tuloksen, jos hakukone päättää, että yrität vääristää tuloksia ja poistaa tuloksista kokonaan.