Giv hvert billede en opgave
Et produktbillede skal hjælpe kunden med at forstå varen. Et billede i en case skal vise noget af løsningen. Et rent dekorativt billede har en anden rolle. Afklar forskellen, før du skriver alt-tekster eller komprimerer filer.
Vælg de billeder, der besvarer et konkret spørgsmål. På et møbel kan det være proportioner, samling eller overflade. På en hjemmesidecase kan det være navigation eller et bestemt forløb. Et flot billede, der ikke viser den beskrevne vare eller løsning, kan skabe en forkert forventning.
Brug materiale, som virksomheden har ret til at offentliggøre. Skærmbilleder skal gennemgås for private oplysninger og indhold, der ikke bør ligge offentligt. AI-billeder og mockups skal ikke fremstilles som dokumentation for et faktisk produkt eller en leverance, de ikke viser.
Skriv alt-tekst ud fra billedets funktion
Beskriv det, der er vigtigt i den konkrete sammenhæng. Et informativt billede skal have en tekst, som hjælper en bruger, der ikke kan se det. Undgå at gøre feltet til en liste over søgeord eller gentage hele den omgivende tekst.
Et fiktivt produkteksempel: »Messinggreb set fra siden med afrundede ender« kan beskrive motivet, hvis det faktisk er det, billedet viser. »Billige greb bedste greb køb greb online« beskriver ikke billedet og hjælper ikke brugeren.
Rent dekorative billeder kan have tom alt-tekst. W3C forklarer brugen i sin vejledning om dekorative billeder. Hvis et billede fungerer som et link eller en knap, skal dets tilgængelige navn forklare handlingen eller destinationen. Vurder altid billedet sammen med den omgivende tekst.
Brug kontekst og filnavne som støtte
Placér billedet tæt på den forklaring, det understøtter. En billedtekst kan pege på en bestemt detalje, et tidspunkt eller en begrænsning. Det er især relevant ved før/efter-billeder, hvor læseren ellers kan tro, at begge viser den aktuelle løsning.
Brug et kort, beskrivende filnavn ved nye billeder, når det er praktisk. Et filnavn alene kan ikke gøre et irrelevant motiv relevant. Google beskriver samspillet mellem billedet, alt-tekst og sidens kontekst i sin vejledning om billed-SEO.
Omdøb ikke et stort eksisterende billedarkiv uden at undersøge henvisninger, skabeloner og eventuel billedtrafik. Flytning af filer kan bryde både sidens visning og eksterne links. Bevar en oversigt over gamle og nye adresser, når ændringen er nødvendig.
Tilpas størrelse og kvalitet til visningen
Se på billedets faktiske plads i layoutet. Et lille kort har ikke brug for samme billedfil som en stor detaljevisning. Undersøg, om hjemmesiden leverer passende varianter til forskellige skærmstørrelser, og om billederne er unødigt store i forhold til deres brug.
Komprimér ud fra motivet og kontrollér resultatet visuelt. Produktdetaljer, små tekster og skærmbilleder kan blive utydelige, selv om filstørrelsen ser attraktiv ud. Vælg format efter indhold, gennemsigtighed og den understøttelse, løsningen kræver. Bevar en original, så kvaliteten kan justeres senere.
Reserver billedets plads i layoutet, eksempelvis med kendte proportioner. Det reducerer risikoen for, at teksten flytter sig, når billedet kommer frem. Kontrollér både første indlæsning og ændringer som variantvalg eller åbning af et galleri.
Prioritér de billeder, besøgende ser først
Et stort billede øverst på siden kan være centralt for indlæsningsoplevelsen. Undersøg, hvornår det bliver hentet og vist. En generel regel om at udsætte alle billeder kan forsinke det vigtigste billede.
Billeder længere nede kan ofte indlæses, når der bliver brug for dem, men kontrollér at de faktisk dukker op ved scroll. Gallerier og sliders skal også kunne bruges med tastatur og vise meningsfulde kontrolnavne.
Mål den konkrete side før og efter ændringen. En mindre billedfil hjælper ikke hele oplevelsen, hvis et andet script stadig blokerer visningen, eller hvis kunden ikke længere kan se produktets detaljer.
Kontrollér en hel billedgruppe før du skalerer
Vælg et repræsentativt sæt: produkt, kategori, case og artikel, alt efter hjemmesiden. Gennemgå motiv, tekstalternativ, mobilbeskæring, kvalitet og filstørrelse. Test desuden manglende billeder og lange billedtekster.
Brug Search Consoles billedsøgningsdata, hvor de findes, til at følge relevante sider over tid. Hold billedsøgning og almindelig websøgning adskilt i rapporten. Vurder også kundens mulighed for at vælge produkt eller forstå casen; SEO er ikke det eneste formål med billederne.
Du kan læse om hjemmesideoptimering og SEO-analyse, hvis billeder, skabeloner og indlæsningshastighed skal gennemgås samlet.
FAQ
Skal alle billeder have en beskrivende alt-tekst?
Informative billeder skal have et passende tekstalternativ. Rent dekorative billeder kan have tom alt-tekst. Funktionelle billeder skal have et navn, der forklarer handlingen. Rollen på siden afgør løsningen.
Er WebP eller AVIF altid det bedste valg?
Ikke uden at se på motiv, kvalitet og anvendelse. Sammenlign resultat og filstørrelse i den faktiske løsning. Det afgørende er en skarp, understøttet og effektiv visning, ikke formatnavnet alene.
Hjælper det at putte søgeord i filnavnet?
Et beskrivende navn kan give kontekst, men erstatter ikke et relevant billede, en nyttig side og god visning. Undgå gentagne søgeord og unødvendige ændringer af eksisterende filadresser.