Mobile-First indeksering: En guide til at sikre mobilvenlige hjemmesider

Introduktion

Mobile-first indexing er ikke et nyt emne inden for søgemaskineoptimering (SEO) og udvikling af hjemmesider. Faktisk rapporterer Exploding Topics, at mere end 55% af trafikken på verdensplan kommer fra mobile enheder.

Hvis din virksomhed ikke har en mobilvenlig hjemmeside, vil potentielle kunder sandsynligvis springe fra din side på få sekunder.

Den bedste måde for dit website at blive vist på Googles resultatsider for søgemaskiner (SERP) er ved at omfavne mobile-first indeksering.

Det er Googles metode til at rangordne hjemmesider baseret på de mobile versioner af deres indhold.

For at hjælpe dig på rette vej vil denne guide forklare, hvordan du inkorporerer mobile-first indeksering ved at skabe et responsivt webdesign.

Tjek, om din hjemmeside er mobilvenlig

Ved mobile-first indeksering vil søgemaskinerne først og fremmest crawle og vise mobilversionen af din hjemmeside. Hvis din hjemmeside ikke er mobilvenlig, vil desktopversionen som standard blive vist på mobilskærme.

Og dine mobilbrugere kan ende med en overdimensioneret og svært anvendelig hjemmesidepræsentation på deres smartphone eller tablet. Ikke en ideel situation, for at sige det mildt. Du går glip af et responsivt design. Og din hjemmeside tilpasser sig ikke til forskellige skærmstørrelser.

Du kan undgå dette scenarie ved at tjekke, om din hjemmeside allerede er mobilvenlig. Den bedste måde er ved at bruge Googles PageSpeed Insights-værktøj.

(Billedkilde)

Ved blot at indsætte din hjemmesides URL i søgefeltet kan du se data i realtid om, hvordan den klarer sig på mobile enheder:

(Billedkilde)

Som du kan se, er det afgørende at opretholde en mobilvenlig hjemmesidescore mellem 90-100. Hvis du opdager, at din hjemmeside ikke er mobilvenlig, så er det tid til at gå til Google Search Console.

(Billedkilde)

Der kan du finde eventuelle crawling-problemer, problemer med webstedshastigheden og andre fejl, der kan holde din mobiloplevelse tilbage.

Men de mest almindelige mobilvenlige problemer, du finder i Google Search Console, er:

• Problemer med touch-input (links og knapper) for mobilbrugere
• Hjemmesidedesign, skabelon eller tema, der ikke reagerer på signaler
• Ikke-mobilvenlige popups
• Uklar navigation på hjemmesiden
• Skrifttyper, der er svære at læse

Uanset om din hjemmeside er bygget fra bunden, eller om du bruger et content management system (CMS) som WordPress, bør du ikke gå ud fra, at din hjemmeside allerede er mobilvenlig.

PageSpeed Insights og Google Search Console giver dig en oversigt over din hjemmesides mobile performance, så du kan foretage de nødvendige forbedringer til mobile skærme.

Sørg for, at din hjemmeside giver den samme oplevelse på tværs af desktop og mobile enheder

Det er almindeligt, at SEO'ere og udviklere skærer nogle webfunktioner fra en mobil hjemmeside for at fremme en god brugeroplevelse (UX).

Når alt kommer til alt, er det aldrig en god idé at have en klodset mobilhjemmeside fuld af ubrugelige elementer. Men hvis du fjerner for mange af disse funktioner, kan det påvirke din hjemmesides mobile-first indeksering.

Google ønsker at sikre, at udviklere leverer den samme oplevelse til både desktop- og mobilbrugere. Her er, hvad de specifikt havde at sige om sagen:

"Hvis din mobilside har mindre indhold end din desktopside, bør du overveje at opdatere din mobilside, så dens primære indhold svarer til din desktopside. Næsten al indeksering på din hjemmeside kommer fra mobilsiden."

Det er ret enkelt.

Hvis din mobile hjemmesideversion har mindre indhold, vil den ikke klare sig godt på SERP'erne.

