Skip to main content

Hvordan skrive stor alttekst for nettsidebilder

Jonas Fjeld, Hilde Heltberg - Når vi deler alt (April 2025)

Jonas Fjeld, Hilde Heltberg - Når vi deler alt (April 2025)
Anonim

Se på stort sett hvilken som helst nettside på internett i dag, og du vil se at en av tingene de har til felles, er bilder. Bilder kan brukes på nettsteder for å legge til visuell flair, bidra til å illustrere ideer, og legge til det samlede innholdet på siden. I tillegg til å velge de riktige bildene og riktig forberede dem til nettleveranse, må du sørge for at alle bildens bilder riktig bruker Alt-tekst, er en svært viktig del av riktig bruk av disse bildene på nettet.

Hva er alttekst

Alttekst er den alternative teksten som brukes av tekstbrowsere og andre webbrukeragenter som ikke kan vise bilder. Det er også en av de eneste egenskapene som kreves av bildemerket. Ved å skrive effektiv alttekst, sørger du for at nettsidene dine er tilgjengelige for personer som kan bruke en skjermleser eller annen assistert enhet for å få tilgang til nettstedet ditt. Du sørger også for at noe vises i stedet for et bilde dersom det ikke lastes av uansett grunn (feil vei, overføringssvikt, etc.). Dette er den virkelige hensikten med Alt-tekst, men dette innholdet kan også gi deg flere steder å legge til SEO-vennlig tekst som søkemotorer ikke vil straffe deg for (mer om det kort tid).

Alt tekst bør gjenta tekst i bildet

Ethvert bilde som har tekst i det, skal ha den teksten som alternativ tekst. Du kan plassere andre ord i alternativ tekst, men det skal i det minste si det samme som bildet. Hvis du for eksempel har en logo for bildene dine, bør Alt-teksten gjenta firmaets navn skrevet ut av grafisk logo.

Husk også at bilder som logoer også kan innebære tekst - for eksempel når du ser den røde ballikonet på Dotdash-nettstedet, betyr det "Dotdash.com". Så den alternative teksten for det ikonet kunne si "Dotdash.com" og ikke bare "firmalogo."

Hold teksten kort

Jo lengre din alternative tekst, jo vanskeligere blir det å lese av tekstbrowsere. Det kan være fristende å skrive lange setninger av alternativ tekst (normalt er dette gjort fordi noen prøver å tømme taggen med søkeord), men å holde Alt-taggene korte holder sidene mindre og mindre sider lastes ned raskere.

En god tommelfingerregel for alternativ tekst er å holde den mellom 5 og 15 ord totalt.

Bruke SEO søkeordene i Alt Tags

Folk tror ofte feilaktig at alternativ tekst har til hensikt å sette søkemotorens nøkkelord. Ja, det er en fordel du kan bruke, men bare hvis teksten du legger til, gir mening for den virkelige hensikten med alt-taggen - for å vise intelligent tekst som forklarer hva bildet er, skal noen ikke se den!

Nå blir det sagt at alt tekst ikke er ment som et SEO-verktøy, betyr ikke at du ikke kan bruke søkeordene dine i denne teksten. Siden alternativ tekst er viktig og kreves på bilder, er søkemotorer lite sannsynlig å straffe deg for å sette søkeord der hvis innholdet du legger til, gir mening. Bare husk at din første prioritet er for leserne dine. Søkeordspamming i alternativ tekst kan oppdages og søkemotorer endrer reglene sine hele tiden for å hindre spammere.

En god tommelfingerregel er å bruke søkeordene dine der de passer med beskrivelsen av bildet og ikke bruke mer enn ett søkeord i alternativ tekst.

Hold teksten din meningsfull

Husk at poenget med alt tekst er å definere bildene til leserne dine. Mange webutviklere bruker den alternative teksten for seg selv, inkludert ting som bildestørrelse, bildefilnavn og så videre. Selv om dette kan være nyttig for deg, gjør det ingenting for leserne dine og bør derfor utelates fra disse kodene.

Bruk bare blank alt tekst for ikoner og kuler

Med jevne mellomrom bruker du bilder som ikke har noen nyttig beskrivende tekst, for eksempel kuler eller enkle ikoner. Den beste måten å bruke disse bildene på er CSS, der du ikke trenger alternativ tekst. Men hvis du absolutt må ha dem i HTML-en din, bruk et tomt alt attributt i stedet for å la det helt av.

Det kan være fristende å sette et tegn som en stjerne (*) for å representere en kule, men dette kan være mer forvirrende enn bare å la det være tomt. Og å sette teksten "bullet" vil gjøre enda mer underlig i en tekstbrowser.

Redigert av Jeremy Girard på 3/3/17