Att kontinuerligt optimera din webbplats är precis vad doktorn ordinerat för att upprätthålla en hälsosam annonsstrategi och ett sätt att göra det är att hålla koll på dina Core Web Vitals. Dessa berömda mätvärden kommer att beskriva din webbplats prestanda och ge dig insikter om förbättringar för att höja din användarupplevelse, din positionering i sökmotorer och viktigast av allt dina annonsintäkter!
Vad är Core Web Vitals?
Core Web Vitals är Google’s användarcentrerade mätvärden som används för att följa användarupplevelsen på en webbplats baserat på dess laddningstid, responsivitet och stabilitet i layouten. Det finns tre viktiga Core Web Vitals som framstående utgivare som du inte får missa:
Största innehållsrika bildrutan
Largest Contentful Paint, även känt som LCP, spårar dina webbsidors laddningsprestanda och beskriver hur snabbt sidans innehåll renderas. Det mäter hur lång tid det tar från det att en webbsida börjar laddas tills det största textblocket, videon eller bilden renderas i besökarens visningsområde. För att klara kontrollen med glans bör du sträva efter ett LCP-värde på 2,5 sekunder eller mindre.
Interaktion till nästa mål
Interaktionen som leder till nästa målning, även känd som INP, beskriver hur interaktiva dina webbsidor är. Den håller reda på hur snabbt din webbplats kan ge feedback till användarnas interaktioner. Till exempel, när du lägger till en ny tröja i din kundvagn, uppdateras kundvagnsikonen på webbplatsen för att visa att ett nytt föremål har lagts till.
Det ideala resultatet för dig är en INP på 200 millisekunder eller mindre. Att uppnå en låg INP innebär att din webbplats har god responsivitet och snabbt kan ge användaren visuell återkoppling på deras interaktioner. Om du redan har detta så får du 100 poäng till ditt hus!
Ackumulerad sidomnutning
Har det någonsin hänt dig att du ägnar dig åt att läsa en artikel på en webbplats och plötsligt en bild eller annons slutar laddas och hela sidan driver bort dig från det du läste? Det får dig att vilja slå i väggen. Kumulativ layoutförskjutning (Cumulative Layout Shift), eller CLS som det förkortas, är det viktigaste webbmåttet som beskriver en webbplats stabilitet. Det spårar oväntade förskjutningar i din webbplats layout. Dessa förskjutningar är verkligen frustrerande för alla internetanvändare! Försök därför alltid att hålla din CLS under 0,1!
Dessa skiften inträffar ofta eftersom uppladdade bilder eller annonsutrymmen saknar dimensioner och webbläsaren inte ‘reserverar’ utrymme, så layouten skiftar när en bild äntligen renderas och visar sin storlek. Du kan undvika detta genom att se till att lämpligt utrymme för platserna har reserverats tidigare av dig, så att enheter sätts in i det utrymmet utan att behöva flytta innehåll uppåt eller nedåt.
Varför är Core Web Vitals viktiga för utgivare?
Även om Core Web Vitals inte är den enda faktorn som bestämmer din webbplats sökrankning, påverkar de hur din webbplats annonser presterar. Små detaljer kan fortfarande göra skillnad! Här är några viktiga anledningar till varför kontroller av Core Web Vitals inte bör saknas i din rutin:
Du har bara en chans att göra ett första intryck
Core Web Vitals avgör användarnas initiala uppfattning av din webbplats responsivitet. Baserat på detta första intryck bestämmer besökaren om de vill fortsätta engagera sig med ditt innehåll (inklusive dina annonser!) eller i värsta fall navigera till webbplatsen bredvid.
Upprätthåll en bra användarupplevelse
Frustrerade användare dödar ditt webbplatsengagemang, vilket du behöver för att generera fler visningar och interaktioner med dina annonser. En betydande fördröjning eller innehållsförskjutning gör att användare känner att interaktionerna släpar och sidan är långsam, vilket leder till en hög avvisningsfrekvens. Du kan utforska fler av effekterna av användarupplevelse på din webbplats och hur du förbättrar den i den här artikeln av Itziar, vår UX-ledare!
Förbättra ditt SEO-spel
Core Web Vitals påverkar din webbplats position i sökmotorernas resultatlistor (SERP). Google tenderar att belöna responsiva webbplatser som inte tar evigheter att ladda, levererar snabb feedback på användarens interaktioner och inte förskjuts när innehållet renderas för att säkerställa en bättre användarupplevelse. Ju bättre din webbplats presterar, desto bättre kommer den att rankas i SERP. Följ den här SEO-guiden för utgivare som vi har skapat för att lära dig hur du optimerar din strategi.
Optimera din annonsintäktsgenerering
Annonser är delar av en webbplats som, om de inte hanteras korrekt, kan påverka användarupplevelsen negativt. Och för att fylla dina fickor med annonsintäkter behöver du fungerande annonser som en del av din annonsintäktsstrategi! Hitta rätt balans mellan att ge besökarna en bra användarupplevelse och att optimera din annonseringsprestanda.
Ett sätt att optimera din annonseringsprestanda är att använda metoder för att sälja annonsutrymme som förbättrar laddningshastigheten för dina annonsplatser, som Header Bidding. Kolla in dessa rekommendationer av Chromes Web. dev för att ha effektivt laddande annonser utan att påverka laddningshastigheten.
Ett annat bra tips är att placera annonsplatserna medvetet på webbsidan, så att de inte ändrar position eller överväldigar dina användare. Lär dig hur du kan maximera dina annonsintäkter med dessa annonsplaceringsstrategier från vår AdOps-expert, Germán Tinaut!
Hur spårar man Core Web Vitals?
En av de största uppfinningarna sedan elden är online-verktyg som hjälper oss i vår vardag. Okej, det kanske är lite dramatiskt, men det är sant att det finns gott om fiffiga verktyg där ute som gör det enkelt att spåra mätvärden. Några av de bästa för att spåra dina Core Web Vitals är:
Google Search Console
Det goda gamla’ Google Search Console har ett särskilt avsnitt enbart för Core Web Vitals, som erbjuder en webbplatsövergripande översikt. Det pekar också ut sidor som behöver förbättras, så att du kan ta itu med dem så snabbt som möjligt.
Google Page Speed Insights
Google Page Speed Insights är ett favoritverktyg bland fans som inte kan saknas i din verktygslåda. Det ger en prestandaanalys för mobil och dator. Det ger en bedömning av ditt webbplatsens Core Web Vitals och, som om det inte vore nog, ger det också rekommendationer om hur du kan optimera dem!
WebbplatsTest
WebbplatsTest möjliggör testning från flera platser. Den erbjuder en visuell jämförelse, avancerade prestandadetaljer och en uppdelning av Core Web Vitals.
Fyr
Fyr är ett verktyg integrerat i Chrome DevTools. Det tillhandahåller olika granskningar för prestanda, såsom tillgänglighet, progressiva webbappar, SEO och mer.
Hur man förbättrar Core Web Vitals
1. Reservera plats för annonsenheter
Undvik layoutförändringar genom att reservera utrymme för annonsens höjd. Läs mer om detta och andra strategier för att optimera din annonsplacering och undvika en dålig användarupplevelse från vår AdOps-expert, Germán Tinaut, i den här artikeln.
2. Förbättra serverns svarstider
Förbättra backend-hastigheten så att innehållet som användaren vill se eller komma åt visas snabbt efter att den första begäran har gjorts.
3. Optimera och komprimera din webbplats bilder
Se till att använda moderna bildformat, ändra storlek på element och implementera responsiv webbdesign för snabb laddning.
4. Optimera JavaScript
Minimera och senarelägg laddningen av icke-kritiska JavaScript för att undvika att blockera huvudtråden. Överväg tekniker för koddelning eller att dela upp skript i mindre delar.
5. Utnyttja lat laddning
Fördröj laddningen av bilder som inte syns för att prioritera det initialt synliga innehållet genom att implementera Lazy Loading. Lazy loading är en teknik som skjuter upp laddningen av icke-kritiska resurser vid sidladdning. Istället för att ladda alla tillgångar samtidigt väntar den tills användarens webbläsarfönster ska visa ett element innan det laddas.
6. Minska påverkan från tredjepartsskript
Granska tredjepartsskript (som analys- eller marknadsföringstaggar) och optimera deras laddning för minskad påverkan.
7. Använd ett Content Delivery Network (CDN)
Distribuera dina webbresurser via en Content Delivery Network (CDN). Detta är ett nätverk av geografiskt distribuerade servrar som hjälper till att snabba upp laddningen av webbsidor. Dessa servrar lagrar cachade kopior av din webbplats innehåll och levererar dem från den närmaste platsen till användaren. Detta hjälper till att minska laddningstider baserat på användarnas geografiska platser och förbättra din webbplats prestanda.
8. Optimera dina fonter
Implementera font-display-värden, förladda webbteckensnitt eller använd teckenstorlekar som matchar systemets reservteckensnitt för att minska textrenderingens ändringar.
9. Ange storleksdimensioner för bilder och videor
Att använda attributen width och height på medieelement förhindrar omflöden eftersom webbläsaren reserverar utrymme för dem under laddningen.
Monetisera din webbplats utan att offra dina Core Web Vitals!
Att förlita sig på rätt annonsmonetiseringslösning som maximerar dina annonsintäkter samtidigt som den skyddar dina Core Web Vitals är som att vinna högsta vinsten! Vår prisbelönta Single Tag-annonsmonetiseringslösning är inte bara fullpackad med de bästa funktionerna för att lyfta din annonsstrategi, utan den är också speciellt utformad för att inte störa din webbplats prestanda. Dessutom kommer du att ha ett team av experter i ryggen som hjälper dig att optimera annonsplaceringen, vilket kommer att driva förbättrade Core Web Vitals-mätningar. Kontakta oss för att få veta mer!
