Att förbereda Din WordPress Webbplats för Googles Mobile-First Index

I 2016 överträffade mobiltrafik historiskt datortrafik för första gången. Och om du har hållit dig uppdaterad om Googles algoritmändringar under de senaste åren, kanske du har märkt en mobildominerande trend. Passande nog, strax efter att mobiltrafiken växte om den stationära trafiken, meddelade Google att deras sökmotorindexering skulle övergå till mobile-first.

Medan Google bekräftade att meddelandet inte var omedelbart och skulle rullas ut långsamt allteftersom testning pågick, har det gått över ett och ett halvt år sedan det ursprungliga meddelandet. 26 mars 2018 meddelade Google officiellt början på mobile-first indexeringen. Detta medför allvarliga förändringar av indexeringens status quo.

För närvarande är de flesta webbplatser knappt optimerade korrekt för skrivbordet, än mindre mobil, där 21% av småföretagssajter inte är ”optimerade.” 😧 Om Google plötsligt helt bytte till mobile-first indexering, skulle de allra flesta webbplatser som dominerar konkurrensen stå inför en stor SEO-depression, potentiellt med kraft att förstöra deras nuvarande modus operandi.

Så, vad betyder mobile-first indexing egentligen? När träder det i kraft och hur kan du förbereda dig? I det här inlägget förklarar vi mobile-first och hur du kan förbereda din webbplats för ändringarna för att undvika potentiella katastrofer.

Med vilket Google-meddelande som helst är det ibland svårt att läsa mellan raderna. Fan, vi hade inte ens bekräftelse på de två viktigaste rankningsfaktorerna på över ett decennium. Att få ett rakt svar från Google är lika sällsynt som en full solförmörkelse. Mobile-first indexing är ett ganska enkelt koncept, men människor definierar det ofta på onödigt komplexa sätt.

Låt mig förklara det helt enkelt för dig: Google har noterat att majoriteten av människor över hela världen surfar på mobila enheter och besöker därför mobilversionerna av webbplatser. Men för närvarande tittar hela indexeringssystemet på skrivbordsversionen av en webbplats först när det bedömer kvalitet och relevans för användarna.

Det är en enorm, potentiellt skadlig, brytning för Google som skulle kunna orsaka sökare att överge plattformen. Hur? Om de flesta använder mobila enheter för att bläddra, men Google indexerar skrivbordsversioner för relevans och kvalitet, är det troligt att mobila användare får en sämre upplevelse.

Och kom ihåg den tidigare statistiken: 21% av småföretags mobila webbplatser är inte optimerade. Det innebär att många Google-användare oundvikligen besöker mobila webbplatser av låg kvalitet. Google och företagswebbplatser har inte råd att låta det hända längre. Inte när 85% av användarna inte kommer tillbaka till din webbplats eller varumärke efter att ha haft en dålig mobil upplevelse.

Big jump in # of top sites using mobile-friendly design the past few months (via meta viewport tag) but a surprisingly huge chunk of the web isn't responsive (or uses less popular mobile-friendly schemes) via @builtwith https://t.co/zozrmHkfi4 pic.twitter.com/OlxHug4pYx

— Cyrus (@CyrusShepard) March 26, 2018

Och det skulle inte vara ovanligt att trafikminskning skulle hända om Google inte adresserade denna massiva brytning. I 2013 drabbades Google av ett fem minuters avbrott i tjänsten, vilket resulterade i globala trafikfall på 40% och en förlust på 545 000 dollar nettointäkter.

Data visar att Alphabet Inc (moderbolaget till Google), tjänar över $3 200 i intäkter varje sekund. Det innebär att ett enda avbrott på fem minuter under 2018 skulle producera en nettoförlust som nästan fördubblar vad Google fick 2013:

Det är säkert att säga att Google skadesäkrar sin nuvarande modell, och vill förhindra att eventuella katastrofer händer både när det gäller intäkter och marknadsandelar.

Av dessa skäl kommer Google långsamt att rulla ut ändringar för att göra mobila webbplatser första prioritet när det gäller indexering av innehåll av relevans och kvalitet. Google kommer fortfarande att indexera dina stationära webbplatsversioner, men de ger mobilen första prioritet.

Mobil är viktigare än någonsin. Nyligen, i slutet av 2017, började branschexperter märka mobile-first testning och utrullning för några webbplatser. Google Webmaster Analytiker Gary Illyes lämnade denna information till allmänheten folkmassorna på SMX East-konferensen.

