Teknisk Marknadsföring, Tjäna pengar på dina Bloggar och Prylar

Kärnwebben: Vad är de? Hur är de avgörande för SEO?

 Kärnwebben: Vad är de?  Hur är de avgörande för SEO?

Du bör optimera dina webbsidor för en sömlös användarupplevelse. Men hur kan du mäta kvaliteten på användarupplevelsen på en webbplats? Det är där Core Web Vitals kommer in.

Core Web Vitals är en uppsättning mätvärden som används för att bedöma hur användare upplever en webbsida. De mäter dimensioner på webbplatsen som laddningstid, lyhördhet och interaktivitet.

Google lägger vikt vid UX, och Core Web Vitals är en del av förbättrad UX. Att förbättra Core Web Vitals-poängen på din webbplats hjälper därför till att förbättra SEO.

I den här artikeln kommer jag att diskutera vad Core Web Vitals är, hur de påverkar SEO och dela de olika sätten att förbättra Core Web Vitals-mått för att öka UX.

Låt oss börja!

Hur/var hittar jag Core Web Vitals-rapporten?

Rapporten Core Web Vitals indikerar prestandan för din webbsida baserat på verklig användningsdata. Den visar URL-prestanda grupperad efter status, statistikgrupp och URL-grupp (grupp med liknande webbsidor)

Google ger dig flera sätt att mäta Core Web Vitals prestanda. Dessa inkluderar:

  • Google Search Console
  • Page Speed ​​Insights
  • Chrome DevTools

Så här använder du dessa verktyg för att mäta poängen för Core Web Vitals.

Core Web Vitals Report i Google Search Console

Du kan utvärdera din webbplats Core Web Vitals via den nya rapporten i Google Search Console.

För att hitta rapporten, gå till “Core Web Vitals” under “Experience”, som visas i bilden nedan.

Det finns två distinkta rapporter, en för mobil och en för dator.

I varje rapport hittar du information om webbadresser och deras resultat.

Detta är idealiskt eftersom du hittar information om hela din webbplats, istället för bara en sida. Från rapporten kan du identifiera webbsidor som kräver uppmärksamhet.

I skärmdumpen nedan kan du till exempel se att det inte finns några sidor med LCP-problem.

Läsa:  3 måste ha BigCommerce-appar för att skjuta i höjden för din e-handelsförsäljning

Du kan klicka på webbadressen för att se alla liknande webbadresser som har samma fel.

Vissa webbadresser kan dock utelämnas från denna rapport på grund av brist på tillräckligt med data för att rapportera. Detta händer när din webbplats är helt ny eller har få målsidor.

Kärnwebben i PageSpeed ​​Insights

Du kan också bedöma Core Web Vitals-rapporten via Googles PageSpeed ​​Insights (PSI). Den här rapporten är baserad på data från Chrome User Experience Report (CrUX).

I den här rapporten hittar du också ytterligare information om element som påverkar mätvärdena för Core Web Vitals. PSI ger dig också förslag på hur du kan förbättra Core Web Vitals-poängen.

För att få din sidhastighet anger du bara din webbadress i den angivna rutan och trycker på knappen “Analysera”.

Nu kommer verktyget att visa Core Web Vitals-resultatet för både desktop och mobil, som visas i bilden nedan.

Tillsammans med problemen ger PageSpeed ​​Insights dig också olika optimeringsmöjligheter, som du kan se på bilden nedan.

Web.dev

Med de uppdaterade Chrome-utvecklingsverktygen kan du hitta och åtgärda visuella instabilitetsproblem på en sida.

Dessutom mäter dessa verktyg också Total Blocking Time (TBT).

TBT visas i det nedre vänstra hörnet av fönstret.

Följ de följande stegen för att analysera viktiga webbläsare med hjälp av ChromeDev-verktyg.

  • För att öppna Dev Tools, högerklicka med musen, välj “Fler verktyg” och klicka på “Utvecklarverktyg”.
  • Navigera till fliken Prestanda.

  • Klicka på inspelningsknappen och ladda om sidan.

  • När sidan har laddats om, stoppa inspelningen.
  • Du kommer att se detaljer om de olika mätvärdena.

Kärnwebben och deras inverkan på SEO och Google Ranking

Core Web Vitals är viktiga för SEO eftersom de ger dig en känsla av hur användarna upplever din webbplats.

När besökare har en felfri upplevelse på din webbplats kommer de sannolikt att återvända, och de kommer sannolikt också att rekommendera webbplatsen till sina vänner.

På samma sätt, om webbsidan inte svarar och full av popup-fönster, kommer de inte att besöka webbplatsen igen.

Därför föredrar Google webbplatser som ger en bra upplevelse, och Core Web Vitals mäter effekten av UX på din webbplats.

Komponenter i Core Web Vitals

Här är huvudkomponenterna i Core Web Vitals:

