Fikse bildestørrelsesfeil & CLS i WordPress (2026 guide)

I en tid med Core Web Vitals, avgjør hvordan du håndterer bilder din SEO. Historisk sett handlet dette innlegget om AMP-feil. I 2026 er problemet Cumulative Layout Shift (CLS) og kravene til Google Discover.

#Feilen: “Bildestørrelse mindre enn anbefalt”

Hvis du ser dette i Google Search Console, refererer det vanligvis til strukturerte data eller Google Discover. Google krever at bilder er minst 1200px brede for å være kvalifisert for store kort i Discover og News.

Løsningen: Sørg for at ditt og:image og Utvalgte Bilde (Featured Image) er høyoppløselige (f.eks. 1200x675px). Ikke bruk små miniatyrbilder (300px) som ditt primære metadatabilde.

#Ytelsesdreperen: CLS (cumulative layout shift)

Har du noen gang besøkt et nettsted, begynt å lese, og så lastet et bilde og dyttet teksten ned? Det er CLS. Google hater det (og tall viser at brukere gjør det også).

#1. Sett alltid width og height

Nettlesere må vite sideforholdet før bildet lastes ned for å reservere plass.

<!-- DÅRLIG -->
<img src="photo.jpg" alt="...">

<!-- BRA -->
<img src="photo.jpg" width="800" height="600" alt="...">

WordPress legger til disse attributtene automatisk på standardbilder. Men hvis du hardkoder HTML i temaet ditt, må du legge dem til.

#2. Moderne CSS: Aspect-ratio

I 2026 bruker vi CSS-egenskapen aspect-ratio for å reservere plass for responsivitet, selv for videoer eller bakgrunnsbeholdere.

.card-image {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

Dette sikrer at nettleseren tegner en 16:9 boks umiddelbart, og forhindrer layoutskift.

#”AMP”-arven

Hvis du fortsatt ser gamle AMP-feil:

1. Bannerbilde: Må det være nøyaktig 60px høyt? Nei, det er historie. Bare sørg for at logoen din i Schema.org er 600x60px.
2. Utvalgt Bilde: Må være minst 696px bredt for AMP.

Anbefaling for 2026: Dropp AMP. Moderne WordPress med skikkelig Cache/CDN er raskere enn AMP og gir deg mer kontroll. Fokuser på Core Web Vitals (INP og CLS) i stedet.

#Oppsummering

1. Metadata: Bruk 1200px+ bilder for Utvalgte Bilder.
2. Layout: Inkluder alltid width=".." og height=".." i HTML.
3. CSS: Bruk aspect-ratio for responsive beholdere.
4. Discover: Bilder av høy kvalitet får 3x flere klikk i Google Feed.

Explore os nossos otimização de velocidade WordPress para levar o seu projeto mais longe.