Och från och med den 26 mars 2018 har Google officiellt meddelat början på den mobile-first indexeringen. Men var säker, det kommer att ske långsamt och stadigt. Vilket innebär att du inte behöver oroa dig för att vakna upp till en potentiell Internet-domedag där din ranking och trafik försvinner över en natt.

John Mueller, en Google Webmaster analytiker, har också sagt att användarna kommer att informeras via Google Search Console när deras webbplats har flyttats. Du kan se ett exempel på detta e-postmeddelande nedan.

Men det betyder inte heller att du kan sitta och vänta på att utrullningen ska hända på din webbplats. Det kommer oavsett om du är förberedd eller inte. Så här kan du veta om din webbplats är redo och vilka förändringar du behöver göra för att hålla dig flytande i detta föränderliga landskap.

Gör din webbplats mobilvänlig eller responsiv omedelbart

Enligt Googles pressmeddelande, finns det några villkor att vara medveten om med mobil indexering. Först och främst gjorde Google det klart att webbplatser som använder mobilvänliga eller mobila responsiva protokoll som är aktuella skulle klara den här uppdateringen väl.

Om din webbplats är mobilvänlig eller mobilresponsiv, vilket innebär att ditt innehåll uppdateras dynamiskt mellan skrivbord och mobil, behöver du inte göra några grundläggande ändringar på din webbplats. Även om det inte betyder att du inte alls behöver tänka på att förbättra din mobila webbplats, betyder det att du har mindre arbete att göra.

Så, hur vet du om din webbplats är mobilvänlig eller responsiv? Ett av de enklaste sätten är att helt enkelt använda Googles mobilvänliga testverktyg.

Du kan också köra din webbplats via ett verktyg från tredje part som Responsive Design Tool. När du anger din webbplats i sökfältet, kommer verktyget att visa dig hur din mobila webbplats ser ut på mobil, surfplatta och skrivbord:

Om du för närvarande har separata mobila och stationära webbplatser där du måste göra uppdaterade ändringar, är din webbplats inte mobilresponsiv. Om innehållet och markeringen till exempel är olika på varje webbplats rekommenderar Google att du gör ändringar.

Till att börja med, se till att du serverar strukturerad markering för både din mobila och stationära webbplatsversion. Du kan dubbelkolla dessa ansträngningar med hjälp av Strukutrerad data-verktyget. Kör webbadressen via verktyget strukturerad data och skicka dina data direkt till ditt Google Search Console-konto under ”Sök utseende → Strukturerad Data.”

Härifrån kan du se om dina strukturerade data kan genomsökas utan fel och om webbplatskartor uppdateras i enlighet med detta. Om du hittar problem ger Google search console dig exakta steg som du måste vidta för att åtgärda problemen.

Med den nya mobile-first index-uppdateringen på snar ingång, måste din webbplats vara mobil-responsiv eller -vänlig. Men om din webbplats inte är det, få inte panik. Du kan lösa detta snabbt utan att tömma bankkontot eller se över hela din webbplats.

Använd ett responsivt WordPress-tema

En av de stora fördelarna med att använda WordPress är att nästan varje tema som säljs idag är responsiv vid installation. Men om du kör ett äldre tema eller fallit bakom när det gäller uppdateringar kan det mycket väl vara så att ditt WordPress-tema inte är mobilvänligt än. Här är några saker du kan göra.

Först, se till att ditt WordPress-tema är helt uppdaterat. Ibland kommer utvecklare att bygga om koden på äldre teman eller flytta dem till ramar för att säkerställa att de är mobilvänliga. Om du arbetar med flera versioner rekommenderar vi alltid att du tar en säkerhetskopia först och sedan testar den nya versionen på en staging-webbplats.

För det andra, om du använder ett föråldrat WordPress-tema eller utvecklaren inte längre finns kvar, kan det vara dags att flytta till ett nytt. Det finns gott om bra gratis och premium WordPress-teman att välja mellan. Du kan välja ett lättviktigt, snabb och responsivt tema som GeneratePress eller OceanWP. Dessa gör att du kan bygga nästan alla webbplatser och stödjer även e-handelsbutiker.

Här är några temaleverantörer vi rekommenderar att du också kollar in:

• MyThemeShop
• CyberChimps Themes
• Elegant Themes
• MH Themes
• Proteus Themes
• ThemeForest marketplace
• Pixelgrade
• Themeisle
• Meridianthemes
• Macho Themes
• Premiumcoding
• Anariel Design

Anlita en WordPress-utvecklare för att göra din webbplats mobilvänlig

Kanske har du ett specialbyggt WordPress-tema eller webbplats och kan inte flytta till ett nytt WordPress-tema. I det här fallet kan du behöva betala lite pengar och anlita en WordPress-utvecklare för att se till att sidan är mobilvänlig. Detta kan innebära att flytta din webbplats till ett nytt ramverk eller till och med skriva om all din baskod. Se till att få en offert från ett par ställen innan du fortsätter. Beroende på din webbplats kan detta vara ett litet eller mycket stort projekt. Några företag rekommenderar vi inkluderar:

• Codeable
• WP Buffs
• SkyrocketWP
• ClickWP
• Mode Effect
• WP-Tonic

Använda ett WordPress Mobilplugin

Om du har dåligt med pengar, kan du också använda ett WordPress mobilplugin. Även om vi rekommenderar detta som en sista utväg, kan det vara ett av de enklaste sätten att se till att din webbplats är mobilvänlig direkt.

Några av de bästa WordPress-pluginsen för mobiloptimering för närvarande är  WPtouch, WP Mobile Pack, Jetpack, och OBox Mobile. Med över fem miljoner nedladdningar är WPtouch en av de mest uppdaterade, stödda och betrodda pluginsen för att optimera mobila upplevelser.

För närvarande aktiv på över 200 000-webbplatser och vald som Googles bästa val för mobila lösningar, är det en säker och effektiv satsning. Den billigaste planen börjar på $79.00, men du kan anpassa dina funktioner à la carte om du vill justera planer och prissättning. WPtouch fungerar genom att lägga till ett mobiltema för besökare till din WordPress webbplats.

Det skapar en omedelbar mobilvänlig version som dynamiskt drar innehåll mellan skrivbordet och mobila webbplatser. Inom instrumentpanelen, kan du anpassa deras färdiga teman för att bättre passa din nuvarande branding, också:

WPtouch är ett av de enklaste sätten att se till att din mobila webbplats ger en bättre användarupplevelse för det kommande mobile-first index.

Fokus på att förbättra webbplatsens hastighet

När det gäller att optimera din webbplats för mobile-first är hastighet en av de viktigaste faktorerna att fokusera på. Hastighet spelar en viktig roll i allt från användbarhet till avvisningsfrekvens och avgör om potentiella köpare kommer tillbaka till din webbplats.

Faktum är att dåliga mobilupplevelser kommer att göra att de flesta användare att aldrig återvänder. Enligt den senaste Google page speed-rapporten var den genomsnittliga tiden en mobil webbplats tog att ladda i 2018 15 sekunder. 🐌 Kan du tänka dig att vänta nästan en halv minut för att ladda en enda sida? Häpnadsväckande.

Som ni kan föreställa er, kräver (och förtjänar) användare bättre. Enligt samma page speed rapport lämnar 53% av de mobila webbplatsbesökarna sidor som tar längre tid än en ynka tre sekunder att ladda.

Långsamma mobila upplevelser dödar inte konverteringar. De hindrar dig från att ens få en chans att konvertera kunder. När sidans laddningstider ökar med bara några sekunder, ökar sannolikheten för att någon avvisar sidan exponentiellt.

Om din mobila webbplats tar mer än tio sekunder att ladda, kan du förlora nästan alla dina potentiella kunder och klienter. Och jag har nyheter till dig: Din webbplats är sannolikt för långsam. Enligt Google är den genomsnittliga webbplatsen i varje enskild bransch för långsam.

Att minska din avvisningsfrekvens bör alltid vara av högsta prioritet. Ett av de bästa sätten att göra det är genom att förbättra din webbplats hastighet. Du vill ge användarna en verklig chans att konsumera ditt innehåll i stället för att lämna det av ren ilska.

Du kan använda GTmetrix, WebPageTest eller Chrome DevTools för att se hur snabbt din webbplats laddas via en 2G eller 3G-anslutning.

Med Googles Test My Site-verktyg kan du skanna din nuvarande mobilwebbplats och få direkta insikter om vilka steg som behövs för att förbättra webbplatsens hastighet. Att köra din webbplats via verktyget kommer att generera en gratis version av din rapport som den kommer att skicka direkt till din inkorg. Rapporten täcker din nuvarande webbplats hastighet benchmarked mot dina konkurrenters. Det kommer också att visa dig dina nuvarande förluster av potentiella besökare:

