Core Web Vitals: Google har annonceret 2021 handler om det – 6 nemme tips til at blive klar

Core Web Vitals: Google har annonceret 2021 handler om det - 6 nemme tips til at blive klar

Google har altid stræbet efter at give den bedste brugeroplevelse for alle, der bruger deres platform. Det er derfor, de altid fokusere på et væld af forskellige ranking faktorer, som vil afgøre, hvilke hjemmesider skal vises på hvilke positioner.

  1. Hvad er Core Web vitals?
  2. Hvordan vil Google Core web vitals påvirke din hjemmesides trafik?
  3. Hvordan måler du din hjemmesides performance?
  4. 6 nemme tips til at forberede din hjemmeside til Core Web Vital opdateringen
  5. Anbefales og anbefales ikke ved optimering af Core Web Vitals
  6. Konklusion
  7. FAQ

Som du ved, har indlæsningstiden på en hjemmeside altid været en stor faktor, men der er nu ændringer for 2021. Deres nyeste pressemeddelelse om ændringerne i deres søgemaskine vil være en game-changer i web-industrien. Denne kommende ranking faktor betegnes som ‘Core Web Vitals’ har fået mange hjemmesider til at genoverveje deres hjemmesiders brugeroplevelse.

Lad os dykke dybere ind i, hvad denne nye ranking faktor opdatering er, og hvordan det vil påvirke søge placeringer og den samlede søgemaskine optimering.

Hvad er Core Web vitals?

Google har annonceret denu yderligere måler på tre ting, designet til at måle web-funktionalitet og, endnu vigtigere, hjemmesidens brugeroplevelse ved hjælp af hvilke hjemmesider vil blive rangeret i søgemaskinen. Den nye opdatering er rullet ud på nuværende tidspunkt.

Disse målinger vil evaluere visse faktorer som din hjemmesides indlæsningshastighed, mobilkompatibilitet osv.

Selv om det forventes for Core Web Vitals at udvikle sig, vil de i første omgang fokusere på tre brugeraspekter:
1. Largest Contentful Paint (LCP)
2. First Input Delay (FID)
3. Cumulative Layout Shift (CLS)

Forklaring af Core Web Vitals målingerne

Før du bygger din hjemmeside, bør du overveje mange faktorer, der vil hjælpe din hjemmeside med at opnå bedre placeringer i søgemaskinerne. Med den nye 2021 opdatering, er disse tre vitale målinger lige så afgørende for at blive overvejet for en god placering sammen med de andre elementer.

Largest Contentful Paint (LCP)

Hvis jeg forsøger at forklare det i enkle vendinger, måler LCP hvor hurtigt din hjemmeside interagerer med den besøgende. LCP måler den største indholds- eller billedblok i browseren, og alt, hvad der overstiger denne ramme, tælles ikke.

Google har sat standarden på 2,5 sekunder, hvor hjemmesiden skal indlæse alt i den første ramme. De typisk målte elementer omfatter baggrundsbilleder, videoer og afsnitskoder.

First Input Delay (FID)

FID måler din hjemmesides interaktivitet, dvs. Vi har alle oplevet en forsinkelse i behandlingen af siden, når du klikker på noget for at lære mere, og det tager lang tid at reagere. Google beregner denne brugers frustration i at bestemme rangeringen af din hjememside i søgemaskinerne. Den ideelle FID betragtes som 100 millisekunder eller endnu mindre.

Cumulative Layout Shift (CLS)

CLS er målingen af uventede kumulative layoutskift og sidens overordnede visuelle stabilitet. Denne måling kigger på hvor stabil din hjemmeside loader. Hopper og danser elementerne rundt, eller har du en stabil side?

Lad mig forklare dette ved hjælp af et simpelt eksempel. Lad os sige, at du har fundet noget interessant på siden, og lige når du er ved at klikke på det, vises noget andet, og du ender med at klikke på den forkerte ting.

Den væsentligste årsag til, at tingene er ustabile i layoutet er på grund af de udefinerede billedstørrelser. Lad os sige, at du har et billede på 400 pixel. denne størrelse skal defineres i HTML-koden. Animationer og annoncer kan være nogle andre grunde.

