Google har i de seneste år gjort faktorer som PageSpeed, mobiloptimering og pålidelighed til positive faktorer for rangering i Googles søgeresultater. I maj 2020 annoncerede Google, at visse metrikker, der måler brugeroplevelsen, ville blive samlet under Page Experience-signalerne, og i maj 2021 blev disse Page Experience-signaler rullet ud som en ny rangeringsfaktor for hjemmesider, idet forskellige faktorer blev brugt til at skabe et helhedsbillede af kvaliteten af hjemmesideoplevelsen.

De syv seks primære faktorer for bruger- og sideoplevelsen inkluderer:

• Indlæsningshastighed
• Interaktivitet (FID - indtil februar 2024), Interaction to next Paint (INP - siden marts 2024)
• Visuel stabilitet (kumulative layoutskift)
• Mobiloptimering
• Safe Browsing: ingen malware, ingen brandforfalskning, …
• HTTPS: Kryptering via SSL-certifikat
• Ingen generende interstitials (fuldskærmsbannere)

Indlæsningshastighed i lyset af Core Web Vitals

Indlæsningshastigheden henviser til websitets hastighed, hvor hurtigt hovedindholdet bygges op for din bruger. Google anbefaler tider på op til 2,5 sekunder som en god værdi, som hjemmesideejere bør stræbe efter for deres brugere.

Interaktivitet og responsivitet i lyset af Core Web Vitals

Interaktivitet i form af First Input Delay refererer til, hvornår en side faktisk reagerer, når en bruger ønsker at interagere med den ... f.eks. ved at scrolle eller klikke på en knap. Det beskriver hastigheden, hvormed hjemmesiden reagerer på brugerinteraktioner. Denne periode bør være så kort som muligt, og en god værdi ifølge Google er op til 100 ms. Siden marts 2024 er metrikken blevet erstattet med Interaction to Next Paint (INP). Interaction to Next Paint (INP) måler en websides samlede evne til at reagere på brugerinteraktioner ved at overvåge forsinkelsen af alle museklik, tastetryk og indtastninger, der forekommer under en brugers besøg på siden. Den endelige INP-værdi svarer til den længste observerede interaktion, hvor udsving ikke tages i betragtning. Latens defineres som tidsintervallet mellem en brugerhandling og det synlige respons derpå.

Skriptet til min guide om digital markedsføring, som er lavet i online-applikationen Google Docs, er over 600 sider lang. Mens jeg skrev i de bageste kapitler, bemærkede jeg små mikrorystelser i min browser, da den tydeligvis havde svært ved at indlæse de ressourcekrævende hundrede sider sammen med de mange billedfiler jævnt. Selvom dette ikke nødvendigvis hindrede mit arbejde, udgjorde det dog en reaktiv forstyrrelse i brugen. Derfor oprettede jeg et nyt dokument, hvor kapitlet blev oprettet, for derefter at kopiere det ind i den store skrift. Dette er præcis essensen af interaktiviteten på hjemmesider, at brugeroplevelsen skal være positiv på mange forskellige områder. Det drejer sig derfor om reaktionen på specifikke interaktioner såsom scrolling, klik, gestusstyring og også smidigheden ved animationer.

Kumulative layoutskift i lyset af Core Web Vitals

Kumulative layoutskift, også kendt som CLS-fejl, opstår, når din hjemmeside indlæses asynkront, og en bruger for eksempel allerede læser en sektion længere nede, mens der ovenover stadig indlæses et billede eller en annonce med en stor filstørrelse, som får layoutet til at springe nedad. Dette er ofte årsagen til ikke at bestå Core Web Vitals-testen, selvom din hjemmeside i sig selv indlæses hurtigt.

Test af PageSpeed med online-værktøjer

Du kan teste PageSpeed her:
https://pagespeed.web.dev/
https://gtmetrix.com/

Alternativt kan du også bruge Lighthouse i udviklerfunktionerne i din Chrome-browser. Tryk blot på F12 og find derefter Lighthouse i menuen til højre, hvor du kan teste den aktuelt åbne hjemmeside.

Hjemmeside- og reaktionshastigheden afhænger af mange faktorer såsom serverydelse, kodekvalitet, hvad der indlæses hvornår, billedfilstørrelser, ikoner som SVG i stedet for PNG, etc. Derfor er det fornuftigt at følge anbefalingerne fra GTMetrix og PageSpeed Insight for at opnå globale forbedringer, hvis værdierne ikke er gode endnu.

Google giver dig også en samlet værdi for de nye Core Web Vitals for brugeroplevelsen. I Google Search Console har du også mulighed for at få en tilknytning til de enkelte sider på din hjemmeside. Dette hjælper dig med at identificere og rette problemer på dine sider.

Den mobile optimering af en hjemmeside i lyset af Page Experience

Den mobile optimering af en hjemmeside kan også testes via DevTools i din Chrome-browser med Device Toolbar (Ctrl + Shift + M).

Især for udviklere er det nogle gange vigtigt at kunne forstå, hvordan et layout reagerer på en bestemt enhed, f.eks. hvis en kunde rapporterer et problem med en ældre model af en iPhone. Under Chrome = F12 kan du aktivere forskellige enheder, der repræsenterer opløsningen. Der findes også professionelle værktøjer, der udfører holistiske tests, f.eks. fra Lambda-Test.

Den mobile optimering indebærer også, at brugere let kan opfatte indholdet på en smartphone uden behov for zoom! Det betyder også, at indholdet, der vises på en stor desktop-computer, ikke nødvendigvis behøver at være synligt på en smartphone. En smartphone har andre (mobile) interaktionsmekanismer såsom berøring i stedet for klik. Dette er vigtigt især med de populære hover-elementer på hjemmesider, som ikke fungerer på smartphones på samme måde. 