Søgemaskiner værdsætter indhold, fordi det er den eneste måde, de kan afgøre, hvad din hjemmeside handler om. For at holde din hjemmesides desktop- og mobilversioner ens er her nogle vigtige anbefalinger, du skal følge:

• Samarbejd med dine UX-, SEO- og udviklingsteams om at vise indhold på en mobilvenlig måde i stedet for at fjerne vigtige hjemmesideelementer.
• Billeder, videoer og andre store indholdsfiler skal optimeres korrekt baseret på forskellige mobile enheder, såsom tablets, smartphones og andre smarte enheder.
• Hold alle strukturerede data, meta robot tags og tekniske webstedsdata universelle på tværs af alle IoT-enheder.

Husk, at mobile-first indeksering betyder, at søgemaskinerne primært vil gennemgå din hjemmesides mobilversion. Hvis din mobile hjemmeside mangler indhold, er det ligegyldigt, hvor optimeret din desktop-hjemmeside er.

Ingen af delene vil skabe den SEO-performance, du leder efter.

Lær forskellen mellem mobil brugervenlighed og mobile-first indeksering

Mobile-first indexing og mobil brugervenlighed bruges ofte i flæng. Sandheden er, at disse udtryk ikke er det samme.

Mobil brugervenlighed forklarer en hjemmesides performance på mobile enheder. Som vi forklarede før, er mobile-first indexing Googles præference for at crawle mobile hjemmesideversioner frem for desktopversioner.

Her er forbeholdet.

Hvis din hjemmeside ikke er mobilvenlig og har masser af problemer med mobil anvendelighed, kan og vil den stadig blive indekseret af Google. Lad os for eksempel sige, at du driver en restaurant, og at en af dine menusider er en PDF-fil.

Selvfølgelig er PDF-filer svære at læse og navigere i på mobile enheder. Men Google kan stadig crawle information med mobile-first indexing, hvis der er nok af den.

I sidste ende vil en Googlebot på en smartphone automatisk gennemgå din hjemmeside, hvis den har nok indhold til mobile-first indeksering. Men du bliver nødt til at løse din hjemmesides problemer med mobil anvendelighed først.

Fremskynd din hjemmesides hastighed

Den gennemsnitlige tid, en bruger tilbringer på en hjemmeside, er 54 sekunder.

Ingen har hele dagen til at vente på, at din hjemmeside loader. Når alt kommer til alt, er der milliarder af andre hjemmesider, de kan få adgang til på bare et par sekunder.

Derfor er det vigtigt at forbedre din hjemmesides hastighed, ikke kun for mobilbrugernes skyld, men også af hensyn til SEO.

Langsomme indlæsningstider på hjemmesider påvirker både dwell time og bounce rate. Det er målinger, der estimerer, hvor længe folk bliver på din hjemmeside eller forlader den uden at foretage sig noget.

Hvis det sker på grund af din hjemmesides langsomme hastighed, vil Google bemærke det og degradere din hjemmeside i SERP'erne. For at undgå dette kan du tjekke og overvåge din hjemmesides hastighed ved at foretage en site audit.

Du kan bruge Ranktracker til at udføre en omfattende webrevision for at måle din hjemmesides hastighed på tværs af mobile enheder.

Optimer din hjemmeside til lazy loading-indhold

Lazy loading-indhold er almindeligt på de fleste moderne hjemmesider. Nyhedspublikationer bruger denne type indhold til løbende at fylde flere historier på, når du scroller ned ad deres sider.

Udgiveren af sportsnyheder, ClutchPoints, lader brugerne klikke på knappen "More Stories", hvis de vil læse flere nyhedsartikler inden for bestemte sportskategorier:

(Billedkilde)

Princippet bag lazy loading content er kun at vise indhold, når brugeren beder om det. Og det øger hastigheden på hjemmesiden ved at reducere antallet af unødvendige kodelinjer, som Google skal gennemgå.

Det giver også et godt touch af UX at holde dine websider mindre indholdstunge for mobilbrugere. Problemet er dog, at lazy loading-indhold kan være en udfordring for søgemaskinerne at indeksere.

Tilbage til ClutchPoints, for eksempel.

