Mobile-first-indexering betyder att sökmotorerna rankar din webbplats utifrån mobilversionen, inte datorversionen. Mer än hälften av alla sökningar sker på telefoner. Din mobilwebbplats är numera din huvudwebbplats. Datorversionen är sekundär. Om din webbplats ser dålig ut på mobil eller laddas långsamt på telefoner tappar du ranking och trafik. Lär dig optimera för mobil så att du rankar på de enheter där de flesta söker.
Det mesta av din trafik kommer från mobila enheter. Sökmotorerna vet det. De prioriterar mobilupplevelsen framför datorupplevelsen. En webbplats som fungerar utmärkt på dator men dåligt på mobil tappar ranking och trafik.
Mobiloptimering är inte att lägga till en mobilmeny. Det är att utforma varje element för hur folk faktiskt använder telefoner. Små skärmar. Beröringsstyrning. Långsamma anslutningar. Optimera för de verkligheterna så vinner du i mobilsökningen.
Mobile-first-indexering betyder att mobilen är din huvudwebbplats
Sökmotorerna crawlar din mobilwebbplats först. De indexerar mobilwebbplatsen som huvudversion. Din datorwebbplats är sekundär. Förändringen skedde för flera år sedan, men många webbplatser behandlar fortfarande mobilen som en eftertanke.
Om din mobilversion har mindre innehåll än datorversionen indexerar sökmotorerna mindre innehåll. Om din mobilversion laddas långsammare ser sökmotorerna en långsammare webbplats. Om din mobilnavigering är trasig ser sökmotorerna en trasig webbplats. Din mobilupplevelse avgör din ranking på alla enheter.
Responsiv design anpassar sig till alla skärmstorlekar
Din webbplats ska automatiskt anpassa sig till dator-, surfplatte- och telefonskärmar. Responsiv design använder flexibla layouter som krymper och växer efter skärmstorleken. Innehållet förblir läsbart. Bilderna skalas rätt. Navigeringen fungerar på alla enheter.
Testa din webbplats på flera enheter. Ser den bra ut på en telefonskärm som är 320 pixlar bred? Fungerar den på en 10-tums surfplatta? Fungerar den på en 27-tums bildskärm? Responsiv design klarar allt det utan att gå sönder.
Mobilanvändare beter sig annorlunda än datoranvändare
Mobilanvändare söker annorlunda. De använder sökningar som "nära mig". De söker med kortare sökfraser. De vill ha snabba svar. De förväntar sig omedelbara resultat. De har dåligt tålamod med långsam laddning.
Datoranvändare researchar. Mobilanvändare behöver svar nu. Optimera för mobilbeteende. Gör webbplatsen snabb. Gör din viktigaste information synlig direkt. Gör knappar och länkar lätta att trycka på. Gör formulär korta. Mobilanvändare överger långsamma, krångliga webbplatser på några sekunder.
Se till att tryckytorna är tillräckligt stora
Folk trycker med fingrarna, inte med muspekare. Knappar behöver vara minst 48 pixlar breda och 48 pixlar höga. Länkar behöver utfyllnad så att oavsiktliga tryck träffar rätt länk. Trängs inte med elementen.
Testa din webbplats på en riktig telefon. Tryck på knapparna. Kan du trycka utan att träffa fel? Om det är svårt för dig är det omöjligt för människor med större fingrar eller sämre syn. Gör allt lätt att trycka på.
Minimera sidans storlek för mobilnät
Mobilanslutningar är långsammare än bredband. Varje kilobyte räknas. Komprimera bilder. Ta bort onödig kod. Ladda bilder under vecket med lazy loading. Skjut upp JavaScript som inte är kritiskt.
En sida på 5 MB som tar 10 sekunder att ladda på mobil är för mycket. Mobilanvändare förväntar sig att se innehåll inom 2-3 sekunder. Optimera filstorlekarna skoningslöst.
Testa på riktiga mobila enheter och nätverk
Emulatorer i webbläsaren är användbara men ofullständiga. Testa på riktiga telefoner. Testa på långsamma nätverk. Strypa anslutningen till 4G. Se hur din webbplats verkligen presterar för riktiga användare.
Lighthouse och PageSpeed Insights hjälper. Men de mäter laboratorieförhållanden. Riktiga användare på riktiga nätverk har andra upplevelser. Testa båda.
Vanliga frågor
Påverkar mobiloptimering min ranking på dator?
Ja. Sökmotorerna använder din mobilwebbplats som huvudversion för att ranka både mobila resultat och datorresultat. Om din mobilwebbplats ger en dålig upplevelse lider både din mobilranking och din datorranking. Mobiloptimering gynnar båda versionerna. Med WEMASY:s webbplatsbyggare kan du ställa in det här direkt på din webbplats.
Vilken mobil skärmstorlek ska jag optimera för?
Designa för minst 320 pixlars bredd så att du stöder äldre telefoner och små skärmar. De flesta moderna telefoner är 375-480 pixlar breda. Surfplattor är 768 pixlar eller mer. Optimera för mobil först på 320 px och skala sedan upp till större skärmar. Det mobile-first-sättet ser till att din webbplats fungerar överallt.
Ska jag ha en separat mobilwebbplats eller använda responsiv design?
Använd responsiv design. Separata mobilwebbplatser är föråldrade och ger underhållsbekymmer. Responsiv design visar samma innehåll på alla enheter, anpassar layouten automatiskt och är lättare att underhålla. Sökmotorerna föredrar responsiv design.
Hur testar jag mobiloptimering?
Använd Googles Mobile-Friendly Test för att kontrollera grundläggande mobilkompatibilitet. Använd PageSpeed Insights för att mäta mobilprestanda. Testa på riktiga enheter med riktiga mobilnät. Strypa webbläsaren till 4G-hastighet. Använd riktiga telefoner från olika tillverkare och i olika åldrar. Laboratorietester är användbara men riktiga tester är viktigast.
Hur stora ska knapparna vara på mobil?
Knappar bör vara minst 48x48 pixlar för att vara lätta att trycka på. Utfyllnaden runt knapparna spelar roll. Placera dem tillräckligt långt från varandra så att användarna inte trycker fel av misstag. Om gränssnittet känns trångt på en telefon är knapparna för små.
Behöver jag en mobilapp för SEO?
Nej. En mobiloptimerad webbplats rankar bättre än en app i sökmotorerna. Appar kan inte crawlas av sökmotorer. Webbplatser kan. Om du vill ha söktrafik på mobil, optimera din webbplats. Appar fyller andra syften men hjälper inte SEO.