Mobile-First Indexing: En guide för att säkerställa mobilvänliga webbplatser

Introduktion

Mobile-first indexing är inte ett nytt ämne i världen av sökmotoroptimering (SEO) och webbplatsutveckling. Faktum är att Exploding Topics rapporterar att mer än 55% av den globala trafiken kommer från mobila enheter.

Om ditt företag inte har en mobilvänlig webbplats kommer potentiella kunder förmodligen att hoppa av din webbplats på några sekunder.

Det bästa sättet för din webbplats att synas på Googles resultatsidor för sökmotorer (SERP) är att anamma mobile-first indexering.

Detta är Googles metod för att rangordna webbplatser baserat på mobilversionerna av deras innehåll.

För att hjälpa dig på rätt väg kommer den här guiden att förklara hur du införlivar mobile-first indexering genom att skapa en responsiv webbplatsdesign.

Kontrollera om din webbplats är mobilanpassad

Vid mobile-first indexering kommer sökmotorer att genomsöka och visa den mobila versionen av din webbplats före allt annat. Om din webbplats inte är mobilanpassad kommer skrivbordsversionen som standard att visas på mobila skärmar.

Och dina mobilanvändare kan få en överdimensionerad och svåranvänd webbplatspresentation på sin smartphone eller surfplatta. Ingen idealisk situation, minst sagt. Du går miste om en responsiv design. Och din webbplats anpassar sig inte till olika skärmstorlekar.

Du kan undvika detta scenario genom att kontrollera om din webbplats redan är mobilanpassad. Det bästa sättet är att använda Googles PageSpeed Insights-verktyg.

(Bildkälla)

Om du bara skriver in webbadressen till din webbplats i sökfältet kan du se realtidsdata om hur den fungerar på mobila enheter:

(Bildkälla)

Som du kan se är det viktigt att ha en mobilvänlig webbplats med ett poängtal mellan 90-100. Om du upptäcker att din webbplats inte är mobilvänlig är det dags att gå till Google Search Console.

(Bildkälla)

Där kan du hitta eventuella problem med genomsökning, hastighetsproblem och andra fel som kan hindra din mobila upplevelse.

Men de vanligaste mobilvänliga problemen som du hittar i den när artiklar, Google Search Console är:

• Problem med touch-inmatning (länkar och knappar) för mobilanvändare
• Icke-responsiv webbdesign, mall eller tema
• Popup-fönster som inte är mobilvänliga
• Svårnavigerad webbplats
• Typsnitt som är svåra att läsa

Oavsett om din webbplats är byggd från grunden eller om du använder ett CMS-system (Content Management System) som WordPress, bör du inte utgå från att din webbplats redan är mobilanpassad.

PageSpeed Insights och Google Search Console ger dig en översikt över webbplatsens mobila prestanda så att du kan göra nödvändiga förbättringar för mobila skärmar.

Se till att din webbplats ger samma upplevelse på stationära och mobila enheter

Det är vanligt att SEO:er och utvecklare tar bort vissa webbfunktioner från en mobil webbplats för att främja en bra användarupplevelse (UX).

Att ha en klumpig mobilwebbplats full av onödiga element är trots allt aldrig en bra idé. Men om du tar bort för många av dessa funktioner kan det påverka webbplatsens mobila indexering.

Google vill se till att utvecklare levererar samma upplevelse till både stationära och mobila användare. Här är vad de specifikt hade att säga om saken:

"Om din mobila webbplats har mindre innehåll än din stationära webbplats bör du överväga att uppdatera din mobila webbplats så att dess primära innehåll är likvärdigt med din stationära webbplats. Nästan all indexering på din webbplats kommer från den mobila webbplatsen."

Det är ganska enkelt.

Om din mobila webbplatsversion har mindre innehåll kommer den inte att prestera bra i SERP.

