Er dit website klar til Core Web Vitals?

Core Web Vitals forventes at blive udrullet i løbet af juni 2021. Google har allerede meldt ud, at det vil få direkte effekt på dit websites rangering. Optimerer du derfor ikke dit website til de nye målepunkter, vil det med al sandsynlighed påvirke din trafik fra Google negativt.

Hvad er Core Web Vitals?

Google vil gerne levere de bedste resultater til din søgning – også fremover. Derfor vægter Google brugeroplevelsen højere og højere. Som ny opdatering til Page Experience lancerer Google en ny måleenhed ’Core Web Vitals’, som fokuserer på, hvordan brugeren oplever hastighed og stabilitet på dit website.

Core Web Vitals består af 3 specifikke målepunkter:

  • Largest contentful paint (LCP)
  • First Input Delay (FID)
  • Comulative Layout Shift (CLS)

Core Web Vitals forventes at blive udrullet i løbet af juni 2021. Google har allerede meldt ud, at det vil få direkte effekt på dit websites rangering. Optimerer du derfor ikke dit website til de nye målepunkter, vil det med al sandsynlighed påvirke din trafik fra Google negativt.

 

Core Web Vitals – de tre målepunkter

Her gennemgår vi de tre målepunkter under Core Web Vitals, som det hele handler om:

Umbraco.Web.PublishedCache.NuCache.Property

LCP - Largest Contentful Paint (Hastighed)

LCP er, hvor lang tid det tager det største element på en side om at blive loadet fra en brugers synspunkt. Det er altså en indikation af, hvor hurtigt brugeren kan se størstedelen af indholdet og begynde at interagere med det.

Hvordan kan du forbedre din LCP score?

  • Optimer og komprimer billeder. Fx ved hjælp af tinypng.com
  • Benyt .jpg fremfor .png, hvis muligt
  • Preload fonte og scripts
Umbraco.Web.PublishedCache.NuCache.Property

FID – First Input Delay (Interaktivitet)

FID måler, hvor lang tid der går fra, at brugeren første gang interagere med dit website, til sitet begynder at svare (gælder ikke scroll og zoom). En interaktion kan fx være klik på menuen, ændring i filtrering af produkter, klik på en knap eller indtaste e-mail i en formular

Hvordan kan du forbedre din FID score?

  • Minify CSS og javascript
  • Udsæt CSS/javascript til senere i koden
  • Fjern 3. parts tracking/scripts, hvis de ikke er nøvendige
Umbraco.Web.PublishedCache.NuCache.Property

CLS – Cumulative Layout Shift (Visuel stabilitet)

CLS er et udtryk for, hvor stabil en side er i takt med at den indlæses. Sagt med andre ord, hvor meget skifter layoutet uden at brugeren har interageret med siden. Elementer som flytter sig rundt på siden i takt med at siden indlæses, vil således på virke sidens CLS score negativt.

Hvordan kan du forbedre din CLS score?

  • Giv annoncer og bannere en ’placeholder’, så du undgår, at de kommer til at skubbe til indhold
  • Angiv dimensioner på billeder, så browseren kan afsætte plads til billedet i det synlige vindue på forhånd
  • Brug websikre fonte fremfor specielle fonte

Hvordan tester du Core Web Vitals for dit website?

Der findes en række værktøjer, du kan bruge til at teste hastigheden på dit website. Vi ser nærmere på dem nedenfor:

Lighthouse – er et automatiseret værktøj til at forbedre kvaliteten på dit website. Du indtaster url’en på dit website, og du modtager en række forbedrings- og optimeringsforslag. Lighthouse tester på flere områder, ikke kun performance. Du kan bruge Lighthouse til at teste dit eget og konkurrenternes websites.

Google PageSpeed Insights – er et af de mest anerkendte værktøjer til at teste websites performance. Det måler en sides ydeevne på både mobil og desktop, og giver en række forslag til forbedringer. Du kan bruge Google PageSpeed Insights til at teste dit eget og konkurrenternes websites.

Google Search Console – hjælper dig med at måle søgetrafik og performance på dit website, og lister hvilke tiltag du kan foretage for at optimere indekseringen. Du kan kun teste dit eget website. Desuden benytter Google Search Console data fra ’rigtige brugere’, hvilket gør dine tiltag svære at analysere effekten af, da data ikke er sammenlignelig.

Flown – er et automatiseret test- og analyseværktøj, som samler ovenstående værktøjer fra Google ét centralt sted. Derudover opsamler Flown endnu mere data fra dit website, som ikke er tilgængeligt gennem Googles værktøjer. Det betyder mere indsigt til dig. Fx får du ikke blot af vide, at dit site er langsomt, men Flown fortæller dig, hvorfor det er langsomt. Flown gør det således muligt for dig hurtigere at optimere og forbedre dit website.

Sådan kommer du hurtigt og effektivt i gang med Core Web Vitals

Hvis du synes, at Core Web Vitals virker uoverskueligt, så bare rolig. Vi giver dig her nogle anbefalinger til, hvilke sider du bør analysere og optimere på dit website for at opnå størst mulig effekt.

 

Start med forsiden

  • Mange bruger rammer forsiden og den indeholder ofte mange billeder og elementer, der ikke findes på andre sider

Prioriter kategori- og produktsider

  • Besøgende fra Google rammer for det mest andre sider end forsiden
  • Det er naturligvis vigtigt at disse sider bliver analyseret og optimeret

Husk vigtige SEO-sider

  • Andre vigtige SEO-sider skal analyseres og optimeres
  • Det kan være inspirationssider, SEO-landingpages, m.fl.

 

Core Web Vitals er en opdatering, der ikke kun gavner Google, men lige så meget brugerne, da målepunkterne belønner websites med gode brugeroplevelser. Er du i tvivl om dit website er klar til Core Web Vitals, så kan vi hos Kraftvaerk rådgive dig om tekniske forbedringer til dit website, mens et SEO-bureau (fx InboundCPH) kan rådgive dig om stærk tilstedeværelse på Google platforme.

Vil du vide mere?

Rasmus Kjær Madsen

Director & Head of E-commerce

+45 53 72 97 84
rasmus.kjaer@kraftvaerk.com