Hvordan vil Google Core web vitals påvirke din hjemmesides trafik?

Nu, hvor vi har de 3 vigtigste dele forklaret så lad os undersøge, hvordan det vil påvirke din hjemmesides trafik. Det er vigtigt at forstå, at de med deres store 2021-opdatering har til hensigt at optimere brugeroplevelsen.

Da sideoplevelsen er et af Googles rangerings faktorer og hvis du ikke optimerer disse, er resultatet sandsynligvis en lavere placering og dermed mindre trafik. Desuden med den utilfredsstillende UX, hvorfor skulle brugerne gide at vende tilbage til din hjemmeside? Uventede layoutskift ses som en meget negativ ting for rangerings faktorene, som du kan forestille dig, at du forsøger at klikke på en knap, og pludselig sker der et uventet layoutskift, og knappen er flyttet, og du har nu klikket et andet sted.

Med denne opdatering har Google i teorien presset hjememsiderne til at skabe sider, som brugerne ville nyde, hvilket fører til øgede forretningsmuligheder.

Bortset fra at påvirke det samlede søgeresultat, vil denne nye opdatering være den vigtigste faktor i placering i de øverste resultater i søgeresultaterne. Det betyder enten du går en ekstra mil for at tilpasse din hjemmeside til den nye 2021 opdatering eller du ender med at miste din hjemmesides trafik helt.

Ifølge Googles nyeste forskning om emnet, er der 24% færre chancer for besøgende opgiver at vente på en hjemmeside loader, selvom hjemmesiden opfylder anbefalingerne efterfulgt af denne opdateret. Hvis du er en erfaren hjemmeside ejer, ved du hvor vigtigt dette er, som kan øge trafikken til din hjemmeside betydeligt. De største anbefalinger fra mig er at teste din egen hjemmeside hvor du sætter dig i dine besøgendes sted, og virkelig lægger mærke til, om du oplever noget, som vil påvirke din hjemmeside dårligt, med hensyn til rangerings faktorer.

Hvordan måler du din hjemmesides performance?

Den nye opdatering har gjort mange hjemmesider bekymrer sig om deres hjemmeside ydeevne med fokus på brugeroplevelsen. Der er imidlertid en nem løsning på dette problem. Alt hvad du skal gøre er at måle, hvordan din hjememside klarer sig, og optimere din hjemmeside til at blive bedre. Ja, det lyder nemt, men du kan løbe ind i nogle problemer. Der er mange værktøjer til rådighed, der kan give dig de mest præcise oplysninger om din hjemmeside.

Google Page Speed Insights har alle de data, der er relateret til de tre vigtige målinger. Alt du skal gøre er at indtaste din hjemmeside, herefter skal du klikke på ‘analyser’ valgmuligheden, og voilà! Din hjemmesides resultater vil være klar til dig på én side.

Hvis du vil se problemerne med din hjemmeside, er Google Search Console en bedre løsning end Google PageSpeed.

Chrome UX-rapport, Udviklerværktøjer, Lighthouse og Web Vitals Extension kan også hjælpe dig med at evaluere din hjemmesides effektivitet.

Chromes udviklerværktøj er et sæt webudviklerværktøjer, der er bygget i en Chrome-udvidelse. Disse værktøjer kan hjælpe dig med at undersøge, hvad der tager for meget tid på at indlæse på din hjemmeside, har du nogle billeder, som ikke kan findes, eller måske har du nogle SSL problemer. Alle disse problemer kan løses ved hjælp af denne Chrome udvidelse.

Hvordan holder du øje med din hjemmeside i Google Search Console

I Google Search Console har du et menupunkt ved navn “Core web vitals”, ved at klikke på, at du kan få indsigt i, hvordan din hjemmeside klarer sig.

Rapporten er trukket fra Chrome UX rapport, det afspejler de reelle brugsdata på din hjemmeside fra alle dine besøgende rundt om i verden. Men hvis du er en ny hjemmeside og ikke har en masse trafik, vil du se nogle tomme grafer, hvor de anbefaler, at du går til PageSpeed Insights for at få indsigt i, hvordan din hjemmeside klarer sig.

