Är din webbplats redo för Core Web Vitals?

Core Web Vitals förväntas lanseras under juni 2021. Google har redan meddelat att det kommer att få en direkt effekt på din webbplats rankning. Om du inte optimerar din webbplats till de nya mätpunkterna, kommer det med all sannolikhet att påverka din trafik från Google negativt.

Vad är Core Web Vitals?

Google vill leverera de bästa resultaten för din sökning - även i framtiden. Därför väger Google användarupplevelsen högre och högre. Som en ny uppdatering av Page Experience lanserar Google en ny mätenhet, ”Core Web Vitals”, som fokuserar på hur användaren upplever hastigheten och stabiliteten på din webbplats.

Core Web Vitals består av tre specifika mätpunkter:

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

Core Web Vitals förväntas lanseras under juni 2021. Google har redan meddelat att det kommer att få en direkt effekt på din webbplats rankning. Om du inte optimerar din webbplats till de nya mätpunkterna, kommer det med all sannolikhet att påverka din trafik från Google negativt.

 

Core Web Vitals - de tre mätpunkterna

Här går vi igenom de tre mätpunkterna under Core Web Vitals som det hela handlar om:

Umbraco.Web.PublishedCache.NuCache.Property

LCP - Largest Contentful Paint (Hastighet)

LCP är hur lång tid det tar att ladda det största elementet på en sida ur en användares synvinkel. Det är alltså en indikation på hur snabbt användaren kan se det mesta av innehållet och börja interagera med det.

Hur kan du förbättra din LCP-poäng?

  • Optimera och komprimera bilder, till exempel med hjälp av tinypng.com
  • Använd om möjligt .jpg istället för .png
  • Förinstallera teckensnitt och skript
Umbraco.Web.PublishedCache.NuCache.Property

FID – First Input Delay (Interaktivitet)

FID mäter hur lång tid det tar från det att användaren först interagerar med din webbplats tills webbplatsen börjar svara (gäller inte scroll och zoom). En interaktion kan till exempel vara ett klick i menyn, en ändring i filtrering av produkter, ett klick på en knapp eller att ange e-post i ett formulär.

Hur kan du förbättra din FID-poäng?

  • Förminska CSS och javascript
  • Skjuta upp CSS/javascript till senare i koden
  • Ta bort spårning/skript från tredje part om de inte är nödvändiga
Umbraco.Web.PublishedCache.NuCache.Property

CLS – Cumulative Layout Shift (Visuell stabilitet)

CLS är ett uttryck för hur stabil en sida är när den laddas. Med andra ord, hur mycket ändras layouten utan att användaren interagerar med sidan. Element som rör sig på sidan när sidan laddas kommer således att ha en negativ effekt på sidans CLS-poäng.

Hur kan du förbättra din CLS-poäng?

  • Ge annonser och banners en "platshållare" för att undvika att pusha dem till innehållet
  • Ange dimensioner på bilder så att webbläsaren kan avsätta utrymme till bilden i det synliga fönstret i förväg
  • Använd webbsäkra typsnitt istället för specialteckensnitt

Hur testar du Core Web Vitals för din webbplats?

Det finns ett antal verktyg du kan använda för att testa hastigheten på din webbplats. Vi tittar närmare på dem nedan:

Lighthouse - är ett automatiserat verktyg för att förbättra kvaliteten på din webbplats. Du anger webbadressen på din webbplats och du får ett antal förbättrings- och optimeringsförslag. Lighthouse testar på flera områden, inte bara prestanda. Du kan använda Lighthouse för att testa dina egna och konkurrenters webbplatser.

Google PageSpeed ​​Insights - är ett av de mest erkända verktygen för att testa webbplatsens prestanda. Den mäter en sidas prestanda på både mobil och laptop och ger ett antal förslag på förbättringar. Du kan använda Google PageSpeed ​​Insights för att testa dina egna och konkurrenters webbplatser.

Google Search Console - hjälper dig att mäta söktrafik och prestanda på din webbplats och listar de steg du kan vidta för att optimera indexeringen. Du kan bara testa din egen webbplats. Dessutom använder Google Search Console data från "riktiga användare", vilket gör dina handlingar svåra att analysera effekten av, eftersom data inte är jämförbara.

Flown – är ett automatiserat test- och analysverktyg som samlar ovanstående verktyg från Google på en central plats. Dessutom samlar Flown in ännu mer data från din webbplats som inte är tillgänglig via Googles verktyg. Det betyder mer insikt för dig. Till exempel får du inte bara veta om din webbplats är långsam, Flown berättar även varför den är långsam. Flown gör det således möjligt för dig att optimera och förbättra din webbplats snabbare.

Hur du kommer igång snabbt och effektivt med Core Web Vitals

Om du tycker att Core Web Vitals verkar förvirrande, oroa dig inte. Vi ger dig här några rekommendationer för vilka sidor du bör analysera och optimera på din webbplats för att uppnå största möjliga effekt.

 

Börja med förstasidan

  • Många användare börjar med förstasidan och den innehåller ofta många bilder och element som inte finns på andra sidor

Prioritera kategori- och produktsidor

  • Besökare från Google kommer oftast till andra sidor än förstasidan
  • Det är naturligtvis viktigt att dessa sidor analyseras och optimeras

Kom ihåg viktiga SEO-sidor

  • Andra viktiga SEO-sidor måste analyseras och optimeras
  • Det kan vara inspirationssidor, SEO-landningssidor etc.

 

Core Web Vitals är en uppdatering som inte bara gynnar Google utan lika mycket användarna, eftersom mätpunkterna belönar webbplatser med bra användarupplevelser. Om du är osäker på om din webbplats är redo för Core Web Vitals kan vi på Kraftvaerk ge dig råd om tekniska förbättringar av din webbplats, medan en SEO-byrå kan ge dig råd för en stark närvaro på Googles plattform.

Vill du veta mer?