Utöver referensdata ger Google dig direkta och angripbara sätt att göra din webbplats snabbare. Det uppskattar även hur lång tid varje uppgift kan ta av från dina totala laddningstider:

Klicka på någon av ”se hur”-tipsen, och du får steg-för-steg handledning om hur man rättar till något av dessa problem på din webbplats. Innan du bara vidarebefordrar dem till din utvecklare, kolla in några av våra handledningar som du kan följa för att snabbt fixa dem själv:

• Så komprimerar du bilder
• Så aktiverar du GZIP-komprimering
• Så fixar du varningen för utnyttja webbläsarcachning
• Eliminera renderingsblockerande Javascript och CSS
• Så här fixar du ”ange en cache-validator”-varning
• Så minskar du TTFB
• Så kombinerar du extern CSS

När du har gjort de föreslagna ändringarna kör du din webbplats genom verktyget igen och jämför resultaten. Du bör se dramatiska förbättringar som kommer att förbereda din webbplats för framgång i den kommande mobile-first världen. Kom ihåg att du sannolikt inte kommer att kunna fixa allt. Det viktigaste värdet är din webbplats totala laddningstid.

Se till att också välja en snabb värd som Kinsta. Vi hamnade i toppskiktet igen i 2018 Performance Benchmarks från ReviewSignal och drivs av Google Cloud Platform, ett av de snabbaste nätverken i världen.

Implementera Google AMP

Om du fortfarande kämpar med hastigheten på din webbplats, kanske du också vill undersöka implementeringen av Google AMP. Google AMP (Accelerated Mobile Pages Project) erbjuder i huvudsak ett sätt att serva upp en avskalad version av din nuvarande webbsida utan alla de saker som saktar ner den, till exempel JavaScript, uppblåst CSS, etc. Det finns tredjepartsplugin som nu gör denna process ganska enkel.

Vi rekommenderar dock att du är försiktig beroende på vilken typ av webbplats du har. På grund av att Google AMP är en stor förändring kan detta påverka allt från konverteringsfrekvenser till CTAs. Dessa kan, naturligtvis, ställas in igen men kommer att kräva en del arbete. Om du kör en WooCommerce webbplats och får en hel del mobila kunder, se till att du testa allt!

Vi tog bort Google AMP från Kinsta-webbplatsen efter testning. Men det här betyder inte att vi inte kommer att testa det igen i framtiden. Google gör regelbundet förbättringar av denna teknik.

Gör Mobilen Din Högsta Prioritet

Eftersom mobiltrafik dominerar webblandskapet och Google i enlighet justerar därmed, är det dags att flytta ditt eget interna fokus. Och medan sidhastighet är ett direkt steg du kan ta för att förbättra din webbplats för mobile-first index, är det inte det enda du kan göra.

Om du vill hitta sann framgång med en mobil webbplats, måste det bli din prioritet. Det innebär att du måste gå utöver dynamisk optimering och responsivitet. Hela din webbplats bör tillgodose den mobila användaren. Allt från struktur till den design och de element du använder.

Användare bläddrar mycket annorlunda på mobilen än de gör på datorn. Så oftare än inte kommer att helt enkelt efterlikna en stationär webbplats för mobila enheter inte helt optimera användarupplevelsen. På mobilen är skärmarna mindre, datorkraften är begränsad och användarna är ofta på språng.

Typiska sidelement och högupplösta bilder kommer att dra ner den mobila användarupplevelsen. Att ha en djup webbplatsarkitektur kan orsaka hemska mobila upplevelser, vilket tvingar användarna att klicka igenom dussintals flikar för att nå det innehåll de behöver:

Att lösa dessa typer av problem kräver tydligt seriös eftertanke. Det kan även kräva en massiv omdesign av din webbplats struktur. Men Googles förestående mobile-first index bör vara det som slutligen gör att du måste agera.

Om din nuvarande webbplatsstruktur är djup och svår att navigera på mobilen, bör du kraftigt överväga att testa användarupplevelsen på mobilen. Se vilka avsnitt som är svåra att aktivera och där vanliga avlämningspunkter är.

