Billedoptimering starter med et billede, som støtter læserens opgave. En hurtigere fil gør ikke et irrelevant standardfoto informativt. Vurdér betydning, tilgængelighed og levering samlet, så billeder styrker siden uden at skjule oplysninger for mennesker, som ikke kan se dem.
Afgør, hvad billedet fortæller
Skeln mellem informative billeder, funktionelle billeder og dekoration. Beskriv vigtig visuel information i passende alternativ tekst, og forklar handlingen ved klikbare billeder. Komplekse diagrammer kan kræve en længere forklaring ved siden af. Tilføj ikke søgeord, som ikke beskriver billedets rolle på netop denne side.
Udgiv en tydelig sammenhæng
Brug et passende filnavn, og placér billedet tæt på relevant tekst. Produktbilleder skal vise den faktiske vare og variant. Tænkte illustrationer skal mærkes tydeligt. Lad ikke indlejret tekst i et billede være den eneste måde at formidle vigtige instruktioner, produktvilkår eller priser på.
Styr levering og kontrollér siden
Brug passende filstørrelser og responsive billedteknikker, som platformen understøtter. Reservér plads i layoutet, og undersøg beskæring og forskydning på mobil. Kontrollér, at billedfiler er offentligt tilgængelige, hvor det er tilsigtet. Test den udgivne side, da mediebibliotekets beskrivelse ikke dokumenterer korrekt slutkode.
Brug metoden i praksis
Tænkt gennemgang: En møbelbutik erstatter et dekorativt kategoribanner med en forståelig materialesammenligning, tilføjer en tekstlig forklaring og leverer en passende filstørrelse. Ændringen vurderes gennem nytte og stabil levering frem for et løfte om placeringer i billedsøgning.
Dine næste skridt
- Afgør informative og dekorative billedroller
- Skriv tekstalternativer til den konkrete sammenhæng
- Kontrollér billedlevering og beskæring på mobil
- Undersøg udgivet kode og tilhørende forklaring
Spørgsmål og svar
Skal alle billeder have søgeordsfyldt alt-tekst?
Nej. Tekstalternativer skal formidle relevant betydning. Dekorative billeder har ofte tomt alternativ, mens funktionelle billeder skal have et forståeligt formål.
Undersøger sidetjekket alle websitets billeder?
Nej. Gaveks offentlige sidetjek læser oprindelig HTML fra én side. Det er hverken en visuel tilgængelighedsaudit eller en fuld mediegennemgang.
Dokumentation og videre læsning
- developers.google.com · › search › docs › appearance › google-images
- www.w3.org · › WAI › tutorials › images › decision-tree ›
Se den relaterede dybdegående guide ↗ · Lav en handlingsplan ↗