Sökmotorer värdesätter innehåll eftersom det är det enda sättet för dem att avgöra vad din webbplats handlar om. Här är några viktiga rekommendationer som du bör följa om du vill att desktop- och mobilversionerna av din webbplats ska se likadana ut:

• Arbeta med dina UX-, SEO- och utvecklingsteam för att visa innehåll på ett mobilvänligt sätt istället för att ta bort viktiga webbplatselement.
• Bilder, videor och andra stora innehållsfiler måste optimeras korrekt för olika mobila enheter, t.ex. surfplattor, smartphones och andra smarta enheter.
• Håll alla strukturerade data, metarobotstaggar och tekniska webbplatsdata universella över alla IoT-enheter.

Kom ihåg att mobile-first indexering innebär att sökmotorer i första hand kommer att genomsöka din webbplats mobilversion. Om din mobila webbplats inte har tillräckligt med innehåll spelar det ingen roll hur optimerad din desktopwebbplats är.

Ingetdera kommer att generera den SEO-prestanda du letar efter.

Lär dig skillnaden mellan mobil användbarhet och mobile-first indexering

Mobile-first indexing och mobil användbarhet används ofta synonymt. Sanningen är att dessa termer inte är samma sak.

Mobil användbarhet förklarar hur en webbplats fungerar på mobila enheter. Som vi förklarade tidigare är mobile-first indexing Googles preferens för att genomsöka mobila webbplatsversioner framför desktopversioner.

Här kommer en brasklapp.

Om din webbplats inte är mobilvänlig och har massor av problem med mobilanvändbarheten kan och kommer den fortfarande att indexeras av Google. Låt oss till exempel säga att du driver en restaurang och att en av dina menysidor är en PDF-fil.

PDF-filer är naturligtvis svåra att läsa och navigera i på mobila enheter. Google kan dock fortfarande genomsöka information med mobile-first indexing om det finns tillräckligt mycket av den.

I slutändan kommer en Googlebot i en smartphone automatiskt att genomsöka din webbplats om den har tillräckligt med innehåll för mobile-first indexering. Men först måste du lösa problemen med mobilanvändbarheten på din webbplats.

Öka hastigheten på din webbplats

Den genomsnittliga tiden som en användare tillbringar på en webbplats är 54 sekunder.

Ingen har hela dagen på sig att vänta på att din webbplats ska laddas. Det finns ju miljarder andra webbplatser som de kan nå på bara ett par sekunder.

Därför är det viktigt att förbättra webbplatsens hastighet, inte bara för mobilanvändare utan också för SEO-ändamål.

Långsamma laddningstider för webbplatser påverkar både uppehållstiden och avvisningsfrekvensen. Detta är mått som uppskattar hur länge människor stannar på din webbplats eller lämnar den utan att göra något.

Om detta händer på grund av att din webbplats är för långsam kommer Google att märka detta och nedgradera din webbplats i SERP. För att undvika detta kan du kontrollera och övervaka webbplatsens hastighet genom att genomföra en webbplatsrevision.

Du kan använda Ranktracker för att utföra en omfattande webbgranskning för att mäta webbplatsens hastighet på mobila enheter.

Optimera din webbplats för innehåll som laddas långsamt

Lazy loading-innehåll är vanligt förekommande på de flesta moderna webbplatser. Nyhetspublikationer använder denna typ av innehåll för att kontinuerligt fylla på med fler nyheter när du scrollar ner på deras webbplatser.

Sportnyhetsförlaget ClutchPoints låter användarna klicka på knappen "More Stories" om de vill läsa fler nyhetsartiklar inom vissa sportkategorier:

(Bildkälla)

Principen bakom lazy loading är att innehåll bara ska visas när användaren ber om det. Och det ökar webbplatsens hastighet genom att minska antalet onödiga kodrader som Google kan genomsöka.

Det ger också en fin touch av UX för att hålla dina webbsidor mindre innehållstunga för mobilanvändare. Problemet är dock att innehåll som laddas långsamt kan vara svårt för sökmotorer att indexera.