Via denne rapport kan du få adgang til både laboratoriedata og feltdata for disse nye målinger, som vi har diskuteret tidligere i artiklen.

Chrome UX-rapporten drives af reelle besøgsmålinger af de vigtigste besøgende fra din hjemmeside. Den er baseret på et sæt målinger, som de måler på. Selvfølgelig kan de kun spore de besøgende, der bruger Chrome og har brugsstatistik rapportering aktiveret, men det er alle de besøgende, som dataene er baseret på.

Sådan ser du dataene i Google Analytics

Dan Taylor har udviklet et plugin til WordPress sites for dig at indarbejde alle disse data i din Google Analytics dashboard. Jeg har ikke testet dette plugin endnu, hvis du prøver det så lad mig høre om dine oplevelser.

Dette er et fantastisk værktøj for dig, der ønsker at holde alt på ét sted, i dette tilfælde, i Google Analytics. Det er fuld automatiseret, og du skal bare læse data og foretage ændringer på din hjememside baseret på denne data.

Sådan bruger du Google PageSpeed Insights til at optimere din hjemmeside

Når du smider din hjememside ind i Google PageSpeed Insights, får du straks de resultater, du har brug for. Jeg smed min hjemmeside ind, og jeg har virkelig noget arbejde skåret ud for mig, som du kan se på billedet nedenfor.

phillip stemann siderpeed rapport

Vi har diskuteret mange af termerne du ser på billedet, så det bør give mening for dig, og nu kan du grave i de forskellige elementer. PageSpeed Insights vil give dig et væld af tips og tricks til, hvordan du kan forbedre din score, minimere din indlæsningstid på alle disse 6 punkter. Jeg anbefaler, at du ser på det, som tidligere nævnt i artiklen, dette er et stort fokus for rangering i søgemaskinerne i 2021. Jeg vil varmt anbefale dig at fokusere på disse resultater, da de er nøglen til succes i søgermaskinerne i 2021. Hver måling har sit eget fokuspunkt, og hvis du har en hjemmeside, der scorer godt på dem alle, går du en lys fremtid i møde for din hjemmeside.

Hvad med Google Stories?

Som jeg har nævnt tidligere i min artikel om Stories, er det deres nyeste tilføjelse til deres motor, og det er kommet for at blive. Deres WordPress plugin er ude af beta og folk bruger det aktivt. Denne nye opdatering vil påvirke det positivt set fra en hjemmesides perspektiv, før var du nødt til at aktivere AMP at kunne bruge Stories, det er ikke et krav længere.

6 nemme tips til at forberede din hjemmeside til Core Web Vital opdateringen

Det er altid en klog idé at forberede de ting, du ved der vil ske i stedet for at bekymre dig. Her er nogle tips, så du kan blive klar til denne opdatering.

1. Optimer billeder: Optimer dit hovedbanner, så det vises i LCP punktet, ved enten at komprimere det eller konvertere det til et mere praktisk format.

2. Kig på din web hosting: En effektiv web-hosting-tjeneste kan forkorte tidspunktet for JavaScript udførelse og minimere eventuelle forsinkelser der opstår under brugerinteraktion. Hvis du ønsker at få inspiration, jeg har skrevet, hvem jeg synes er den bedste WordPress hosting i 2021. Jeg vil dog også anbefale dig at kigge ind i et cache plugin som WP Rocket, da det båder minimerer JavaScript, men også kombinerer alle dine JavaScript-filer til en fil, der resulterer i hurtigere indlæsningstid.

3. Hold dit indhold relevant: Der er ikke noget bedre end indhold af høj kvalitet til at tiltrække besøgende. Mens andre faktorer påvirker søgemaskinens placering, forbliver indholdet kongen.

4. Mobilvenlighed: Google anerkender mobilresponser som en topprioritet i UX-design i opdateringen fra september 2020.

5. Plads til indlæsning: Nøglen til at vedligeholde CLS er altid som minimum at inkludere højde- og breddeattributter på dine videoelementer og billeder. Dette hjælper din browser til at reservere tilstrækkelig plads, mens medierne loader og dette gør du undgår pludselige ændringer i dit design.

