Mobile-first indeksering betyder, at søgemaskiner rangerer din hjemmeside ud fra din mobilversion, ikke computerversionen. Mere end halvdelen af alle søgninger sker på telefoner. Din mobilside er nu din primære side. Computer er sekundær. Hvis din hjemmeside ser forfærdelig ud på mobil eller indlæses langsomt på telefoner, mister du placeringer og trafik. Lær at optimere til mobil, så du placerer dig på de enheder, hvor de fleste søger.
Det meste af din trafik kommer fra mobile enheder. Søgemaskiner ved det. De prioriterer oplevelsen på mobil over computer. En hjemmeside, der virker fremragende på computer, men forfærdeligt på mobil, mister placeringer og trafik.
Optimering til mobil er ikke at tilføje en menu til mobil. Det er at designe hvert element efter, hvordan folk faktisk bruger telefoner. Små skærme. Berøring. Langsomme forbindelser. Optimér til de realiteter, og du vinder i søgning på mobil.
Mobile-first indeksering betyder, at mobil er din primære side
Søgemaskiner crawler først din mobilside. De indekserer din mobilside som den primære version. Din computerside er sekundær. Den ændring skete for år siden, men mange hjemmesider behandler stadig mobil som en eftertanke.
Hvis din mobilversion har mindre indhold end computer, indekserer søgemaskiner mindre indhold. Hvis din mobilversion indlæses langsommere, ser søgemaskiner en langsommere hjemmeside. Hvis din navigation på mobil er i stykker, ser søgemaskiner en hjemmeside, der er i stykker. Din oplevelse på mobil afgør dine placeringer på alle enheder.
Responsivt design tilpasser sig enhver skærmstørrelse
Din hjemmeside bør automatisk tilpasse sig skærme på computer, tablet og telefon. Responsivt design bruger fleksible layouts, der skrumper og udvides efter skærmstørrelse. Indholdet forbliver læsbart. Billeder skalerer korrekt. Navigationen virker på alle enheder.
Test din hjemmeside på flere enheder. Ser den godt ud på en telefonskærm på 320 pixels? Virker den på en tablet på 10 tommer? Fungerer den på en skærm på 27 tommer? Responsivt design håndterer alt det uden at gå i stykker.
Brugere på mobil har anden adfærd end brugere på computer
Brugere på mobil søger anderledes. De bruger søgninger med "i nærheden". De søger med kortere søgninger. De vil have hurtige svar. De forventer øjeblikkelige resultater. De har ringe tålmodighed med langsom indlæsning.
Brugere på computer researcher. Brugere på mobil har brug for det nu. Optimér til adfærden på mobil. Gør din hjemmeside hurtig. Gør din vigtigste information umiddelbart synlig. Gør knapper og links lette at trykke på. Gør formularer korte. Brugere på mobil forlader langsomme, komplicerede hjemmesider på sekunder.
Sørg for, at områder til tryk er store nok
Folk trykker med fingre, ikke med musemarkører. Knapper skal være mindst 48 pixels brede og 48 pixels høje. Links har brug for luft, så utilsigtede tryk rammer det rigtige link. Pres ikke elementer for tæt sammen.
Test din hjemmeside på en rigtig telefon. Tryk på knapper. Kan du trykke på dem uden at ramme den forkerte? Hvis det er svært for dig, er det umuligt for folk med større fingre eller ældre øjne. Gør alt muligt at trykke på.
Mindsk sidens vægt til mobilnetværk
Forbindelser på mobil er langsommere end bredbånd. Hver kilobyte betyder noget. Komprimér billeder. Fjern unødvendig kode. Brug lazy loading til billeder under folden. Udskyd JavaScript, der ikke er kritisk.
En side på 5 MB, der tager 10 sekunder at indlæse på mobil, er for meget. Brugere på mobil forventer at se indhold på 2-3 sekunder. Optimér filstørrelser ubarmhjertigt.
Test på faktiske mobile enheder og netværk
Emulatorer i din browser er nyttige, men ufuldstændige. Test på rigtige telefoner. Test på langsomme netværk. Begræns din forbindelse til 4G. Se, hvordan din hjemmeside reelt klarer sig for rigtige brugere.
Lighthouse og PageSpeed Insights hjælper. Men de måler under laboratorieforhold. Rigtige brugere på rigtige netværk har andre oplevelser. Test begge dele.
Ofte stillede spørgsmål
Påvirker optimering til mobil mine placeringer på computer?
Ja. Søgemaskiner bruger din mobilside som den primære version til at rangere både resultater på mobil og computer. Hvis din mobilside har en dårlig oplevelse, lider både dine placeringer på mobil og computer. At optimere mobil gavner begge versioner. Med WEMASY's hjemmesidebygger kan du sætte det op direkte på din hjemmeside.
Hvilken skærmstørrelse på mobil er ideel at optimere til?
Design til mindst 320 pixels i bredden for at sikre, at du understøtter ældre telefoner og små skærme. De fleste moderne telefoner er 375-480 pixels brede. Tablets er 768+ pixels. Optimér først til mobil ved 320 px, og skalér så op til større skærme. Den mobile-first tilgang sikrer, at din hjemmeside virker overalt.
Skal jeg have en separat mobilside eller bruge responsivt design?
Brug responsivt design. Separate mobilsider er forældede og skaber hovedpine med vedligeholdelse. Responsivt design leverer det samme indhold til alle enheder, tilpasser layoutet automatisk og er lettere at vedligeholde. Søgemaskiner foretrækker responsivt design.
Hvordan tester jeg optimering til mobil?
Brug Googles Mobile-Friendly Test til at tjekke grundlæggende kompatibilitet med mobil. Brug PageSpeed Insights til at måle præstation på mobil. Test på rigtige enheder med faktiske mobilnetværk. Begræns din browser til 4G-hastighed. Brug rigtige telefoner fra forskellige producenter og i forskellig alder. Test i laboratorium er nyttige, men test i virkeligheden betyder mest.
Hvor store skal knapper være på mobil?
Knapper bør være mindst 48x48 pixels, så de er lette at trykke på. Luft omkring knapper betyder noget. Placér dem langt nok fra hinanden, så brugere ikke ved et uheld trykker på den forkerte knap. Hvis din brugerflade føles trang på en telefon, er knapperne for små.
Har jeg brug for en app til mobil til SEO?
Nej. En hjemmeside optimeret til mobil placerer sig bedre end en app hos søgemaskiner. Apps kan ikke crawles af søgemaskiner. Hjemmesider kan. Hvis du vil have søgetrafik på mobil, så optimér din hjemmeside. Apps tjener andre formål, men hjælper ikke SEO.