Se på stort set enhver hjemmeside på internettet i dag, og du vil se, at en af de ting, de har til fælles, er billeder. Billeder kan bruges på hjemmesider for at tilføje visuel flair, hjælpe med at illustrere ideer og tilføje til det samlede indhold på siden. Udover at vælge de rigtige billeder og korrekt forberede dem til weblevering, skal du sørge for, at alle dine websteds billeder korrekt bruger Alt-tekst, er en meget vigtig del af korrekt brug af disse billeder til internettet.
Hvad er Alt tekst
Alt tekst er den alternative tekst, der bruges af browsere og andre webbrugere, der ikke kan se billeder. Det er også en af de eneste attributter, der kræves af billedtaggen. Ved at skrive effektiv alttekst sikrer du, at dine websider er tilgængelige for personer, som muligvis bruger en skærmlæser eller anden hjælpesenhed til at få adgang til dit websted. Du sikrer også, at noget vil blive vist i stedet for et billede, hvis det ikke skal læses uanset årsag (forkert vej, transmissionsfejl osv.). Dette er det virkelige formål med Alt-tekst, men dette indhold kan også give dig flere steder at tilføje SEO-venlig tekst, som søgemaskiner ikke straffer dig for (mere om det kort tid).
Alt tekst skal gentage tekst i billedet
Ethvert billede, der har tekst i det, skal have den tekst som den alternative tekst. Du kan placere andre ord i den alternative tekst, men det skal som minimum sige det samme som billedet. Hvis du f.eks. Har et logo til dine billeder, skal Alt-teksten gentage firmaets navn skrevet ud af dit grafiske logo.
Husk også, at billeder som logoer også kan indebære tekst - for eksempel når du ser den røde boldikon på Dotdash-webstedet, betyder det "Dotdash.com". Så den alternative tekst for det ikon kunne sige "Dotdash.com" og ikke kun "firmalogo."
Hold teksten kort
Jo længere din alternative tekst er, desto sværere vil det være at læse af tekstbrowsere. Det kan være fristende at skrive lange sætninger af alternativ tekst (normalt er dette gjort, fordi en person forsøger at sætte tagget med søgeord), men ved at holde dine Alt-tags korte holder dine sider mindre og mindre sider downloadet hurtigere.
En god tommelfingerregel for alternativ tekst er at holde det mellem 5 og 15 ord i alt.
Brug af dine SEO søgeord i Alt Tags
Folk tror ofte fejlagtigt, at alternativ tekst har til formål at sætte søgemaskinens søgeord. Ja, det er en fordel, du kan bruge, men kun hvis den tekst, du tilføjer, giver mening for det virkelige formål med alt-mærket - for at vise intelligent tekst, der forklarer, hvad billedet er, skal nogen ikke kunne se det!
Nu er det sagt, at alt tekst ikke betragtes som et SEO-værktøj, betyder ikke, at du ikke kan bruge dine søgeord i denne tekst. Da alternativ tekst er vigtig og kræves på billeder, er det ikke sandsynligt, at søgemaskiner vil straffe dig for at sætte søgeord der, hvis indholdet du tilføjer giver mening. Bare husk at din første prioritet er for dine læsere. Søgeordspamming i alternativ tekst kan registreres, og søgemaskiner ændrer deres regler hele tiden for at forhindre spammere.
En god tommelfingerregel er at bruge dine søgemaskine søgeord, hvor de passer til beskrivelsen af billedet og ikke bruge mere end et søgeord i din alternative tekst.
Hold din tekst meningsfuld
Husk, at punktet for alt tekst er at definere billederne til dine læsere. Mange webudviklere bruger den alternative tekst til sig selv, herunder ting som billedstørrelse, billednavn, og så videre. Selvom dette kan være nyttigt for dig, gør det ikke noget for dine læsere og bør derfor udelades fra disse tags.
Brug kun blank alt tekst til ikoner og kugler
Med jævne mellemrum bruger du billeder, der ikke har nogen brugbar beskrivende tekst, såsom kugler eller enkle ikoner. Den bedste måde at bruge disse billeder på er CSS, hvor du ikke behøver alternativ tekst. Men hvis du absolut skal have dem i din HTML, skal du bruge en tom altattribut i stedet for at aflade det helt.
Det kan være fristende at sætte et tegn som en stjerne (*) for at repræsentere en kugle, men det kan være mere forvirrende end blot at lade det være tomt. Og at sætte teksten "bullet" vil gøre endnu mere mærkeligt i en tekstbrowser.
Redigeret af Jeremy Girard den 3/3/17