Med mobile-först bör du försöka förenkla upplevelsen för mobila användare på din webbplats. Istället för att skapa en komplex stationär webbplats först och en mobil webbplats andra, vänd på ordningen. HubSpot testade detta 2015 när de bestämde sig för att förenkla allt på sin mobila webbplats.

Först började de med innehållets landningssidor. De minskade på storleken och begränsade mängden rullning, nypning, zooming och klickande en användare var tvungen att göra:

Sedan tacklade de formulären som följde med dessa sidor:

Efter att de uppdaterat sina målsidor och deras efterföljande formulär så att de var nedbantade och enkla på mobilen, uppnådde de en 27% genomsnittlig minskning av mobila avvisningar. Genom att kombinera förenklingen av innehåll och webbplatsarkitektur med responsiv design sänktes avvisningsfrekvensen ytterligare 10,7%.

På mobilen måste du finjustera allt från responsiv design till hastighet, arkitektur och användarupplevelse. Och det enda sättet att göra det är genom att verkligen sätta mobilen först i dina prioriteringar.

En annan viktig sak att notera är att med mobile-first indexering, kommer innehåll som är kollapsat eller dolda i flikar inte att behandlas annorlunda än synligt innehåll (som det kan ha varit tidigare), eftersom denna typ av skärmförvaltning faktiskt är bästa praxis för mobiler. Mer om det här.

Kolla in dessa ytterligare tips om att utforma innehåll för mobile-first index.

Spåra sökord för mobilen

Orolig för din SEO med det nya mobile-first index? Medan allt vi nämnde ovan kan bidra till att förbättra din SEO, kanske du också vill hålla reda på din sökordsranking på mobile vs dator. Detta är särskilt viktigt för dig med en separat mobildomän, till exempel m.example.com.

If content is the same on desktop and mobile, but reordered, does that matter? "How the page is structured matters for ranking".

The main content is the most important thing. If it changes for mobile, you will rank differently.@methode #Pubcon

— Dr. Marie Haynes🐼 (@Marie_Haynes) February 21, 2018

Du kan enkelt göra detta med ett verktyg som Accuranker eller SEMrush. Nu är en bra tid att genomföra detta, innan det händer, så att du effektivt kan övervaka hur din webbplats påverkas av den nya ändringen från Google.

Ytterligare Tips från Google

Här är några ytterligare tips som rekommenderas av Google:

• Se till att mobilversionen av din webbplats också har det viktiga, innehåll av hög kvalitet. Detta inkluderar text, bilder (med alt-attribut) och videor – i vanliga genomsökbara och indexerbara format.
• Metadata ska finnas på båda versionerna av webbplatsen. Detta inkluderar saker som titlar, metabeskrivningar, rubriker etc. Kolla in vår SEO checklista.
• Kontrollera hreflang-länkar på separata mobila webbadresser. När du använder link rel=hreflang-element för internationalisering, länka mellan mobila och stationära webbadresser separat. Dina mobila webbadressers ’hreflang bör peka på andra språk/region versioner på andra mobila webbadresser, och på samma sätt länka skrivbordsversionen med andra skrivbordswebbadresser med hreflang länkelementen där. Om du följer vår WordPress flerspråkiga guide bör du vara väl utrustad!
• Se till att servrarna som hostar webbplatsen har tillräcklig kapacitet för att hantera potentiellt ökad genomsökningshastighet. Detta påverkar inte webbplatser som använder responsiv webbdesign och dynamisk visning, bara webbplatser där mobilversionen finns på en separat värd, till exempel m.example.com.
• Inga ändringar är nödvändiga för att koppla samman med separata mobila webbadresser (m. -dot-platser). För webbplatser som använder separata mobila webbadresser, behåll den befintliga länken rel=canonical och länka rel=alternate elements mellan dessa versioner. Glenn Gabe dyker in på några ytterligare problem  med separata mobila domäner och kanoniska taggar.

Sammanfattning

Mindre än två år sedan, gick mobil trafik förbi datortrafik över hela världen och Google lät oss veta att de skulle göra förändringar i hur de indexerades. Och det är nu här! Google har börjat rulla ut det nya mobile-first-indexet från och med den 26 mars 2018.

Om din webbplats inte har flyttats ännu finns det fortfarande tid att komma före konkurrensen. Fokusera på att göra din webbplats mobilvänlig och lyhörd, förbättra hastigheten och sätt mobilen först i allt du gör på din webbplats.

Har du några annan mobile-first index-tips vi missade? Låt oss veta nedan i kommentarerna.