Vad är Google Core Web Vitals?

Google uppdaterar kontinuerligt det sätt på vilket våra webbplatser rankas för att avgöra var de ska visas i sökmotorerna, ibland utan att någon vet om det, och ibland med en stor avslöjande för världen i stort.

Nyheten om  Core Web Vitals  är ett sådant tillkännagivande. Google vill inte skapa panik hos någon (det har varit tillräckligt med panik under det senaste året utan att de behöver lägga ytterligare krut på det) och har därför varnat webbplatsägare och utvecklare för att de inte kommer att implementera de nya mätvärdena förrän 2021, och kommer att ge alla inblandade minst sex månaders förvarning.

Vilka är de nya  Core Web Vitals  mätvärden?

Introduktion till Google  Core Web Vitals . Det visar sig att de tre nya produkterna inte är så nya. De är redan uppmätta, och du kan hitta deras mätvärden i ett urval av verktyg för utvecklare. Vad Det som är nytt är att alla tre kommer att beaktas som en del av sidrankningsprocessen.

• Laddar - Största Contentful Paint (LCP)
• Interaktivitet - Fördröjning vid första inmatning (FID)
• Visuell stabilitet - Kumulativ layoutförskjutning (CLS)

De nya mätvärdena ingår som en del av din sidan erfarenhet uppgifter.

Långsamma laddningshastigheter leder till förlorad trafik

Enligt Google,

Vem skulle inte vilja öka sin trafik med en så stor mängd, bara genom att se till att de erbjuder en bra webbupplevelse?

Du bör redan vara medveten om din sidupplevelse, eftersom den bidrar till både besökarnas tillfredsställelse och din totala data och effektivitet.

Google berättar till exempel,

Vi vet alltså redan att långsamma laddningstider gör att du förlorar mycket trafik. Har du råd att förlora trafik bara för att din sida laddar lite långsammare än de flesta andra?

De fortsätter med att berätta,

Om det tar mer än 6 sekunder att ladda din sida förtjänar du att förlora den trafiken, och genom att införa dessa nya mätvärden är det vad Google säger till oss.

Se till att du får ordning på dina sidhastigheter, annars straffar vi dig. Men det visar sig att de inte kommer att straffa dig så mycket.

Innehållet är fortfarande kung i SEO-riket

De angav också att  Core Web Vitals  kommer sannolikt endast att användas som en slags utslagsfaktor när flera webbplatser har mycket likartad ranking innehåll.

Sidupplevelse kommer aldrig att rangordning högre än en sida med bra innehåll. Så om du överväger att  Core Web Vitals  SEO effekt, så är den inte särskilt effektiv än så länge. När det gäller bästa praxis för att maximera besökarnas upplevelse och konverteringar är det dock förståeligt att Google ger oss alla en knuff i ryggen för att ta hand om vad de anser vara viktiga mätvärden.

Gör    Core Web Vitals  påverkar rankningen? Än så länge verkar det bara vara så om du ställs mot en mycket likadan sida med mycket likartat innehåll.

Vad betyder laddning, interaktivitet och visuell stabilitet?

När det gäller att mäta dessa nya mätvärden kan Google Sök på Console bör täcka dig, med PageSpeed Insights spelar en stor roll.

Om du behöver fler verktyg för din  Core Web Vitals  test finns det många direkt från Google. Fyren, Chrome DevTools eller . UX Rapportera-är alla värdefulla verktyg för att hjälpa dig att arbeta med din  Core Web Vitals  rangordning och utveckling. Det kommer också att finnas en  Core Web Vitals  tillägg/plugin för Chrome, eller så kan du titta på hur du använder PageSpeed Insights API för  Core Web Vitals  mätvärden.

Största innehållsrika färg (LCP)

LCP tar hänsyn till hur lång tid det tar för din sida att laddas. Detta specifika mått gäller det största elementet på din sida - ofta någon typ av bildformat eller en video fil.

Även detta mäts i din Google Sök konsolen med hjälp av PageSpeed Insights.

Första inmatningsdisplay (FID)

FID är den tid det tar för en sida att vara redo för användarna att interagera med den. Åtgärder som när en knapp är tillgänglig att klicka på, en rullgardinsmeny kan öppnas eller ett formulärfält är redo för inmatning.

Google Search Console innehåller också data för dessa mätvärden och meddelar dig på tre lättförståeliga nivåer om du är bra (grön), behöver förbättras (orange), eller dålig (röd).

Kumulativ layoutförskjutning (CLS)

CLS är hur stabil din sida är när den laddas. I tekniska termer, Det är det uppmätta avståndet och bråkdelen av viewport, som ändras på grund av DOM-manipulation eller avsaknaden av dimensionsattribut för viktiga medieelement.. I lekmannatermer är det de irriterande hopp som dina sidor gör när element fortsätter att laddas när du redan har börjat surfa.

Det är frustrerande att en sida flyttas runt (vilket är mycket vanligare på mobiler än på andra enheter). Därför vill Google att du åtgärdar det.