Tillbaka till ClutchPoints, till exempel.

Naturligtvis kommer Google inte att kunna indexera de berättelser som du kan få fram genom att klicka på knappen "Fler berättelser" om de inte redan finns där.

Du kan lösa problemet genom att se till att din webbplats tillåter paginerad laddning. Detta gör att sökmotorer som Google kan notera allt innehåll på din webbplats, även om den använder oändlig scroll, som ClutchPoints.

Se upp för felaktig placering av annonser

Om du använder Google Adsense är det viktigt att vara försiktig med hur dina annonser visas i mobilversionen av din webbplats.

Mobila enheter visar responsiva displayannonser (RDA) i stället för de vanligare annonser som du ser på en stationär dator.

Här är till exempel typiska desktopannonser:

(Bildkälla)

Och så här skulle de se ut på en mobil enhet:

(Bildkälla)

Du kan inte komma undan med att återanvända desktop display-annonser på mobilen. Här är några exempel på bästa praxis när du skapar mobila RDA:er:

• Instruera ditt SEO-team och dina utvecklare att använda CSS och HTML-taggar för att anpassa dina annonser baserat på olika presentationsstorlekar
• Håll rubriken och texten tydlig och kortfattad
• Undvik att lägga till text över bilder
• Skapa annonsbilder i flera storlekar

Se till att din webbplats är ADA-kompatibel

61 miljoner människor i USA lever med en funktionsnedsättning. Att ha en tillgänglig webbplats innebär att man tar hänsyn till användare med funktionshinder som kan vara hörselskadade, färgblinda eller ha något annat osynligt handikapp.

Ju fler som kan interagera med din webbplats, desto större är sannolikheten att de stannar kvar och konverterar. Detta koncept är enormt för mobile-first indexering.

Att göra din webbplats tillgänglig gynnar alla användare, inte bara dem med funktionshinder. Mobilanpassade webbplatser som är enkla att använda, har en tydlig innehållsstruktur och alternativ text för bilder ger bättre kundupplevelser, bland andra tillgänglighetsfunktioner.

Strävan efter att göra webbplatser tillgängliga är också ett klokt affärsmässigt beslut, förutom att det är ett etiskt beslut. Det är viktigt att känna till de juridiska konsekvenserna av att säkerställa tillgängligheten. Amerikanska företag omfattas till exempel av bestämmelser som Americans with Disabilities Act (ADA), som kräver att deras webbplatser, i likhet med deras fysiska lokaler, ska erbjuda en heltäckande upplevelse för alla besökare.

Du kan använda en kostnadsfri tillgänglighetskontroll för webbplatser, t.ex. accessiBe, som gör en noggrann bedömning av webbplatsens aktuella tillgänglighetsstatus för att avgöra om den uppfyller gällande bestämmelser.

Bildkälla

Andra sätt att göra din webbplats mer tillgänglig är genom att:

• Använd konsekventa färger på din webbplats. Se till att undvika att använda mycket ljusa neonfärger som är svåra att läsa.
• Lägga till alternativ text till dina bilder för att underlätta för personer med funktionshinder som använder skärmläsare.
• Använda en tydlig innehållsstruktur så att användarna snabbt och enkelt kan hitta viktig information.

När du har använt några av dessa bästa metoder kan du kontrollera att din webbplats uppfyller kraven enligt Americans with Disabilities Act (ADA). Om din sida får godkänt är det bara att köra.

(Bildkälla)

Att utveckla en tillgänglig webbplats garanterar att alla människor är engagerade, informerade och redo att konvertera.

Viktiga slutsatser

Sammantaget har mobile-first indexing satt en högre standard för hur webbplatser ska se ut och fungera på internet. Sökmotorerna är nu främst intresserade av hur din webbplats fungerar för mobila användare.

Genom att följa denna guide får du en tydligare bild av hur du hanterar en mobilvänlig webbplats och anpassar den till fler mobilanvändare.