Development

Vi er specialister i kode. Især i Umbraco CMS. Vi er Umbraco Gold Partner og et Umbraco Cloud Powerhouse. Vores seniorudviklere anstrenger sig for at skrive kode af høj kvalitet – leveret til tiden og med fokus på forretningen. 

  • data
  • seo
  • forretningsudvikling
  • ux

Det betyder ’Core Web Vitals’ for SEO og UX

Skrevet af Anders Nysom | 28-02-2021

Google specificerer fra 2021, hvad der reelt vejer på den positive og negative vægtskål, når det kommer til SEO. I denne artikel får du et indblik i, hvad Core Web Vitals er og hvordan I optimerer jeres website med henblik på både SEO og faktisk også UX. Det er nemlig to størrelser, der hænger meget tæt sammen. 

I artiklen ser vi på:

  • Hvorfor er maj 2021 interessant SEO-mæssigt?
  • Hvad er Core Web Vitals?
  • Introduktion til de tre målepunkter i Core Web Vitals
  • Hvordan måler jeres virksomhed Core Web Vitals?
  • Hvordan forbedrer I jeres score?
  • Og til slut: Fordelene ved en serviceaftale

Artiklen er god til dig, der vil have indblik i, hvad SEO-indsatsen teknisk set kræver i 2021 og fremover – vi anbefaler, at du allierer dig med en rar udvikler 😎

Optakt: Baggrunden for Core Web Vitals

Det er næsten ligegyldigt, hvilken slags forretning du driver: Det er vigtigt at blive fundet, og derfor har det betydning, hvordan din virksomhed placerer sig i Googles søgeresultater. I den henseende er søgemaskineoptimering afgørende, og du har sikkert allerede arbejdet med SEO i mange år. SEO er en levende størrelse, der hele tiden udvikler sig – området er markant anderledes i dag, end det var for 15 år siden.

De senere år er der heldigvis også kommet mere fokus på ikke bare at blive set, men på at give den besøgende en reel og god oplevelse på websitet. Adskillige studier har vist en direkte sammenhæng mellem et websites user experience og dets konverteringsrate. Det behøver man ikke tænke meget over, før det giver mening. Det er i øvrigt noget, vi her hos GORM Agency ofte oplever på tæt hold og sammen med vores kunder optimerer.

Netop brugernes oplevelse bliver vigtigere fremover.

Hvorfor er maj 2021 interessant for SEO?

I maj 2020 annoncerede Google, at de vil måle på et websites ydeevne på tre udvalgte punkter, og det er dem, der gemmer sig bag navnet Core Web Vitals. I november 2020 meddelte de yderligere, at Core Web Vitals bliver en integreret del af den algoritme der styrer, hvor højt et website rangerer i søgeresultaterne, og samtidig blev det offentliggjort, at udrulningen af Core Web Vitals sker i maj 2021.

Fra endelig annoncering til udrulning er der altså seks måneder, hvor hjemmesideejere, udviklere og andet SEO-godtfolk har mulighed for at optimere ydeevnen på deres website, så det fra ”begyndelsen” imødekommer de specificerede krav. Vi oplever, at det er en nyhed, der er gået de fleste forbi, og derfor har vi udarbejdet denne guide, så du i ro og mag kan læse, hvad I kan forvente.

Hvornår er god SEO så godt nok fremover? Det afhænger af konkurrencen på de søgeord, I vil rangere højt på i søgeresultaterne. Stopper I med at fokusere på jeres website og dropper arbejdet med SEO, mens jeres konkurrenter fortsætter, så vil I hurtigt opleve at 2021 Q1’s perfekt bliver 2022 Q1’s elendigt. Og så er det med at tage teknisk SEO alvorligt.

SEO bliver ikke vendt på hovedet 🙃

Det er vigtigt at understrege, at SEO ikke bliver vendt på hovedet med udrulningen af Core Web Vitals. Det er præciseringen, der er ny. SEO har været lidt af en black box-disciplin, og det rokker Google til dels på nu. Nu ved vi mere om, hvad der bliver lagt vægt på – og dermed hvornår noget er godt, udholdeligt eller til dumpekarakter.

Betragt derfor Core Web Vitals som en hidtil uset præcisering ift., hvad der reelt betyder noget på området for teknisk SEO. Dertil kommer fortsat arbejdet med at optimere jeres indhold SEO-mæssigt og naturligvis også linkbuilding. Tilsammen udgør det jeres samlede SEO-indsats. Teknisk SEO er imidlertid det bærende fundament: I kan have nok så meget indhold og en fremragende backlinkprofil, men hvis jeres website tager 1 minut om at loade, så vil I blive ignoreret af Google.

Det er ligesom et hus: Hvis fundamentet er støbt forkert, der er sætningsskader op og ned ad alle mure og det vælter ind med vand, så er det ligegyldigt om jeres vinduer er malet med den korrekte maling … For nu at tegne det lidt kasset op 🤓

Læs også: Forskellen på user experience og customer experience