6. Brug en CDN til globale besøgende: Hvis din hjemmeside henvender sig til et verdensomspændende publikum, så er en CDN din bedste ven, da det kan hjælpe med at optimere din LCP tid. Jeg har skrevet en dybdegående artikel om KeyCDN, måske er det en CDN for dig?

subscribe to my newsletter

Modtag Software reiews

Jeg sender et nyhedsbrev hver uge med et software review hvor du kan drage fordel af det.

    Anbefales og anbefales ikke ved optimering af Core Web Vitals

    Når det kommer til Core Web Vitals er der mange måder at gøre det på, men der er absolut også måder ikke at gøre det. Lad os dykke ned i dem her.

    DOSDON’TS
    Largest Contentful Paint (LCP)Identificer det største element på siden, og prøv at optimere det i sideindlæsningen. Ændre størrelsen på elementerne for at sikre, at det største element er det ønskede element. Levere eller komprimere banner- eller billeder i et nyt format som WebP eller JPEG 2000. Brug værktøjer til at optimere serversvar som caching og CDN-brug.Brug ikke et stort billede eller banner, medmindre det er nødvendigt.
    First Input Delay (FID)Bryd de lange tråde i små bidder, så siden ikke går i står under indlæsningen og brugeren kan give input hurtigt.Kør JavaScript eller hent kode, medmindre det er påkrævet.
    Cumulative Layout Shift (CLS)Fjern enhver aktivitet på siden, der opstår uden interaktion mellem en bruger. Fjern eventuelle modstridende eller redundante CSS koder, der kan ændre sidelayoutet efter indlæsning. Til animationer kan du få hjælp fra CSS-transformeringsegenskaben.Indsæt ikke indhold på det allerede eksisterende indhold.

    Konklusion

    Opdateringen er skudt ud, og Google har givet seks måneders varsel, før ændringerne blev skudt i gang. Derfor skal du i gang nu med at investere i sideoplevelsen på din hjemmeside, så din hjemmeside ikke rangerer dårligere efter opdateringen.

    Mens de har udstedt de detaljerede retningslinjer i henhold til Core Web Vitals, forventes disse målinger at ændre eller udvikle sig. Derfor er det nødvendigt at holde din hjemmeside opdateret for at holde trit med tempoet Google ændrer og udvikler deres algoritmer.

    Dette er blot endnu et eksempel på at du altid skal holde dig opdateret for at trives i den hastigt voksende web-industri.

    FAQ

    Hvad er Core Web Vitals?

    Core Web Vitals er de målinger, der bestemmer hjemmesiderne brugeroplevelse og er nogle af de faktorer Google bruger til at rangere din hjemmeside. De tre Core Web Metrics omfatter:
    — Largest Contentful Paint (LCP)
    — First Input Delay (FID)
    — Cumulative Layout Shift (CLS)

    Hvad er CLS?

    CLS (Cumulative Layout Shift) er den kernewebmetrik, der måler din hjemmesides visuelle stabilitet. Den kvantificerer, hvor ofte designet ændres under brugerinteraktionen. En lav CLS betyder, at din hjemmeside har et minimum af ændringer, hvilket i sidste ende optimerer brugerens oplevelse.

    Hvad er FID?

    FID (First Input Delay) er en Core Web Metric, som måler sidens reaktionsevne under brugerinteraktionen. En lav FID betyder en brugervenlig side.

    Hvad er LCP?

    LCP (Largest Contentful Paint) måler ydeevnen for indlæsning af din hjemmeside og evaluerer også det største indholdselements indlæsningstid, der er synlig i visningen.

    Posted by
    Phillip Stemann

    Jeg har arbejdet i webbranchen i over 10 år, og jeg har lavet alle fejlene, så du ikke behøver. Jeg er her for at hjælpe dig med ikke kun at optimere din hjemmeside, men også til at automatisere dine manuelle processer. Dette giver dig mulighed for at fokusere på det, du er god til. At vokse din virksomhed!