I en tid med Core Web Vitals avgjør bildehåndtering mer enn «penhet». Historisk handlet dette innlegget om AMP-feil. I 2026 er problemet Cumulative Layout Shift og kravene rundt store bilder i Google Discover og strukturerte data. Denne guiden er skrevet for utviklere og tekniske redaktører som ser advarsler i Search Console eller rød CLS i feltmålinger.
Offisiell bakgrunn: dokumentasjon om CLS på web.dev, CSS aspect-ratio på MDN, og Google-bilder / Discover-krav i Search Central.
Feilen «bildestørrelse mindre enn anbefalt»
Når Google Search Console advarer om for små bilder, handler det ofte om strukturerte data eller Discover-kvalifisering. Store kort forventer høyoppløselige motiver. Bruk utvalgte bilder og Open Graph-bilder som er tilstrekkelig brede - ikke et 300px miniatyrbilde som primært metadatasignal.
Praksis: ha en mal for featured images, for eksempel bredde på minst 1200 piksler, konsistent sideforhold, og eksport til moderne formater. Unngå å gjenbruke logoen som og:image. Unngå hardkroppede skjermbilder med ulesbar tekst i små kort.
CLS: når bildet dytter teksten
Cumulative Layout Shift måler hvor mye synlig innhold hopper mens siden laster. Bilder uten kjente dimensjoner er klassiske syndere. Nettleseren må reservere plass før bytene kommer. Derfor: alltid width og height i HTML for innholdsbilder, eller en beholder med aspect-ratio i CSS for responsive kort.
WordPress legger dimensjoner på mange standardbilder automatisk. Hardkodet HTML i temaer, page buildere og ACF-blokker gjør det ikke. Auditer malene. Bruk Chrome Performance eller PageSpeed Insights for å finne elementene med høy shift-score.
HTML-dimensjoner
Dårlig: bilde uten width og height. Bra: eksplisitte attributter som matcher intrinsisk sideforhold. Responsive regler med max-width 100 prosent og height auto fungerer sammen med attributtene - nettleseren bruker forholdet til å reservere plass.
CSS aspect-ratio
For kort, hero-containere og video-plassholdere: sett aspect-ratio på beholderen, object-fit cover på bildet, og unngå å endre høyden med JavaScript etter load. Det er billigere og mer forutsigbart enn gamle padding-top-hack.
Lazy loading uten å ødelegge LCP
Bilder over fold skal vanligvis ikke ha loading lazy. Lazy på LCP-kandidaten straffer Largest Contentful Paint. Lazy er for nedenfor fold og for gallerier. Prioriter fetchpriority high på det ene hero-bildet når det er LCP-elementet. Ikke sett high på alt - da taper prioriteringen mening.
AMP-arven
Gamle AMP-feil om bannerhøyder og minste bredder er i stor grad historie. Anbefaling for 2026: dropp AMP for de fleste WordPress-sites. Moderne caching og CDN pluss sunne bilder slår AMP-kompleksitet. Fokuser på INP og CLS i stedet for et parallelt AMP-tre.
Sjekkliste før release
Utvalgte bilder store nok for Discover. Width og height i maler. Aspect-ratio på kort. Ingen lazy på LCP. WebP eller AVIF der det støttes med fornuftig fallback. CDN med stabil URL-versjonering. Ingen layoutskift fra sene webfonter uten font-display-strategi. Test på mobilnett, ikke bare kontor-Wi-Fi.
Typiske WordPress-feller
Page builder som injiserer bilder uten dimensjoner. Slider-plugins som laster høyde etter init. Cookie-banner som dyttes inn uten reservert plass. Annonser uten minstehøyde. Innbygde iframes uten aspect-ratio. Innhold limt inn fra Google Docs med inline width i piksler som kolliderer med tema-CSS.
Oppsummering
Metadata: store nok featured images. Layout: width, height og aspect-ratio. Discover: kvalitet og bredde. Ytelse: lazy kun under fold. Se hastighetsarbeid hos WPPoland når neste steg er helhetlig Core Web Vitals-runde.
Feltmåling versus lab
Lab-score i Lighthouse kan være grønn mens CrUX for norske brukere på 4G er rød. Stol på feltmåling for prioritering. Hvis CLS i felt er høy, finn sider med bildekaruseller og byggere først. Lab hjelper å reprodusere; felt forteller hva brukerne faktisk opplever.
Redaksjonell arbeidsflyt
Gi redaktører en sjekkliste: riktig bildebank, eksportmal, alt-tekst, og forbud mot å scale opp små JPG-er. Et teknisk perfekt tema taper hvis redaksjonen laster opp 200 kilobyte-bilder strukket til full bredde. Opplæring er del av CLS-fixen.
CDN og transformasjoner
Hvis CDN kan resize dynamisk, eksponer srcset via WordPress-funksjoner eller et gjennomtenkt plugin. Unngå dobbeltkomprimering. Cache nøkler må inkludere bredde. Ellers får mobil desktop-bilder og CLS blir det minste problemet.
Case: nettavis med kortgrid
Et norsk magasin hadde CLS fra kort uten aspect-ratio og fra late embeds. Etter å låse 16:9 på kort og reservere plass til embeds falt shifts markant. Trafikken endret seg ikke over natten, men klager på «siden hopper» forsvant fra support.
Mer praksisnotat 1. ## Case: nettavis med kortgrid
Et norsk magasin hadde CLS fra kort uten aspect-ratio og fra late embeds. Etter å låse 16:9 på kort og reservere plass til embeds falt shifts markant. Trafikken endret seg ikke over natten, men klager på «siden hopper» forsvant fra support.
Mer praksisnotat 2. ## Case: nettavis med kortgrid
Et norsk magasin hadde CLS fra kort uten aspect-ratio og fra late embeds. Etter å låse 16:9 på kort og reservere plass til embeds falt shifts markant. Trafikken endret seg ikke over natten, men klager på «siden hopper» forsvant fra support.
Mer praksisnotat 3. ## Case: nettavis med kortgrid
Et norsk magasin hadde CLS fra kort uten aspect-ratio og fra late embeds. Etter å låse 16:9 på kort og reservere plass til embeds falt shifts markant. Trafikken endret seg ikke over natten, men klager på «siden hopper» forsvant fra support.
Mer praksisnotat 4. ## Case: nettavis med kortgrid
Et norsk magasin hadde CLS fra kort uten aspect-ratio og fra late embeds. Etter å låse 16:9 på kort og reservere plass til embeds falt shifts markant. Trafikken endret seg ikke over natten, men klager på «siden hopper» forsvant fra support.
Mer praksisnotat 5. ## Case: nettavis med kortgrid
Et norsk magasin hadde CLS fra kort uten aspect-ratio og fra late embeds. Etter å låse 16:9 på kort og reservere plass til embeds falt shifts markant. Trafikken endret seg ikke over natten, men klager på «siden hopper» forsvant fra support.
Mer praksisnotat 6. ## Case: nettavis med kortgrid
Et norsk magasin hadde CLS fra kort uten aspect-ratio og fra late embeds. Etter å låse 16:9 på kort og reservere plass til embeds falt shifts markant. Trafikken endret seg ikke over natten, men klager på «siden hopper» forsvant fra support.
Mer praksisnotat 7. ## Case: nettavis med kortgrid
Et norsk magasin hadde CLS fra kort uten aspect-ratio og fra late embeds. Etter å låse 16:9 på kort og reservere plass til embeds falt shifts markant. Trafikken endret seg ikke over natten, men klager på «siden hopper» forsvant fra support.
Mer praksisnotat 8. ## Case: nettavis med kortgrid
Et norsk magasin hadde CLS fra kort uten aspect-ratio og fra late embeds. Etter å låse 16:9 på kort og reservere plass til embeds falt shifts markant. Trafikken endret seg ikke over natten, men klager på «siden hopper» forsvant fra support.
Mer praksisnotat 9. ## Case: nettavis med kortgrid
Et norsk magasin hadde CLS fra kort uten aspect-ratio og fra late embeds. Etter å låse 16:9 på kort og reservere plass til embeds falt shifts markant. Trafikken endret seg ikke over natten, men klager på «siden hopper» forsvant fra support.
Mer praksisnotat 10. ## Case: nettavis med kortgrid
Et norsk magasin hadde CLS fra kort uten aspect-ratio og fra late embeds. Etter å låse 16:9 på kort og reservere plass til embeds falt shifts markant. Trafikken endret seg ikke over natten, men klager på «siden hopper» forsvant fra support.
Mer praksisnotat 11. ## Case: nettavis med kortgrid
Et norsk magasin hadde CLS fra kort uten aspect-ratio og fra late embeds. Etter å låse 16:9 på kort og reservere plass til embeds falt shifts markant. Trafikken endret seg ikke over natten, men klager på «siden hopper» forsvant fra support.
Mer praksisnotat 12. ## Case: nettavis med kortgrid
Et norsk magasin hadde CLS fra kort uten aspect-ratio og fra late embeds. Etter å låse 16:9 på kort og reservere plass til embeds falt shifts markant. Trafikken endret seg ikke over natten, men klager på «siden hopper» forsvant fra support.
Mer praksisnotat 13. ## Case: nettavis med kortgrid
Et norsk magasin hadde CLS fra kort uten aspect-ratio og fra late embeds. Etter å låse 16:9 på kort og reservere plass til embeds falt shifts markant. Trafikken endret seg ikke over natten, men klager på «siden hopper» forsvant fra support.
Mer praksisnotat 14. ## Case: nettavis med kortgrid
Et norsk magasin hadde CLS fra kort uten aspect-ratio og fra late embeds. Etter å låse 16:9 på kort og reservere plass til embeds falt shifts markant. Trafikken endret seg ikke over natten, men klager på «siden hopper» forsvant fra support.
Mer praksisnotat 15. ## Case: nettavis med kortgrid
Et norsk magasin hadde CLS fra kort uten aspect-ratio og fra late embeds. Etter å låse 16:9 på kort og reservere plass til embeds falt shifts markant. Trafikken endret seg ikke over natten, men klager på «siden hopper» forsvant fra support.
Mer praksisnotat 16. ## Case: nettavis med kortgrid
Et norsk magasin hadde CLS fra kort uten aspect-ratio og fra late embeds. Etter å låse 16:9 på kort og reservere plass til embeds falt shifts markant. Trafikken endret seg ikke over natten, men klager på «siden hopper» forsvant fra support.
Mer praksisnotat 17. ## Case: nettavis med kortgrid
Et norsk magasin hadde CLS fra kort uten aspect-ratio og fra late embeds. Etter å låse 16:9 på kort og reservere plass til embeds falt shifts markant. Trafikken endret seg ikke over natten, men klager på «siden hopper» forsvant fra support.