Hvad er Core Web Vitals?

Web Vitals er et initiativ fra Google, der giver os som udviklere og websiteadministratorer en håndfuld standardiserede målepunkter, der tilsammen indikerer hvor godt et website klarer sig på en lang række områder. Områderne er betydningsfulde, fordi de tilsammen danner rammerne for brugeroplevelsen med et givent website. Ved at arbejde dedikeret med disse tekniske aspekter af jeres website, så faciliterer I altså en bedre brugeroplevelse. Det er i sidste ende det, det hele drejer sig om.

Core Web Vitals er de områder, som Google lægger mest vægt på. For nuværende består Core Web Vitals af tre overordnede punkter som Google mener, indikerer oplevelsen med et website i den virkelige verden. De er:

  • Loadhastighed
  • Interaktivitet
  • Såkaldt visuel stabilitet

Vi kan forvente at Google opdaterer deres fokuspunkter over tid.

1) Loadhastighed – og Largest Contentful Paint (LCP)

Dette punkt er faktisk mere end selve loadtiden: Det er brugerens oplevede loadhastighed og betegnes på godt engelsk Largest Contentful Paint (LCP). LCP er en ny måde at måle loadhastighed på, og dækker over, hvor lang tid det tager siden at indlæse det største, sammenhængende indholdselement. Dette ene indholdselement har nemlig vist sig at være en god indikator for, hvorvidt brugeren kan komme i gang med at bruge sitet.

Et ”indholdselement” er fx et billede, en video eller en tekstblok. LCP forholder sig kun til de elementer som brugeren umiddelbart ser på skærmen når websitet loades, og ikke til elementer der først kommer frem, når man scroller. Dog skal jeres udvikler stadig benytte sig af fx lazy load, da alle de elementer, der loades uden for brugerens visning, kan have indflydelse på, hvor hurtigt elementerne indenfor visningen er klar og dermed giver en god score og brugeroplevelse.

Baggrunden for at arbejde med loadhastighed er ganske enkel: Internetbrugere er notorisk utålmodige, og derfor har optimering af loadhastigheder eller reducering af loadtid længe været et fokuspunkt. Tidligere har man bl.a. målt dette ud fra, hvor lang tid det tog at loade alt sidens indhold, men det viste sig at være unødvendigt, fordi alt indhold immervæk ikke er nødvendigt for at brugeren kan komme i gang med at bruge sitet.

2) Interaktivitet – og First Input Delay (FID)

At Google lægger vægt på interaktivitet betyder ikke at Google er interesseret i, hvor mange elementer man kan trykke på, eller at der er animationer og ting der farer ind og ud alle vegne.

Med interaktivitet menes her, hvor hurtigt din virksomheds website reagerer på brugerinput og giver brugeren respons på, at noget er sket. Det er oplevelsen af dette, altså oplevelsen af hvor hurtigt websitet responderer på input, der gemmer sig i Googles nye måleenhed First Input Delay (FID).

Brugeren skal altså opleve respons fra sitet, når hun klikker eller på anden måde interagerer med websitet.

3) Visuel stabilitet – og Cumulative Layout Shift (CLS)

Visuel stabilitet har at gøre med, hvordan indholdet bevæger sig på websitet og brugerens oplevelse af dette. Det kan både være forstyrrende og uventet, når elementer på websitet bevæger sig uventet rundt, og det er netop det som Cumulative Layout Shift (CLS) måler og udregner en score for.

Der skal her differentieres mellem forventede og uventede bevægelser. Hvis brugeren oplever en animation eller en mikrointeraktion ifbm. en reel interaktion, eller indsender de fx en formular og møder en boks med en statusbesked, så vil disse tilfælde blive tolket som forventelige. De vil altså ikke påvirke scoren negativt.

Men måske kender du det her:

Du læser en artikel, hvor billederne er store og derfor tager noget tid at indlæse. Idet de bliver indlæst, skubber de teksten under sig nedad, og du bliver forstyrret og afbrudt i din læsning.

I visse sjældnere tilfælde er det sågar en bevidst strategi at indhold bliver indlæst senere. Det er kendt som et såkaldt dark pattern, hvor websitet overlagt forsøger at få brugere til at foretage et valg, de faktisk ikke har lyst til, men gennem forskellige manipulationer alligevel gør det. De færreste virksomheder her i Danmark benytter sig af disse uhensigtsmæssigheder, men hvis du vil vide mere om dem, så du kan genkende dem ude på det store internet, så følg linket nedenfor.

Læs også: Dark patterns vildleder dig på nettet – lær at genkende dem

Hvordan måler jeres virksomhed Core Web Vitals?

Google har inkorporeret Core Web Vitals målepunkterne i deres analyseværktøjer og du finder en rapport over dit websites score i Google Search Console.

En anden mulighed er manuelt at måle scoren for en hvilken som helst tilgængelig hjemmeside ved hjælp af Googles web.dev værktøj eller ved at installere en Google Chrome Extension.

