Et ALT-tag, også kendt som alternativ tekst eller ALT-tekst, er en beskrivende tekst, der kan tilføjes til et billede i HTML-koden på en hjemmeside. Formålet med ALT-tags er at give en tekstmæssig beskrivelse af billeder, så de kan forstås af søgemaskiner og brugere, der ikke kan se billederne, enten på grund af tekniske problemer, handicap eller andre årsager.
Hvordan bruges ALT-tags?
ALT-tags bruges ved at inkludere attributten alt i HTML-koden for et billede. Koden kunne se sådan ud:
<img src="billede.jpg" alt="Beskrivelse af billedet">Teksten i ALT-tagget skal kort og præcist beskrive, hvad billedet viser. Hvis billedet for eksempel er af en rød cykel, kunne ALT-tagget være “rød cykel”. Det er vigtigt at ALT-teksten er relevant for både billedet og indholdet på siden, da det hjælper med at give en bedre brugeroplevelse og kan forbedre SEO.
Hvorfor er ALT-tags vigtige?
- Tilgængelighed: Et af de vigtigste formål med ALT-tags er at gøre indholdet mere tilgængeligt for brugere med synshandicap. Skærmlæsere, som bruges af synshandicappede, læser ALT-teksten højt, så brugerne kan forstå, hvad billedet viser. Uden en ordentlig ALT-tekst går denne information tabt, og brugeroplevelsen forringes.
- SEO (Søgemaskineoptimering): Søgemaskiner kan ikke “se” billeder på samme måde som mennesker. De bruger ALT-teksten til at forstå, hvad billedet handler om, og hvordan det relaterer til indholdet på siden. Gode ALT-tags kan derfor forbedre en sides placering i søgeresultaterne, især i billedsøgninger.
- Siderespons: Hvis et billede af en eller anden grund ikke kan indlæses, viser de fleste browsere ALT-teksten i stedet. Dette sikrer, at brugeren stadig får noget information, selvom billedet mangler, og det kan forbedre brugeroplevelsen, især på langsomme internetforbindelser.
Bedste praksis for ALT-tags
Når du skriver ALT-tags, er der flere bedste praksis, du bør følge:
- Vær kort og præcis: ALT-teksten skal være en kortfattet beskrivelse af billedet. For lange eller komplekse beskrivelser kan forvirre både brugere og søgemaskiner.
- Undgå keyword stuffing: Selvom det kan være fristende at inkludere mange søgeord i ALT-tags for at forbedre SEO, kan dette have den modsatte effekt. Søgemaskiner kan straffe overdrevet brug af søgeord, og det kan også gøre teksten mindre nyttig for brugere.
- Gør ALT-teksten relevant: ALT-teksten skal være relevant for billedet og indholdet på siden. Hvis billedet ikke bidrager med væsentlig information, kan ALT-teksten være mere generel.
- Brug naturligt sprog: Skriv ALT-teksten, som om du taler til et menneske. Brug et naturligt sprog, der nemt kan forstås, og undgå tekniske termer, medmindre de er nødvendige.
- Undgå “billede af” i ALT-teksten: Da ALT-teksten er for et billede, behøver du ikke inkludere ord som “billede af” eller “foto af”. Gå direkte til beskrivelsen, fx “blå sommerfugl” i stedet for “billede af en blå sommerfugl”.
Eksempler på gode ALT-tags
- Et billede af en kat, der sover i en solstråle:
alt="Grå kat sover i en solstråle" - Et logo for en virksomhed:
alt="Move Marketing logo" - En graf, der viser salgstal for 2023:
alt="Graf over salgstal for 2023"
Disse eksempler viser, hvordan ALT-tags kan bruges til effektivt at beskrive billeder på en måde, der både forbedrer tilgængeligheden og SEO-værdien af en hjemmeside. ALT-tags er en enkel, men vigtig del af webudvikling, som kan have stor indflydelse på, hvordan indhold bliver opfattet og vurderet af både brugere og søgemaskiner.