Hur man förbättrar  Core Web Vitals 

Att använda de verktyg som vi redan har nämnt är det första steget för att mäta din  Core Web Vitals . Du bör använda de olika alternativen för att ta reda på hur väl du fungerar och hur mycket arbete du eventuellt behöver göra eller inte. De kan också hjälpa till att fastställa exakt var dina brister finns.

Förbättra mätvärdena för din största Contentful Paint

Låt oss ta den första av de nya valen.

Om din LCP drar den på mindre än 2,5 sekunder är det bra jobbat - du har inget att oroa dig för. Tider mellan 2,5 och 4 sekunder kräver lite arbete, och över 4 sekunder, ja, låt oss fundera på var dina problemområden kan finnas.

1. Finns det onödiga skript från tredje part på din sida?
   Varje ytterligare skript kommer att lägga till tid till din lastningshastighet.
2. Är det ditt webbhotell som bär skulden?
   Effektivare värdskap innebär följande snabbare hastigheter och laddningstider.
3. Överväg att prova lathet.
   Lazy loading bedömer när varje bild ska laddas när användaren rullar mot nya element. Denna teknik kan avsevärt förbättra din LCP.
4. Behöver du verkligen de största sidelementen? Kan de optimeras?
   När du tränar som elementen är de största på din sida och de som främst orsakar LCP, är de viktiga för din sidupplevelse eller kan du göra dig av med dem helt och hållet? Om de måste vara kvar, har du optimerat dem för varje plattform eller format, eller för att skapa de minsta filstorlekarna?
5. Rensa upp din CSS.
   En otymplig och klumpig CSS kan också fördröja LCP-tiderna. Är din kod ren och välorganiserad? Eller kan detta vara det område som kan hjälpa dig att ta dig ur det röda och tillbaka till det gröna?

Förfining av mätvärden för första inmatningen

Om din FID-metriker är under 100 ms är du på grönt och kan gå vidare. Om du ligger mellan 100 och 300 ms behöver Google göra några ändringar. Om dina resultat är längre än 300 ms är du i rött och måste vidta kraftfullare åtgärder.

Vad kan du prova?

1. Kan du minimera eller skjuta upp ditt JavaScript?
   Det är praktiskt taget omöjligt att interagera med sidelement medan webbläsaren laddar JavaScript.
2. Ta bort onödiga skript från tredje part
   Precis som med dina LCP-mätningar kan skript från tredje part ha stor inverkan på dina resultat. Finns det skript i din kod som du inte behöver?
3. Använd en cache i webbläsaren
   En webbläsarcache gör att innehållet på din sida laddas snabbare, skript hanteras snabbare och din FID förbättras poäng.

Minimera kumulativa layoutförskjutningar

Behöver din CLS arbete? Om din poäng är 0,1 eller mindre är du i Googles "bra" zon. Men om du ligger mellan 0,1 och 0,25 behöver din sida förbättras. Över 0,25 och din sidpoäng är "dålig".

Här är några förslag på hur du kan förbättra din situation för att få ett bättre resultat.

1. Använd inställda storleksattribut för dina mediedimensioner
   För bilder, videor och andra visuella element kan du förinställa dimensioner med hjälp av storleksattribut. På så sätt vet webbläsaren exakt hur mycket utrymme den behöver och tillämpar det medan elementet laddas. Inga fler hoppande sidor - och en enkel lösning.
2. Reservera utrymme för dina annonser
   Om din sida innehåller reklamelement ska du se till att koden innehåller rätt reserverat utrymme för dem. Annonser kan ta lite längre tid att ladda och deras plötsliga uppkomst kan påverka CLS.
3. Kan du placera långsamt laddande element under viken?
   Poster som ligger under viken har större chans att börja laddas ner innan användaren kommer till dem, och de kommer inte att skjuta upp några laddade objekt längre ner på sidan. Om du kan organisera din sidstruktur så att den kompenserar för detta kommer ditt resultat att förbättras.

 Core Web Vitals  - en hälsosam knuff mot bästa praxis och bättre prestationer

Google vill försäkra sig om att vi alla följer de bästa metoderna. Det gör Internet en bättre plats för alla, med strömlinjeformade upplevelser och extra säkerhetsåtgärder. Genom att lägga till nya standarder som helst bör ingå i vår SEO-praxis håller Google utvecklare, marknadsförare och webbplatsansvariga byggare på tårna och skapar ett bättre Internet från grunden.

Den har gjort vår onlinevärld mer mobilvänlig, skapat säkrare surfning och gjort SSL- och HTTPS-drift till standard.

De senaste alternativen påminner oss om att det är viktigt att ta hand om våra användare om vi vill att de ska stanna kvar på våra webbplatser så länge som möjligt, vilket ger oss de bästa förutsättningarna för konverteringar. Även om de vid en första anblick inte kommer att ha någon stor inverkan på vår SEO kan de ändå hjälpa oss att uppnå mycket bättre mätvärden och mer av den försäljning vi siktar på.