Det er i øvrigt vigtigt at I ikke bare måler jeres website en enkelt gang og så tager det for gode varer. Det kan ændre sig markant over tid, og vil ændre sig, hvis ikke I giver det den fornødne opmærksomhed. Fælles for Core Web Vitals målepunkterne er, at de måles ud fra rigtige brugeres oplevelse i den virkelige verden. Det er Googles måde at komme så tæt på brugernes oplevelse som muligt, så der er bedre forudsætninger for at tage hånd om den. Det kan lyde lidt pudsigt, men det giver det eneste retvisende billede af, hvordan websitet reelt yder.

I får dette billede ved at implementere målingerne som en del af jeres trackingsetup, eksempelvis igennem Google Tag Manager. Derved måler I på tværs af browsere, enheder, internethastigheder osv., og får det reelle indblik i, af hvad jeres brugere oplever.

Brug denne huskeregel, når I tester jeres website

Det er vigtigt at I ser på resultaterne for mobilversionen af jeres website. Mobile first, som du sikkert allerede er bekendt med, er officielt en del af Googles algoritme pr. marts 2021 og hvis I ser bort fra mobilversionen, vil I hurtigt opleve en negativ effekt på jeres website og de resultater, I har været vant til.

Hvordan forbedrer I jeres Core Web Vitals score?

Det er i særlig grad her, du skal finde dine udvikler-typer frem. Sammen med dem er der nemlig en række tiltag, I kan se på, så I forbedrer jeres score og dermed brugeroplevelsen på websitet. Hvis det virker lidt uoverskueligt, så kan jeg trøste med at meget af arbejdet ligger hos udvikleren. Tab derfor ikke pusten – gi’ stafetten til kodespecialisterne.

Når et website performer godt, handler det bl.a. om at skrive god kode som eksekverer hurtigt, fjerne unødvendige afhængigheder af tunge tredjepartsressourcer og optimere load af billeder. Billeder er faktisk en af de helt store slugere af båndbredde, og derfor er det vigtigt at man sørger for at lazy loade dem, weboptimere dem og sørge for, at hver enkelt enhed henter det billede, der nu engang passer til den.

Med det væld af forskellige skærmstørrelser, vi har i dag, giver det ikke mening at præsentere en mobilenhed på 3G netværk for et one size fits all-billede, der også bliver brugt på en 25” computerskærm på fastnetforbindelse. Det kan imidlertid være specifikke krav til netop dit website, og derfor er performance enormt vigtigt at drøfte, når man igangsætter et projekt, så det ikke bliver en eftertanke eller noget man slet ikke kigger på.

Læs også: Sådan arbejder vi med udvikling og drift af websites 

Hele ansvaret for en god Core Web Vitals score ligger dog ikke på os som udviklere. Der er flere ting som websiteejere eller de daglige indholdsadministratorer selv kan gøre. 

I skal ligesom os være opmærksomme på kun at anvende billeder på websitet der er optimeret til web, og som har en størrelse der passer med visningen på websitet. Derudover er det en god idé at anvende et CDN foran webserveren, så der kommer ekstra fart på websitet – på den måde sikrer man, at den besøgende får hurtigere load af billeder og andre statiske assets.

Sidst, men måske allervigtigst, kan vi kun anbefale, at I indgår en god serviceaftale for jeres website, så I sikrer, at det kontinuerligt bliver monitoreret for performance. Det er så stor en anbefaling, at vi napper et dedikeret afsnit om det.

Få en serviceaftale, så I har styr på jeres website

Driften er lige så vigtig som udviklingen. Hjemmesider er i langt de fleste tilfælde levende universer og ikke statiske plakater, og derfor er det vigtigt at have en serviceaftale, hvor man kontinuerligt overvåger performance og skruer på knapperne.

Vi gør som udviklere altid vores bedste for at levere et godt produkt, og måler selvfølgelig selv på performance, men det er umuligt at se, hvordan performance reelt er, før et website bliver sluppet løs i den virkelige verden. Dertil kommer, at indholdet på websitet højest sandsynligt ændrer sig over tid, ligesom browsere løbende bliver opdateret. Begge dele kan have uforudsete og alvorlige konsekvenser for performance.

Og tager vi alene Core Web Vitals ind i billedet, så er meldingen fra Google allerede, at de vil ændre sig over tid. Derfor kalder dette alene på, at I bliver ved med at måle og optimere disse punkter, så jeres digitale tilstedeværelse forbliver stærk.

Vil du blive ved emnet lidt endnu?

Du er velkommen til at læse mere her på websitet. Vi har mange artikler om UX, tech og digital marketing, så der er sikkert også mere læsestof for dig. Vil du imidlertid blive ved emnet, og er du frisk på at det bliver noget mere avanceret, så er her vores kilder ift. LCP, FID og CLS.

Loadhastighed - og Largest Contentfuld Paint (LCP)

Interaktivitet - og First Input Delay (FID)

Visuel stabilitet - og Cumulative Layout Shift (CLS)

Uanset hvad, så rigtig god læselyst.