Largest Contentful Paint (LCP)

Detta är en av mätvärdena du kan använda för att mäta användarupplevelsen. LCP mäter laddningstiden. Mer specifikt mäter den tiden det tar att göra det största innehållselementet synligt för användarens skärm.

Din webbsida måste laddas snabbt för att skapa en trevlig användarupplevelse. Som du redan vet har sidor som laddas snabbare en högre SEO-rankning. Dessutom påverkar laddningstiden också engagemang och konverteringsfrekvens. Så vad mäter LCP?

Beroende på sidelementen är detta vad LCP anser:

  • Bilder
  • H1
  • Textblock
  • Videoaffischbilder
  • Bakgrundsbilder laddade med URL()-funktionen.
Läsa:  6 bästa WordPress-plugins för att hantera möten

Vilka faktorer påverkar LCP och orsakar låga poäng?

  • Långsamma serversvarstider: Långsam server saktar ner laddningstiden och ökar LCP-poängen eftersom det tar längre tid att återge bilderna på skärmen.
  • Rendera blockerande JavaScript och CSS: Om JavaScript och CSS är blockerade kommer det begärda innehållet att ta lång tid innan det visas.
  • Långsamma resursladdningstider: Bilder, videor och andra filer kan också påverka laddningshastighet och LCP.

Cumulative Layout Shift (CLS)

Du måste se till att användarna tycker att det är lätt att använda länkar och knappar på din webbplats för högre konverteringar.

CLS är ett mått som mäter den visuella stabiliteten på en sida. Det hjälper till att identifiera länkar eller knappar som ändras efter att en webbsida laddats. Den visar också svårighetsgraden som användare kommer att uppleva när de interagerar med din webbplats.

Självklart kommer du att bli frustrerad om en webbsida ändrar element medan du läser eller interagerar med den.

CLS hjälper till att förhindra detta genom att låta dig veta om bilder eller länkar förskjuts på en sida efter inläsning. Detta hjälper till att minska avvisningsfrekvensen och förbättrar även försäljningen och användarupplevelsen.

Google multiplicerar effektfraktionen (procentandelen av synvinkeln som skiftade) med avståndsfraktionen (hur långt elementen rörde sig under skiftet) för att beräkna din CLS-poäng.

Fördröjning av första ingång (FID)

FID är ett mått som mäter tidsfördröjning. Detta är tiden mellan den första användarinmatningen på en webbplats, t.ex. ett klick, ett svep eller ett tryck, och när sidan svarar.

Förseningar kan vara frustrerande för alla onlinekonsumenter. Därför är det viktigt att se till att din webbplats är responsiv för att förbättra engagemanget och användbarheten på hela webbplatsen.

Hur man förbättrar Core Web Vitals

Nu när du förstår de olika komponenterna i Core Web Vitals, låt oss titta på varje mätvärdes idealiska värden/poäng.

Vilka är de idealiska värdena/poängen för Core Web Vitals?

  • LCP: Enligt Google är en LCP på 2,5 sekunder eller mindre bra. Om det är mellan 2,5 sekunder och fyra sekunder behöver webbplatsen förbättras, och en poäng högre än fyra sekunder anses vara dålig.
  • FID: För att ge en bra användarupplevelse bör sidor ha en FID-poäng på 100 millisekunder eller mindre.
  • CLS: För en utmärkt användarupplevelse bör en webbplats ha en CLS på 0,1 eller mindre.

Hur man förbättrar LCP

Källa

Så här minskar du LCP som är längre än 2,5 s eller 4 s på mobil och dator.

Minska serverns svarstid och förbättra tiden till första byte

Det långsamma serversvaret är en av orsakerna till dålig LCP. För att mäta serverns svarstid, kontrollera Time to First Byte (TTFB).

Läsa:  Topp 10 tjänster för snabb videonedladdning som Videoder

Närhelst du vill konsumera något webbinnehåll begär webbläsaren det från servern och TTFB mäter den tid det tar för webbläsaren att ta emot den första byten med information från servern. Om du förbättrar TTFB förbättrar du svarstiden.

Du kan minska din serversvarstid genom att uppgradera till en hög server. Du kan kontakta ditt webbhotell för att diskutera de tillgängliga alternativen.

Använd ett CDN

Ett CDN hjälper till att minska tidsfördröjningen. Om din webbsidas besökare befinner sig långt från servern kan det ta tid innan alla bilder och andra filer skickas. Detta kommer att öka både latens och tur och retur-tiden (RTT).

RTT mäts i millisekunder och är längden från det att en webbläsare skickar en förfrågan tills den får ett svar från en server.

Men om du använder ett CDN kommer både tidsfördröjning och RTT att minska oavsett var dina användare är.

Skjut upp JavaScript

