Mobilvennlig nettside: hva Google faktisk krever, og hva kundene krever

Hva Google faktisk krever

Google bruker mobilversjonen av nettsiden når den indekserer og rangerer. Det kalles mobile-first-indeksering. Siden juli 2024 henter Google sidene med mobilcrawleren sin. Innhold som ikke er tilgjengelig på mobil, blir ikke indeksert.

Kravene handler om tilgang til innholdet:

• Det samme innholdet på mobil som på PC: tekst, overskrifter, bilder med alternativ tekst og metadata.
• Google må få hente filene siden trenger, for eksempel CSS og JavaScript.
• Innholdet bør ikke skjules bak popup-vinduer som dekker skjermen.
• Siden bør tilpasse seg skjermbredden, i stedet for å vise en krympet PC-versjon.

Google la ned sitt eget verktøy for å teste mobilvennlighet i desember 2023. Google vurderer altså ikke om siden er behagelig for kunden din. Det må du vurdere selv.

Slik sjekker du det

Åpne forsiden på mobilen og på PC samtidig. Bla gjennom begge. Mangler tekst, tjenester eller kontaktinformasjon på mobilen, mangler det også for Google.

Dette bør stå i stedet

Det samme innholdet på begge skjermene. Oppsettet kan være forskjellig, men teksten skal være der.

Trykkbare telefonnummer

Den som leter etter en rørlegger eller en tannlege på mobilen, vil ofte ringe. Da må nummeret kunne trykkes på. Er nummeret bare tekst, må kunden kopiere det eller skrive det av. Erfaringsmessig er det der mange gir opp og velger neste treff.

Slik sjekker du det

1. Åpne forsiden på mobilen.
2. Trykk på telefonnummeret.
3. Kontroller at ringeappen åpnes med riktig nummer ferdig utfylt.
4. Gjenta i bunnen av siden og på kontaktsiden.

Skjer ingenting, er nummeret ren tekst. Er nummeret en del av et bilde, kan det aldri bli trykkbart.

Dette bør stå i stedet

• Nummeret som en telefonlenke med landskode: <a href="tel:+4712345678">12 34 56 78</a>.
• Nummeret synlig øverst på forsiden, uten at kunden må scrolle eller åpne en meny.
• Det samme nummeret på alle sider.
• E-postadressen som en mailto:-lenke, slik at e-postappen åpnes.

Lesbar skrift

Google kan lese liten, lys tekst helt fint. Det kan ikke en kunde som står ute i dagslys. Må kunden zoome for å lese, forsvinner oversikten. Erfaringsmessig blir mange da ikke værende på siden.

Slik sjekker du det

1. Hold telefonen i vanlig leseavstand.
2. Les ett avsnitt uten å zoome.
3. Prøv deretter å knipe med to fingre for å zoome inn.

Ser siden ut som en miniatyr av PC-versjonen, mangler den tilpasningen til skjermbredden. Går det ikke an å zoome, er zoom sperret. Det rammer alle som ser dårlig.

Dette bør stå i stedet

• Brødtekst som kan leses uten zoom, erfaringsmessig rundt 16 piksler eller større.
• Mørk tekst på lys bakgrunn, ikke lys grå tekst på hvitt.
• Korte avsnitt med luft mellom linjene.
• Zoom tillatt. Viewport-angivelsen i sidens kode bør være <meta name="viewport" content="width=device-width, initial-scale=1">, uten user-scalable=no.

Skjema med få felt

Google bryr seg ikke om kontaktskjemaet ditt. Det gjør kunden. Hvert ekstra felt er en ny grunn til å la være. På mobil er det tyngre å skrive, og erfaringsmessig faller flere fra jo lengre skjemaet er.

Slik sjekker du det

1. Fyll ut kontaktskjemaet på mobilen.
2. Tell feltene, og legg merke til hvilke som er obligatoriske.
3. Se om tastaturet skifter: tall for telefon og @ for e-post.
4. Send én gang med en feil og se om det du skrev, blir stående.
5. Kontroller at meldingen faktisk kommer fram i innboksen.

Dette bør stå i stedet

Et skjema med tre felt holder for de fleste henvendelser:

1. Navn
2. Telefon eller e-post
3. Hva gjelder det?

I tillegg:

• Riktige felttyper, type="tel" og type="email", slik at riktig tastatur dukker opp.
• autocomplete på feltene, slik at telefonen kan fylle inn navn og kontaktinfo.
• Ledetekst over hvert felt, ikke bare grå hjelpetekst inne i feltet som forsvinner når kunden skriver.
• Ingen bildegåter hvis det kan unngås.
• En tydelig bekreftelse etter innsending.

Ingen sidelengs scrolling

Når siden kan dras til siden, er noe bredere enn skjermen. Teksten havner delvis utenfor, og kunden mister grepet. Siden blir ikke nødvendigvis vanskeligere for Google å lese. Den blir derimot vanskelig å bruke.

Slik sjekker du det

1. Åpne forsiden og hver av hovedsidene på mobilen.
2. Sveip mot venstre midt på siden.
3. Flytter hele siden seg, er noe for bredt.

Vanlige årsaker er store bilder, innebygde kart og videoer, tabeller, lange e-postadresser og knapper med fast bredde.

Dette bør stå i stedet

• Alt innhold innenfor skjermbredden.
• Bilder, kart og video som skaleres ned til skjermen.
• Brede tabeller gjort om til lister, eller lagt i en egen boks som kan scrolles.
• Lange ord og adresser som får brytes over flere linjer.

Kort oppsummert

Google krever at innholdet er tilgjengelig på mobil. Kundene krever at det er lett å bruke.

Gjør de fire sjekkene med din egen telefon før du endrer noe annet.

Vil du ha et ekstra blikk, sjekker vi tre av punktene gratis i Forsidesjekken.

Må forsiden lages på nytt, koster en ferdig forside 4 900 kr, med faktura etter publisering.

Uansett hva du velger: start med telefonnummeret.