Bilder er den vanligste enkeltårsaken til at en WordPress-side laster tregt, og alt-tekst er blant de mest oversette detaljene i norsk webpublisering. Begge deler løses med rutiner, ikke med verktøy.
Størrelse først
Det viktigste grepet skjer før opplasting. Et bilde rett fra mobilen kan være 4000 piksler bredt og flere megabyte stort, mens det vises i 800 piksler på nettsiden.
WordPress lager mindre varianter automatisk, og moderne temaer serverer som regel riktig størrelse. Men originalen ligger fortsatt der, og på et nettsted med hundrevis av bilder blir det mye lagring og mange muligheter for at feil versjon vises.
Skaler ned til den største bredden bildet noen gang vil vises i, pluss litt slingringsmonn for skjermer med høy oppløsning. For fullbreddebilder holder det som regel med 1600 til 2000 piksler. For bilder i brødtekst er 1200 rikelig.
Format
WebP gir betydelig mindre filer enn JPEG med samme kvalitet, og støttes av alle nettlesere i bruk i dag. Bruk det som standard.
Unntakene er få: PNG når du trenger gjennomsiktighet og skarpe kanter, og SVG for logoer og ikoner. AVIF gir enda mindre filer, men støtten er ujevn nok til at jeg ikke ville brukt det som eneste format ennå.
WordPress kan konvertere til WebP ved opplasting, og flere plugins gjør det automatisk for hele mediebiblioteket. Sjekk resultatet på noen bilder manuelt, siden aggressiv komprimering kan gi synlige artefakter i flater og ansikter.
Filnavn
Gi bildet et beskrivende navn før du laster det opp. search-console-indeksering.webp sier noe, IMG_2039.jpg gjør det ikke.
Effekten er beskjeden, men den er gratis, og den gjør mediebiblioteket søkbart for deg selv. Det siste er sannsynligvis den største gevinsten når du to år senere leter etter et bilde du vet at du har.
Merk at WordPress ikke endrer filnavnet i ettertid uten videre. Å rette opp senere krever et verktøy eller manuell erstatning, så det er lettere å gjøre det riktig med en gang.
Alt-tekst
Alt-teksten leses opp av skjermlesere og vises hvis bildet ikke lastes. Den finnes for tilgjengelighet, og SEO-verdien er en bieffekt.
Skriv den som om du skulle beskrevet bildet for noen på telefon:
- Bra: «Resultatrapporten i Google Search Console med stigende kurve for klikk»
- Dårlig: «search console seo google rangering norge»
- Unødvendig: «Bilde av» eller «Illustrasjon som viser». Det vet skjermleseren allerede.
Dekorative bilder som ikke tilfører informasjon skal ha tom alt-tekst, altså alt="". Det forteller skjermleseren at bildet kan hoppes over. Det er riktigere enn å finne på en beskrivelse.
For norske nettsteder er dette også et krav og ikke bare en anbefaling. Manglende alt-tekst er et av de vanligste avvikene i tilgjengelighetserklæringer.
Bildetekst er noe annet
Alt-tekst er for dem som ikke ser bildet. Bildeteksten er for alle, og den leses ofte av flere enn brødteksten.
Bruk den til å si noe teksten ikke sier, ikke til å gjenta det som står rett over. En bildetekst som forklarer hva leseren skal legge merke til i bildet gjør begge deler bedre.
Bredde, høyde og lazy loading
To tekniske detaljer med målbar effekt:
Oppgi bredde og høyde på alle bilder. Da reserverer nettleseren plassen før bildet er lastet, og innholdet slutter å hoppe. Dette er den vanligste årsaken til dårlig CLS. WordPress gjør dette automatisk for bilder satt inn via editoren, men ikke alltid for bilder som kommer fra tema eller sidebygger.
Lazy loading utsetter lasting av bilder lenger nede på siden. WordPress har det på som standard, og det er riktig for de fleste bilder.
Med ett viktig unntak: det øverste bildet på siden skal ikke lazy-lastes. Det er som regel det Google måler som LCP, og å utsette det gjør tallet dårligere. De fleste temaer håndterer dette, men det er verdt å kontrollere. Se Core Web Vitals.
Rydd opp i det du allerede har
Har nettstedet levd noen år, ligger det sannsynligvis hundrevis av bilder uten alt-tekst der. Å gå gjennom dem manuelt i mediebiblioteket er tungt, og de fleste gir opp.
Flere verktøy kan liste opp bilder som mangler alt-tekst, slik at du ser omfanget og kan prioritere. THiS SEO plugin, som jeg selv har utviklet, har en slik kontroll innebygd.
Prioriter uansett: bilder på de mest besøkte sidene først, dekorative bilder sist eller aldri.
Om bildesøk
Bildesøk kan gi trafikk, men for de fleste norske bedrifter er volumet lite og intensjonen svak. Noen får verdi av det, typisk innen mat, interiør, produkter og reiseliv.
Skal du satse på det, er det tre ting som teller: at bildet ligger i relevant tekst, at det har beskrivende filnavn og alt-tekst, og at det er stort nok til å vises godt. Utover det ville jeg ikke brukt mye tid på det.
En rutine som holder
Skaler ned, konverter til WebP, gi filen et beskrivende navn, last opp, skriv alt-tekst med en gang. Fem sekunder per bilde, gjort mens du husker hva bildet viser.
Det er den eneste tilnærmingen jeg har sett fungere over tid. Alt annet blir til en opprydding noen skal ta seg av senere.