JavaScript-filer kan orsaka dåliga LCP-poäng. Men om du skjuter upp JavaScript kommer JS-filerna att bearbetas först efter att HTML-dokumentet har analyserats och DOM-trädet har byggts. Eftersom ingenting kommer att blockera processen kommer LCP-måttet att förbättras.

Ta bort oanvänd JavaScript

Att ta bort oanvänd JavaScript är ett annat sätt att eliminera de renderingsblockerande resurserna. Dessa oanvända JavaScript-filer blockerar webbläsaren från att hantera andra sidladdningsuppgifter. Som sådan kommer detta att fördröja din sidas första färg. Så att ta bort oanvända JavaScript-filer kommer att ha en enorm inverkan på dina sidors prestanda. För att hitta listan över oanvända JavaScript-filer, kolla Google PageSpeed ​​Insights-rapporten.

Optimera dina bilder

För att förbättra LCP måste du också optimera bilder på din webbsida. Se till att bilderna laddas bra på både mobil och dator. Be dina utvecklare att skala ner varje bild enligt kraven för att undvika LCP-problem.

Hur man förbättrar FID

Källa

Här är de bästa sätten att förbättra FID-poängen:

Optimera din CSS-kod

CSS-filer bör laddas ner och analyseras för att minska deras inverkan på FID. Du kan optimera CSS genom att ta bort oanvända CSS-koder eller förminska och komprimera dina filer.

Optimera din JavaScript-kod

JavaScript-uppgifter kan blockera webbläsarens huvudtråd under en längre tid. Du kan minimera tiden JavaScript blockerar huvudtråden genom att:

  • Dela upp långa uppgifter i mindre, asynkrona uppgifter. Håll dina uppgifter under 50 ms för att vara säkra.
  • Minimera mängden data som behöver efterbehandlas på klientsidan.
  • Utforska laddningen på begäran av tredjepartskod som taggar eller analyser. De blockerar ofta huvudtråden.
  • Delegera en del huvudtrådsarbete till webbarbetare. Detta kommer att minska arbetsbelastningen på huvudtråden och förbättra FID.

Ta bort alla icke-kritiska skript från tredje part

Tredjepartsskript kan ha en negativ inverkan på FID. Därför bör du hålla skript från tredje part på din webbplats till ett minimum för att få ett utmärkt FID-värde.

Läsa:  De 10 väsentliga diagrammen och diagrammen för BA

Hur man förbättrar CLS

Källa

Layoutskiften kan vara nedslående och irriterande. Här är några av de bästa sätten att lösa CLS-problem:

Reservera utrymme för annonser, inbäddningar och iFrames

Annonser läses vanligtvis in asynkront och kan resultera i en förskjutning. Du behöver alltså reservera plats för dem i förväg.

I vissa fall levererar inte annonsnätverket annonsen. Kollapsera inte behållaren om detta händer eftersom det kommer att orsaka en layoutförskjutning. Använd istället en platshållare.

Optimera teckensnittsleverans (FOUT/FOIT)

Att inte optimera dina teckensnitt kan också leda till layoutförskjutningar.

När en webbläsare behöver ett teckensnitt från webbläsaren, kommer alla element som använder teckensnittet att döljas tills teckensnittstillgången har laddats ner helt. Detta är känt som blixten av osynlig text (FOIT).

Webbläsare förblir i det här läget tills den anpassade laddas, vilket skapar en blixt av ostilad text (FLOUT). För att förhindra layoutförändringar till följd av olika typsnitt bör din webbplats ladda färre teckensnittsrader.

Storleksmått för media

En av de enklaste CLS-fixarna är att lägga till höjd- och breddattribut till bilder och videor. Detta låter webbläsarna veta hur mycket tid de ska tilldela varje video eller bild i förväg.

Om du inte lägger till dessa attribut kommer nästa bild att flyttas för att ge plats åt den efter att den har laddats. Du kan hitta mått för bilden eller videon du laddar upp genom att öppna DevTools och trycka igenom elementet.

Inaktivera animationer

Du kan skapa kraftfulla element med CSS/JS. De kan dock orsaka layoutförskjutningar. Om du måste inkludera animationer, se till att de ger sammanhang och kontinuitet från stat till stat. Undvik annars animationer.

Slutsats

Sammanfattningsvis är Core Web Vitals de mätningar som Google använder för att utvärdera hastigheten på en viss URL. Dess kärnkomponenter är LCP, FID och CLS, och dessa mätvärden mäter olika aspekter av användarupplevelsen. Eftersom användarupplevelsen är viktig för att öka försäljningen och konverteringarna bör du alltid sträva efter att förbättra dina poäng.

Kom ihåg att använda Google Search Console och PageSpeed ​​Insights för att övervaka hur din sida presterar. Dessa verktyg återspeglar exakt hur användarna upplever din webbplats. Börja optimera din Core Web Vitals-poäng för att öka din SEO.