Anslut till Senaste Tekniska Nyheter, Bloggar, Recensioner

Hur Googles Core Web Vitals Update påverkar HubSpot-användare

Som webbanvändare har vi alltmer börjat förvänta oss den bästa möjliga upplevelsen när vi surfar på innehåll online. Detta är resultatet av en subtil back-end-revolution: Under åren har sökmotorernas algoritmer utvecklats för att ta hänsyn till användarupplevelsen på allt högre nivåer. Det är nu avgörande att rekommenderat innehåll går utöver grundläggande algoritmkrav för att intelligent förutse och tillfredsställa alla användares behov. Det senaste steget i den processen är Googles uppdatering av grundläggande webbviktigheter.

Kärnwebben är en uppsättning mätvärden som ger en bra indikation på sidans prestanda. Från och med juni 2021 kommer dessa upplevelsestatistik att vägas mer av Googles algoritm i ett försök att säkerställa att organiska sökresultat inte bara ger användarna det innehåll de letar efter, utan också en övergripande positiv upplevelse.

Även om prestandamått inte är allt – trots allt är innehåll fortfarande avgörande – de kan vara din konkurrensfördel. Om du och en konkurrent har liknande domänauktoritet och lika användbart innehåll, kan dina grundläggande webbviktigheter i slutändan avgöra vilken verksamhet som kommer bäst i SERP och i din bransch.

Vad är grundläggande webbviktigheter?

Idéer om sidprestanda för slutanvändare har förändrats under åren, så dessa mätvärden har utvecklats och kommer att fortsätta att göra det. Algoritmuppdateringen 2021 är fokuserad på tre faktorer: laddning, interaktivitet och visuell stabilitet. De nyckeltal som Google använder för dessa faktorer är LCP, FID respektive CLS.

LCP (största innehållsrika färgen): Hur lång tid tar det för den största tillgången ovanför mitten att laddas? Vanligtvis är den tillgången en bild, och det här mätvärdet mäter hur snabb sidhämtning känns för användaren. Målet är att den här tillgången ska laddas inom 2,5 sekunder och om det tar 4 sekunder eller mer kommer Google att läsa det som en dålig upplevelse.

För att förbättra din LCP måste du göra tillgången mindre så att den kan laddas snabbare.

LCP-exempel i webbplatsens prestandaöversikt

Om du är osäker på vilket element på en sida som är LCP, kan du använda prestandafunktionen i Google Chromes utvecklarverktyg. Google har också uppdaterat flera av sina andra webbanalysverktyg för att ange viktiga webbviktigheter.

FID (första ingångsfördröjning): Hur lång tid tar det för en sida att bli interaktiv? Vid vilken tidpunkt i sidladdningsprocessen kan användaren börja klicka runt och rulla? Google vill att denna hastighet ska vara 100 millisekunder eller mindre och anser att allt över 300 millisekunder är en dålig upplevelse.

Den huvudsakliga faktorn som kan fördröja detta är mängden Javascript du har inbyggt i sidan och din webbplats. Du vill att din kod ska vara så smal som möjligt eftersom användarna förväntar sig att webbsidorna ska vara interaktiva omedelbart.

CLS (kumulativt layoutskifte): Hur mycket rör sig en sida när den läses in? Kommer sidan att rycka till på grund av att stora element laddas i långsammare takt än resten av innehållet? Målet är att hålla ditt layoutskiftpoäng på mindre än 0,1, och allt över 0,25 anses vara en dålig upplevelse.

Stora bilder eller interaktiva element är vanligtvis orsaken till förändring, men du kan förhindra att det händer genom att ställa in en fast bredd och höjd i taggarna för dessa element, så att utrymmet som de tar upp kommer att beaktas redan innan de är helt ladda.

Optimera Core Web Vitals på HubSpot-webbplatser

Det är möjligt för HubSpot-sidor att klara alla tre viktiga viktiga uppgifter, men historiskt sett har inte HubSpot-webbplatser de snabbaste laddningstiderna. För att uppnå ett “bra” resultat på alla viktiga uppgifter behöver du i allmänhet ha en ganska smal sida.

De viktigaste sakerna som kan bromsa HubSpot-sajter är formulär och CTA eftersom de har var sitt Javascript. Så om du försöker ha en stark FID måste du begränsa hur många av dem du har på en sida. I vissa fall kan det vara bättre att använda en vanlig hyperlänk istället för en CTA.

HubSpots standardinställningar för filhantering för bilder kan dock vara fördelaktiga för laddningshastigheten. När du laddar upp en bild till filhanteraren kommer systemet automatiskt att skapa en optimerad webP-fil, som hjälper till med FID och LCP. Dessutom, så länge du ställer in bildbredd och storlek i bildtaggarna, kommer HubSpot automatiskt att generera bilden i den storleken och kommer dynamiskt att ladda korrekt version baserat på användarens enhet och webbläsare, vilket minimerar CLS.

Du bör också följa allmänna bästa praxis för optimering av laddningshastighet, till exempel att använda webboptimerade bilder i minsta möjliga storlek, lata inläsning av bilder och att ladda Javascript asynkront via Google Tag Manager.

Takeaway

Att mäta och optimera dina grundläggande webbvitals kommer att vara viktigt framöver för att prestera så bra som möjligt i organisk sökning. Men du måste också komma ihåg varför dessa mätvärden används av Google i första hand: användarupplevelse.

Grundläggande webbviktigheter mäter bara en aspekt av användarupplevelsen din webbplats ger, och om du försummar kvaliteten på ditt webbplatsinnehåll i ett försök att optimera för laddningshastighet kommer du inte heller att rankas bra.

Dina webbsidor måste fortfarande uppfylla syftet de skapades för, så om de behöver CTA:er och formulär, inkludera dem. Om en stor bild ovanför mitten är viktig för ditt varumärke, inkludera den.

Du kan väga för- och nackdelar med de större delarna på specifika sidor som är avsedda att rankas för mycket konkurrenskraftiga sökord, men viktiga webbviktiga uppgifter bör inte prioriteras kring innehåll i din webbplatsstrategi.