Vandret scroll
Et billede, en tabel eller en fast bredde, der er bredere end skærmen.
Værktøj · Brugeroplevelse
Responsiv-test: se din side på mobil, tablet og desktop
Se din hjemmeside i flere skærmstørrelser på én gang, og find de steder, hvor layoutet knækker, tekst bliver for lille, eller knapper ligger for tæt.
Flest besøgende kommer i dag fra mobilen, og Google vurderer din side ud fra mobilversionen.
Hvilken side vil du se?
Siden vises i rigtige bredder: 390, 820 og 1440 pixels.
Hvad testen viser
Én side, tre skærme
Sådan ser forsiden i det nye design ud i de tre bredder. Layoutet skifter, men indholdet og rækkefølgen er de samme.
Hvilken skærmopløsning skal man designe til?
Til alle, men start med mobilen
En skærmopløsning er det antal pixels, en skærm viser vandret og lodret. Der findes hundredvis af størrelser, så man designer ikke til én. Man designer, så layoutet tilpasser sig.
Se på din egen statistik. En madblog får flest besøg fra mobilen, mens et B2B-site kan have flere på desktop. Men design mobile first, altså med mobilen som udgangspunkt, og byg op derfra.
Mobil360 til 430 px
Én kolonne, store knapper, kort tekst i toppen.
Tablet768 til 1024 px
To kolonner, hvor det giver mening. Menu ofte som på mobil.
Laptop1280 til 1440 px
Fuld menu og flere kolonner. Hold linjelængden nede.
Stor skærm1920 px og op
Indholdet holdes i en fast maksimal bredde og centreres.
Det skal du kigge efter
Fem ting, der ofte går galt
En responsiv hjemmeside er bygget, så brugeren aldrig skal zoome eller scrolle til siden for at læse og navigere.
For lille tekst
Brødtekst under 16 px på mobil er svær at læse.
Knapper for tæt
Klikflader under 44 px eller for tæt placeret giver fejlklik.
Menu der ikke virker
Undermenuer, der kun åbner ved hover, virker ikke på touch.
Samme indhold på alle skærme
Google indekserer mobilversionen. Skjul ikke vigtigt indhold på mobil, for så findes det ikke.
Viden
Læs mere om mobil og responsivt design
Om skærmopløsninger, mobiloptimering og hvorfor mobilen afgør placeringen i Google.
Næste skridt
Ser din side forkert ud på mobilen?
Jeg retter layoutet i dit tema, eller bygger et nyt, der er skrevet til mobilen fra start.
