Alt-tekst: Hva det er og hvordan du skriver det

Intro

I denne veiledningen lærer du om alternativ tekst (kjent som alt-tekst): hva det er, hvorfor det er viktig for on-page SEO, hvordan du bruker det riktig og mer.

Alt-tekst blir ofte oversett, men alle bilder på nettstedet ditt bør ha det. Mer informasjon er bedre, og det å oversette visuell informasjon til tekst er avgjørende for søkemotorroboter og brukere med skjermlesere. Alt-tekst er en kilde til informasjon som knytter ideer og innhold sammen på nettstedet ditt.

Denne praktiske veiledningen inneholder tips og råd du kan bruke umiddelbart for å forbedre nettstedets image, SEO og tilgjengelighet.

Hva er alt-tekst?

Alternativ tekst (eller alt-tekst) - også kjent som alt-attributtet eller alt-taggen (som ikke er teknisk korrekt fordi det ikke er en tagg) - er et stykke tekst som beskriver bildet i HTML-koden.

Hva er bruken av alt-tekst?

Alt-tekstens opprinnelige funksjon var å beskrive et bilde som ikke kunne lastes inn. For mange år siden, da internett var tregere, hjalp alt-teksten brukerne med å forstå innholdet i et bilde som var for tungt å laste inn.

I dag hjelper alt-tekst søkemotorroboter med å forstå bildets innhold og kontekst. Enda viktigere er det at alt-teksten er avgjørende for tilgjengeligheten og for personer som bruker skjermlesere:

• For tilgjengelighet: Alt-tekst hjelper personer med nedsatt funksjonsevne (for eksempel personer som bruker skjermlesere) med å forstå innholdet i bildet.

• For SEO: Alt-tekst gir søkemotorene ekstra kontekst, noe som hjelper dem med å forstå innholdet på siden bedre.

Hvorfor alt-tekst er viktig

Nettet er en visuell opplevelse, noe som gjør alt-tekst helt avgjørende. Den oversetter bildets innhold til ord og gjør det tilgjengelig for et bredere publikum, inkludert personer med nedsatt funksjonsevne og søkemotorroboter som ennå ikke er smarte nok til å forstå alle bilder, deres kontekst og betydning.

Hvorfor alt-tekst er viktig for SEO

Alt-tekst er et viktig element i SEO-optimalisering på siden. Riktig alt-tekstoptimalisering forbedrer nettstedets sjanser til å bli rangert i Google-bildesøk, noe som kan være en viktig kilde til trafikk, spesielt for netthandelsnettsteder der brukerne ofte starter produktsøket med et Google-bildesøk.

Hvorfor alt-tekst er viktig for tilgjengeligheten

I tillegg til SEO er alt-tekst viktig for tilgjengeligheten, noe som gjør nettet inkluderende for alle, inkludert personer med nedsatt funksjonsevne som bruker skjermlesere. Ved å beskrive bildets innhold i alt-teksten hjelper man disse brukerne med å forstå bildet og innholdet på siden.

Eksempler på alternativ tekst

Gode eksempler på Alt-tekst

Vurder en SEO-revisjonsguide som inneholder skjermbilder fra verktøy som Google Search Console og Screaming Frog. Gode eksempler på alt-tekst inkluderer:

<img src="google-search-console-coverage-report.jpg" alt="Dekningsrapporten i Google Search Console som viser antall indekserte og ekskluderte sider"> <img src="google-search-console.jpg" alt="Google Search Console-verktøyet fra Google"> <img src="screaming-frog-html-pages.jpg" alt="Liste over HTML-sider i Screaming Frog"> <img src="screaming-frog.jpg" alt="Screaming Frog gjennomsøking pågår"> <img src="screaming-frog.jpg" alt="Screaming Frog gjennomsøking pågår">

Eksempler på dårlig og/eller spammy alt-tekst

Eksempler på dårlig alt-tekst kan være keyword stuffing eller spamming:

<img src="google-search-console-coverage-report.jpg" alt="seo audit free, seo audit cheap, seo audit specialist, seo audit, seo audit, seo audits"> <img src="google-search-console.jpg" alt="google seo, seo google, google, seo, google search console seo"> <img src="screaming-frog-html-pages.jpg" alt="seo auditor, seo audit, seo audits"> <img src="screaming-frog.jpg" alt="seo audit"> <img src="screaming-frog.jpg" alt="seo audit"> <img src="screaming-frog.jpg" alt="seo audit"> <img src="seo audit

Vanlige Alt-tekst-feil

• Manglende bruk av alt-tekst eller bruk av tom alt-tekst.

• Bruk av samme alt-tekst for ulike bilder.

• Bruk av svært generell alt-tekst som ikke beskriver bildet.

• Bruker automatisk navnet på filen som alt-tekst.

Tips til skriving av alt-tekst

• Ikke legg inn nøkkelord i alt-teksten.

• Beskriv bildet i detalj, men hold det relativt kort.

• Bruk målnøkkelordene naturlig som en del av bildebeskrivelsen.

• Ikke bruk tekst på bilder. Legg til all tekst i HTML-koden.

• Ikke skriv "dette er et bilde av". Bare beskriv bildets innhold.

• Sørg for at du kan visualisere bildets innhold bare ved å lese alt-teksten.

Slik feilsøker du Alt-tekst i bilder

Inspeksjon av elementer

Inspiser et element (høyreklikk og velg Inspiser når du holder musepekeren over et bilde) for å sjekke om et gitt bilde har en alt-tekst.

Masseanalyse

For masseanalyse kan du bruke verktøy som Screaming Frog eller Sitebulb til å gjennomsøke nettstedet og se gjennom alt-teksten til alle bildene på nettstedet.

Alt-tekst virker kanskje ikke som en prioritet, men det er viktig

Alle kilder til informasjon om innholdet ditt har verdi. Enten det er for synshemmede brukere eller roboter, bidrar alt-tekst til å kontekstualisere bildene på nettstedet ditt. Å vise at man er opptatt av tilgjengelighet er også en viktig del av moderne digital markedsføring.

VANLIGE SPØRSMÅL

Hva er hensikten med alt-tekst i HTML?

Alt-tekst gir en tekstlig beskrivelse av et bilde hvis det ikke kan vises, noe som hjelper brukerne med å forstå bildeinnholdet og hjelper søkemotorroboter med å forstå bildets emne.

Kan alt-tekst forbedre tilgjengeligheten på nettsteder?

Ja, alt-tekst er avgjørende for tilgjengeligheten på nettstedet. Den oversetter visuell informasjon til beskrivende tekst som kan leses av skjermlesere som brukes av brukere med nedsatt syn, noe som gjør nettet mer inkluderende.

Ved å følge disse tipsene kan du sørge for at bildene på nettstedet ditt er tilgjengelige og optimalisert for SEO, noe som forbedrer både brukeropplevelsen og søkemotorenes ytelse.