Mobilanpassad hemsida: vad Google faktiskt kräver

En mobilanpassad hemsida är en sajt som visar samma innehåll och fungerar lika bra på en telefon som på en dator. Det är inte längre en bonus: Google utgår från mobilversionen när sidan ska bedömas, vilket betyder att det som saknas i mobilen i praktiken saknas för Google.

Vad betyder mobile-first indexing?

Att Google hämtar och bedömer mobilversionen av sidan i första hand. Har du samma sajt för alla skärmar, vilket är standard i moderna teman, händer ingenting särskilt. Problem uppstår när mobilversionen är en nedbantad variant där text, rubriker eller bilder har plockats bort för att spara plats.

Regeln är enkel: innehållet ska vara detsamma på båda. Är det gömt bakom en flik eller ett dragspel räknas det fortfarande, så länge det finns i sidans kod. Är det borttaget helt finns det inte. Googles rekommendationer för mobile-first går igenom vad som gäller i detalj.

Vilka fel hittar jag oftast?

Fem stycken, och jag hittar dem genom att helt enkelt öppna sajten i min egen telefon.

Kontaktvägen syns inte. Telefonnumret ligger längst ner i sidfoten, eller är en bild i stället för en länk som går att trycka på. På en telefon ska numret vara nåbart utan att skrolla.

Text som är för liten eller ligger för tätt. Om besökaren måste zooma för att läsa har du tappat en del av dem redan där.

Knappar och länkar som ligger så tätt att fel sak träffas. Fingret är trubbigare än muspekaren, och listor med länkar radade tätt på varandra är den vanligaste boven.

Innehåll som sticker ut i sidled så att hela sidan går att dra åt höger. Orsaken är nästan alltid en bild, en tabell eller ett kodblock som inte krymper med skärmen.

Och popup-rutor som täcker innehållet direkt vid ankomst. På en liten skärm täcker de allt, och de är svåra att stänga med tummen.

Räcker det att temat är responsivt?

Nästan, men inte riktigt. Ett responsivt tema löser layouten, alltså att spalterna staplas om. Det löser inte tunga bilder, tredjepartsskript eller sidbyggare som lastar in mer än de behöver, och på ett mobilnät märks den vikten mycket tydligare än på fiber.

Därför hänger mobilanpassning och hastighet ihop. Åtgärderna som ger mest står i snabbare WordPress, och bilderna specifikt i bildoptimering för SEO. Hur Google väger in upplevelsen i stort beskriver de i sin dokumentation om page experience.

Vad gör jag med cookiebanner och popup-rutor?

De är den vanligaste orsaken till att en i övrigt bra mobilsida känns trasig. En banner som täcker halva skärmen och en rabattruta som dyker upp efter tre sekunder gör tillsammans att besökaren möts av två hinder innan hen sett något innehåll.

Cookiebannern måste finnas om ni mäter besökare, det är inte förhandlingsbart. Men den kan utformas så att den tar mindre plats, ligger i underkant och går att besvara med tummen utan att zooma. Hur samtycket hänger ihop med mätningen kan du läsa om i Consent mode v2.

Rabattrutor och nyhetsbrevsrutor är däremot ett val. Fungerar de för er, behåll dem, men låt dem inte visas direkt vid ankomst på mobil, och se till att krysset är stort nog att träffa. En besökare som inte kan stänga en ruta lämnar sidan i stället.

Hur testar jag utan verktyg?

Öppna sajten i din egen telefon, på mobildata i stället för wifi, och gör det en besökare skulle göra: hitta en tjänst, läs vad den kostar och ta kontakt. Notera varje gång du måste zooma, dra i sidled eller leta.

Gör sedan samma sak i en webbläsare på datorn med fönstret nerdraget till ungefär telefonbredd. Det fångar layoutproblem snabbt, även om det inte visar hur det känns på ett långsamt nät.

Vill du ha siffror på det finns Core Web Vitals-rapporten i Search Console, som bygger på hur riktiga besökare upplever sajten i stället för på ett labbtest.

Var börjar jag?

Ta din viktigaste tjänstesida och gå igenom den i telefonen i kväll. Hittar du något av de fem felen ovan har du din första uppgift, och de tre första går oftast att rätta i temainställningarna utan utvecklare.

Resten av det tekniska samlar jag i min tekniska SEO-checklista, och vad teknisk SEO omfattar i stort står i vad är teknisk SEO. Vill du ha hela genomgången gjord tar jag den som SEO-konsult.