Mobilanpassad hemsida 2026 — vad Google kräver och hur du testar | Siteflow
Det är inte länge sedan en hemsida byggdes "för datorn" och så fick mobilen en bantad version på köpet. 2026 är förhållandet det omvända: 67 procent av all webbtrafik i Sverige kommer från mobila enheter, och om din hemsida fortfarande är designad för en 1440-pixlars skärm är det inte längre ett kosmetiskt problem — det är ett affärsproblem. Och ett Google-problem. Här är vad som faktiskt gäller, vilka misstag som är vanligast, och hur du testar din egen sajt på 30 sekunder.
Vad mobile-first indexering betyder
Sedan 2023 indexerar Google alla hemsidor med mobile-first indexering. Det innebär att Googlebot besöker din hemsida som en mobil enhet — inte som en dator — och det är den mobila versionen som rankas i sökresultaten. Även när någon söker på en laptop.
Konsekvensen är obekväm för de som inte uppdaterat på några år: om din mobil-version är sämre än desktop-versionen — färre rubriker, mindre text, dolda sektioner, långsammare laddning — är det den sämre versionen Google bedömer dig på. Det spelar ingen roll hur snygg desktop-sajten är.
Det är också därför vi byggt ett gratis verktyg som testar din mobila version direkt: siteflow.se/verktyg/mobiltest. Klistra in din URL så får du svar på samma faktorer som Google själv tittar på.
Tekniska minimumkrav 2026
Google har inte hemliga kriterier för vad som räknas som mobilanpassat. De är publicerade och tekniska:
Viewport-meta. Din <head> måste innehålla <meta name="viewport" content="width=device-width, initial-scale=1">. Saknas den renderar mobilen sajten som en 980-pixlars desktop som zoomats ut, och allt blir oläsligt. Detta är fortfarande den vanligaste anledningen till att en hemsida helt enkelt inte fungerar på mobil.
Inga horisontella scroll. Innehåll ska aldrig sticka utanför viewport-bredden. Om besökaren måste swipa i sidled för att läsa en rad text är sajten underkänd. Vanlig orsak: en bild eller tabell med fast bredd i pixlar.
Tap-targets minst 48×48 px. Knappar, länkar och menyval måste vara stora nog att träffa med ett finger. Google rekommenderar 48×48 CSS-pixlar, med minst 8 px mellanrum till nästa tap-target. För små eller för tätt packade knappar är en av de mest klagade UX-problemen på mobil.
Font-storlek minst 16 px. Brödtext under 16 px tvingar mobilen att antingen zooma in automatiskt (vilket bryter layouten) eller låta besökaren kisa. Båda är dåliga signaler för Google.
Inget interstitiellt innehåll som blockerar. Stora popup-fönster som täcker innehållet direkt vid laddning — newsletter-rutor, "vi använder cookies" i fullskärm utan tydlig stängning, eller app-nedladdnings-prompts — är aktivt rankingsänkande sedan 2017. Reglerna har bara skärpts.
De 7 vanligaste mobil-misstagen på småföretagssajter
I genomsnitt hittar vi tre till fem av dessa varje gång vi granskar en småföretagssajt som inte rörts på några år:
1. Fixed-width designer från 2015. Sajten är byggd för 1200 px och allt skalas inte. Texten blir mikroskopisk, bilder förskjuter layouten, knappar hamnar utanför skärmen. Detta är den enskilt vanligaste signalen att en sajt behöver byggas om.
2. Text för liten. 12 eller 14 px brödtext fungerar inte. Mobilen kompenserar genom att zooma in, vilket bryter all annan layout. Brödtext ska vara minst 16 px, helst 17–18 px.
3. Knappar för små eller för nära varandra. Klassikern: en "Köp"-knapp och en "Avbryt"-knapp som ligger 4 px från varandra. Besökaren trycker fel hälften av gångerna. Konverteringen blir därefter.
4. Hamburger-menyn döljer viktig navigation. En hamburger-meny är inte gratis — varje klick kostar besökare. Om "Boka tid", "Priser" eller "Kontakt" är gömda bakom tre streck förlorar du folk som hade konverterat om länken legat synlig.
5. Stora video- och animationsfiler. En 30 MB hero-video som autoplayer på 4G är en katastrof för Core Web Vitals och dräller i besökarens datapott. Använd statiska bilder på mobil, eller en separat lättviktsvideo.
6. Modal-popups som inte går att stänga. Newsletter-popups där stäng-krysset är 8×8 px i ett hörn och triggar fel träff är inte bara irriterande — de bryter Googles riktlinjer för interstitials.
7. Tabellbaserade layouts. Långa, breda tabeller designade för desktop blir oanvändbara på mobil. Antingen kollapsa till kort-vy under 768 px, eller gör tabellen scrollbar med tydlig indikation.
Core Web Vitals — tuffare på mobil
Core Web Vitals mäts separat för mobil och desktop, och tröskelvärdena är desamma — men det är mycket svårare att klara dem på mobil eftersom enheten är långsammare och nätet ofta är 4G snarare än fiber.
LCP (Largest Contentful Paint) under 2,5 sekunder. Tiden tills sidans största element är synligt. På mobil betyder det i praktiken att din hero-bild måste vara optimerad och servad i rätt storlek — inte en 2 MB JPEG som webbläsaren skalar ner.
INP (Interaction to Next Paint) under 200 ms. Tiden från att besökaren trycker på något tills sidan svarar. Tunga JavaScript-bundlar dödar denna på mobil. Hård regel: var skeptisk till varje extra skript du lägger in.
CLS (Cumulative Layout Shift) under 0,1. Inget innehåll får hoppa när sidan laddar. Vanlig orsak till dåligt CLS: bilder utan satta width och height-attribut, eller annonser som lazyloadas in.
Vill du veta hur din sajt presterar mobilt mot dessa siffror — kör den genom Siteflows mobiltest. Det är samma data Google själva använder via PageSpeed Insights.
Bilder för mobil — gör inte misstaget
En av de största LCP-bovarna är bilder. En desktop-sajt som serverar en 1920×1080 hero-bild laddar samma bild på en iPhone — som bara behöver 750 pixlar bred. Det är 3x för mycket data, för ingenting.
Lös det med:
srcsetochsizesså webbläsaren själv väljer rätt storlek baserat på enheten.- Moderna format som WebP och AVIF — WebP är ~30 procent mindre än JPEG vid samma kvalitet, AVIF ytterligare 20 procent.
loading="lazy"på bilder under fold så de inte laddas förrän besökaren scrollar dit.- Satta
widthochheightså webbläsaren reserverar plats och CLS hålls låg.
Om du använder Next.js får du allt detta gratis via <Image>-komponenten. Om du sitter i WordPress finns plugins som ShortPixel eller Smush — slå på dem.
Så testar du din egen sajt
Du behöver inte gissa. Det finns tre sätt att kontrollera din mobilanpassning:
- Siteflows mobiltest — klistra in URL, få direkt rapport på viewport, tap-targets, font-storlek, Core Web Vitals och de vanligaste misstagen.
- Google PageSpeed Insights — officiell källa, mer teknisk, ger samma siffror som Search Console.
- Faktisk enhet — öppna sajten på din egen mobil. Inte i Chrome DevTools på datorn — på en riktig telefon, helst på 4G med skärmen utomhus i solljus. Det är där sanningen finns.
Den första kostar inget och tar 30 sekunder. Den sista kostar ingenting och visar dig vad dina kunder faktiskt upplever.
FAQ
Räcker det med "responsiv design"? Responsiv design är minimumkravet — att layouten anpassar sig till skärmstorlek. Men det räcker inte. En sajt kan vara responsiv och ändå ha för små tap-targets, för långsam LCP och blockerande popups. Det är helheten Google bedömer.
Behöver jag en separat m.-domän? Nej, och du ska inte ha en. Separata mobil-sajter (m.dinsajt.se) var praxis runt 2012 men är idag en SEO-anti-mönster. Använd en enda responsiv sajt.
Varför rankar min mobilsajt sämre än min desktop-sajt? Det gör den inte — Google har bara ett index sedan 2023, och det är mobil. Om du ser olika ranking på mobil och desktop beror det på att Google personaliserar och lokaliserar resultat, inte på att indexen är olika.
Hur ofta ska jag testa mobilanpassningen? Varje gång du gör en större designändring, och en gång per kvartal som rutin. Använd mobiltestet som första check.
Alla Siteflow-mallar är mobile-first by default
På Siteflow bygger vi varje mall mobile-first från första pixeln. Vi testar varje release på iPhone 15, Pixel 8 och iPad innan den går live — inte i en emulator, på riktiga enheter. Det är inte en extra tjänst, det är hur vi levererar hemsidor. Om du vill se vad som ingår, titta på paketen.
Och om du är osäker på var din nuvarande sajt står — börja med att köra den genom mobiltestet. Sedan vet du.
Relaterade artiklar
- Cookies och GDPR 2026 — vad cookiebanner-reglerna kräver och vad det kostar att göra fel.
- SEO-check — gratis SEO-analys av din hemsida på 30 sekunder.
- Paket — våra mobile-first hemsidor med fast pris.