Også i dag er smartphone ofte indgangen til en undersøgelse, som måske senere fortsættes på en anden enhed som en tablet eller en stationær computer. Dette er således starten på en længere customer journey på tværs af flere enheder, hvilket er grunden til, at brugeroplevelsen også skal tage højde for cross-device-brug.

Et eksempel fra min personlige oplevelse med cross-device-brug: Min partner og jeg har tre børn sammen. For nylig var vi i en indendørs pool hos en ven. Min smartphone lå i en strandkurv tæt på poolområdet. En tanke strejfede mig, om hvad der ville ske, hvis smartphones ved et uheld faldt i vandet fra et af børnene. Smartphone'en styrer allerede halvdelen af mit liv. Men tanken fik en brændende karakter, fordi jeg også administrerer min depot via smartphone'en. 100 % mobil ... så reklamerer Trade Republic, min online mægler. Pludselig blev det klart for mig, at jeg ikke ville have nogen backup-mulighed i tilfælde af tab af smartphone. Jeg ville således ikke kunne få adgang til min depot i flere timer eller måske endda dage. For dem, der på en dag har nogle knockout-papirer med højt gearing og tæt knockout-niveau i deres depot, kan man forestille sig, at det kan fremkalde en vis panik. 100 % mobil blev dermed en latent ulempe for mig, og derfor åbnede jeg en ny konto hos en anden ne-mægler, hvor jeg kunne handle både mobil og via desktop. I mellemtiden har Trade Republic også fået en desktop-version - godt!

Sikker browsing i betragtning af Page Experience

Sikker browsing betyder, at din hjemmeside på den ene side ikke distribuerer malware og på den anden side at du overholder reglerne, f.eks. ikke bruger varemærkelogoer, som du ikke har tilladelse til at bruge, eller fremviser varer, som ikke er en del af din portefølje. Det indebærer også, at f.eks. en afspilningsknap til en video rent faktisk skal afspille en video og ikke udføre en download for brugeren. Især malware-punktet udgør en stor risiko for mange hjemmesider ved sikker browsing, som kun kan begrænses gennem løbende opdateringer af CMS og de anvendte plugins. Hvis din hjemmeside ikke nødvendigvis har brug for en kontaktformular, kan det også overvejes at undlade denne, da formularfelter kan være en indgang for hackere eller automatiserede hackere til SQL-indsprøjtninger, cross-site scripting, hexadecimale koder osv.

I august 2021 trak Google sin tidligere position tilbage og erklærede, at sikker browsing alligevel ikke længere vil blive taget i betragtning som en rangeringsfaktor. Dette skridt blev begrundet med, at mange webstedejere ikke kan holdes ansvarlige for hacking. Ikke desto mindre indeholder vurderingerne fra PageSpeed Insights og Lighthouse en anbefaling om sikker browsing. Derfor kan man antage, at dette emne endnu ikke er endeligt afsluttet med henblik på SEO.

Sikre forbindelser via HTTPS for en god Page Experience

HTTPS er standard i dag. Hver side bør have et SSL-certifikat. Der er også en risiko for at blive sagsøgt for webstedejere i Tyskland, der ikke har et SSL-certifikat.

Det er især vigtigt at sikre, at billederne, der blev placeret før tildelingen af et SSL-certifikat, også tilpasses fra http til https i koden. Ellers vil browseren angive, at siden ikke er sikker. Dette er især tilfældet med WordPress-sider - det mest anvendte CMS overhovedet.

Fratagelse af påtrængende interstitielle vinduer

Det sidste punkt på oversigten er fratagelse af påtrængende interstitielle, altså fuldskærmsbannere, der sjældent får brugerne til at føle sig glade. De fremmer kun frustration og medfører dermed negative følelser samt en hurtig afbrydelse. I denne sammenhæng bør man også overveje hurtigt poppende nyhedsbrevstilmeldingsbannere. Også cookie-bannere til at byde nye kunder velkommen er frustrerende. Hvis en bruger vender tilbage til søgeresultaterne efter at have oplevet et sådant banner, er det også et negativt brugersignal for Google.

Konklusion om Page Experience-faktorerne

Tilpasningen til Googles faktorer for en god bruger- og sideoplevelse skal for det meste udføres af dine udviklere eller dit support bureau. Det er vigtigt for dig som marketingmedarbejder at vide, hvilke metrikker der bruges til at måle Page Experience og hvilke værktøjer du kan bruge til det formål. Hvis dit bureau er ansvarlig for optimeringen, så sørg for direkte i kontrakten at sikre, at arbejdet kræver meget gode målinger for accept af ydelsen. Og vær absolut bevidst om, at siden maj 2021 påvirker Page Experience aktivt søgningen og rangering af hjemmesider på Google. Konsekvenserne for rangeringen vil også blive oplevet af dine konkurrenter, og hvis deres hjemmesider er faldet på SERP'erne, vil de have tilpasset deres websites til de nye krav.

Hvis du vil spille med på toppen af Google-søgeresultaterne med din online tilstedeværelse, kan du ikke komme udenom emnet Page Experience. Og endelig gør du det ikke kun af SEO-årsager, men også som en del af din brandingoplevelse, således at dine målkunder nemmere ledes mod ønsket adfærd.

Hvilke yderligere elementer forbedrer nu din målgruppes brugeroplevelse på din hjemmeside specifikt? I bund og grund er det alle touchpoints, som din bruger støder på på deres customer journey langs tragt til den ønskede konvertering. Mere om dette i kommende dele af denne hjælpeserie.