Naturligvis vil Google ikke kunne indeksere de historier, du kan få frem ved at klikke på knappen "Flere historier", hvis de ikke allerede er der.

Du kan løse dette problem ved at sørge for, at din hjemmeside giver mulighed for pagineret indlæsning. Det gør det muligt for søgemaskiner som Google at notere alt indholdet på din hjemmeside, selv hvis den bruger uendelig scroll, som ClutchPoints.

Pas på forkert placering af annoncer

Hvis du bruger Google Adsense, er det vigtigt at være forsigtig med, hvordan dine annoncer vises på din hjemmesides mobilversion.

Mobile enheder viser responsive display-annoncer (RDA'er) i stedet for de mere almindelige annoncer, du ser på en stationær computer.

Her er for eksempel typiske desktop-annoncer:

(Billedkilde)

Og her er, hvordan de ser ud på en mobil enhed:

(Billedkilde)

Du kan ikke slippe af sted med at genbruge desktop-displayannoncer på mobilen. Her er nogle best practices, du kan følge, når du opretter mobile RDA'er:

• Instruer dit SEO-team og dine udviklere i at bruge CSS og HTML-tags til at justere dine annoncer baseret på forskellige præsentationsstørrelser.
• Hold din overskrift og tekst klar og kort
• Prøv at undgå at tilføje tekst over billeder
• Opret annoncebilleder i flere størrelser

Sørg for, at din hjemmeside er ADA-kompatibel

61 millioner mennesker i USA lever med et handicap. At have en tilgængelig hjemmeside betyder at imødekomme brugere med handicap, som måske er hørehæmmede, farveblinde eller har et andet usynligt handicap.

Jo flere mennesker, der kan interagere med din hjemmeside, jo mere sandsynligt er det, at de bliver og konverterer. Dette koncept er enormt vigtigt for mobile-first indeksering.

At gøre din hjemmeside tilgængelig gavner alle brugere, ikke kun dem med handicap. Bedre kundeoplevelser opnås med mobilvenlige hjemmesider, der er enkle at bruge, har en klar indholdsstruktur og giver alternativ tekst til billeder, blandt andre tilgængelighedsfunktioner.

At tilstræbe tilgængelighed på hjemmesider er også en klog kommerciel beslutning ud over at være en etisk beslutning. Det er vigtigt at anerkende de juridiske konsekvenser af at sikre tilgængelighed. For eksempel påvirker regler som Americans with Disabilities Act (ADA) amerikanske virksomheder og kræver, at deres hjemmesider, der afspejler deres fysiske lokaler, giver en omfattende oplevelse for alle besøgende.

Du kan bruge en gratis hjemmeside-tilgængelighedstjekker, såsom accessiBe, som nøjagtigt vurderer din hjemmesides aktuelle tilgængelighedsstatus for at afgøre, om den overholder de gældende regler.

Billedkilde

Andre måder, du kan gøre din hjemmeside mere tilgængelig på, er ved at:

• Brug ensartede farver på din hjemmeside. Sørg for at undgå at bruge meget lyse neonfarver, som er svære at læse.
• Tilføjelse af alternativ tekst til dine billeder for at imødekomme personer med handicap, der bruger skærmlæsere.
• Brug en klar indholdsstruktur, så brugerne hurtigt og nemt kan finde vigtige oplysninger.

Når du har anvendt nogle af disse best practices, kan du tjekke, om din hjemmeside er i overensstemmelse med The Americans with Disabilities Act (ADA). Hvis din side får en god score, er du klar til at gå i gang.

(Billedkilde)

Udvikling af en tilgængelig hjemmeside garanterer, at alle mennesker er engagerede, informerede og klar til at konvertere.

Det vigtigste at tage med

Overordnet set har mobile-first indexing sat en højere standard for, hvordan hjemmesider skal se ud og fungere på internettet. Søgemaskinerne er nu primært interesserede i, hvordan din hjemmeside betjener mobilbrugere.

Hvis du følger denne guide, vil du få et klarere billede af, hvordan du styrer en mobilvenlig hjemmeside og imødekommer flere mobile brugere.