"alt tags" (også kaldet "alt attributter" eller "alt tekst"). Dette er en vigtig del af hjemmesider især når det handler om webtilgængelighed og søgemaskineoptimering (SEO). Lad os dykke ned i, hvad et alt tag er, og hvorfor det er vigtigt.
Et
alt tag
er en tekstbeskrivelse, der tilføjes til et HTML-billedelement (
<img>
tag). Formålet med alt teksten er at beskrive billedets indhold og funktion for brugere, der ikke kan se billedet. Det kan være på grund af skærmlæsere (som bruges af blinde og synshæmmede personer) eller hvis billedet ikke indlæses korrekt.
Sådan ser et
<img>
tag med et alt tag ud i HTML:
<img src="seo-virker.jpg" alt="Profilbillede af glad person">
Jeg håber, dette giver jer en bedre forståelse af, hvad et alt tag er, og hvorfor det er vigtigt. Hvis I har flere spørgsmål, så tøv ikke med at stille dem
En solnedgang ved stranden:
<img src="solnedgang.jpg" alt="En smuk solnedgang med orange og lilla farver ved en strand">
En person, der cykler:
<img src="cyklist.jpg" alt="En person i hjelm og sportstøj cykler på en landevej">
Et billede af en bærbar computer:
<img src="laptop.jpg" alt="En åben bærbar computer på et træbord med en kaffekop ved siden af">
En solnedgang ved stranden:
<img src="solnedgang.jpg" alt="Billede">
(For vag og generel beskrivelse)
En person, der cykler:
<img
src="cyklist.jpg"
alt="">
(Ingen beskrivelse er tilføjet)
Et billede af en bærbar computer:
<img src="laptop.jpg" alt="Laptop billede grafik computer">
(Stikord er ikke en beskrivende tekst)
Husk at skrive klare, præcise og beskrivende alt tags, der giver værdi for brugere, der ikke kan se billedet, og hjælper med søgemaskineoptimering.
I en browser kan du se alt tags på flere måder. Her er nogle metoder, du kan bruge:
Højreklik på billedet: Når du højreklikker på et billede i en browser som Chrome, Firefox, eller Safari, kan du vælge "Inspicér" eller "Inspect Element" fra kontekstmenuen. Dette åbner browserens udviklerværktøjer, og du vil kunne se HTML-koden for billedet, herunder alt tag.
Vis kildetekst: Du kan også se en hjemmesidens kildetekst ved at højreklikke på siden (ikke på et billede) og vælge "Vis kildekode" (View Page Source) eller "Vis kildetekst" (View Source). Dette vil vise dig hele HTML-koden for siden, og du kan søge efter <img>
tags for at finde alt tags. Du kan bruge søgefunktionen i browseren (Ctrl + F eller Cmd + F) og søge efter "alt=" for at finde alt tags hurtigere.
Husk at alt tags kan være skjult for almindelige brugere, der ikke inspicerer koden eller bruger skærmlæsere.
Søren Riisager
Teknisk SEO-ekspert med stor viden og erfaring inden for crawlability, struktureret data, hastighedsoptimering og site-arkitektur. Han er kendt for sin evne til at løse selv komplekse tekniske problemer og forklare tekniske koncepter på en forståelig måde.
Giv os et kald eller send en mail
Vi glæder os til at samarbejde med dig
+45 7060 3616 -
[email protected]
