Er dig hjemmeside god på en telefon?

De fleste besøgende ser din hjemmeside på en telefon. Det gør Google også: Google bruger den mobile version af dine sider til at indeksere og rangere dem. Det, der ikke står på siden på din telefon, ser Google altså heller ikke. I denne artikel kan du læse, hvordan du selv kontrollerer, om din side fungerer godt på en lille skærm.

Viewport-reglen

En telefon ved ikke automatisk, at din side er lavet til en lille skærm. Uden en instruktion opfører browseren sig, som om skærmen er meget bredere, og formindsker hele siden. Så får du mikroskopisk tekst, hvor du skal zoome ind. Løsningen er én linje i <head> på hver side:

<meta name="viewport" content="width=device-width, initial-scale=1">

• Ingen fast bredde som width=1024: så opfører telefonen sig igen, som om skærmen er bred.
• Bloker ikke zoom: udelad user-scalable=no og maximum-scale=1. Folk med nedsat syn skal kunne forstørre teksten.

AI Bouwer, WordPress-temaer og de fleste andre hjemmesidebyggere indsætter selv denne linje på hver side. Har du en hjemmeside, du selv har lavet, eller en gammel side, kan det betale sig at tjekke: åbn en side, højreklik, vælg Vis sidekilde (eller Ctrl+U) og søg med Ctrl+F efter viewport.

Test selv

1. Åbn din side på din egen telefon og gennemgå dine vigtigste sider.
2. Eller på computeren: åbn din side i Chrome eller Firefox, tryk på F12 og klik på ikonet med en telefon og tablet. Vælg en smal enhed.
3. Vær opmærksom på tekst, der falder uden for skærmen, en side, du skal skubbe til siden for at se, knapper, der er for små eller ligger oven i hinanden, og dele, der mangler på mobil.
4. Test derefter i PageSpeed Insights under fanen Mobil. Du kan læse om, hvordan du fortolker rapporten, i Sådan læser du PageSpeed Insights: Core Web Vitals i almindeligt sprog.

Googles separate mobilvenlighedstest og rapporten om mobil brugervenlighed i Search Console findes ikke længere siden 1. december 2023. Støder du på dem i en gammel artikel, skal du bruge trinene ovenfor i stedet.

Samme indhold på mobil og desktop

På en responsiv side (én adresse og én side, der tilpasser sig skærmbredden) er indholdet automatisk ens. Google anbefaler denne metode. Har du en separat mobilside, som m.example.com, eller et system, der sender telefoner til andre sider, skal du kontrollere:

• den samme tekst, også selvom den står i en udfoldelig boks på mobil;
• den samme titel og beskrivelse;
• de samme billeder med de samme alt-tekster;
• intet indhold, der først indlæses, når den besøgende swiper, klikker eller skriver: det gør Google ikke.

Læs videre

• Google: anbefalet praksis for mobile-first indeksering (engelsk)
• MDN: viewport-reglen (engelsk)