Det är ganska vanligt att människor använder handhållna enheter för att komma ikapp med sin läsning eller för att söka efter vad som helst på nätet. En rapport uppskattar att 60 % av sökningarna börjar från en mobil enhet. Om din målgrupp är en del av denna befolkning som ständigt är på språng, har du verkligen inget val: du måste se till att din webbplats ser bra ut och fungerar bra på mobiltelefoner. Låt oss i det här inlägget titta på några saker du kan göra för att göra din WordPress-webbplats mobilvänlig.
En mobilanpassad webbplats visas som en liten version av din vanliga webbplats. För att uppnå detta utseende måste du optimera alla delar av din webbplats för att svara på din skärmstorlek. Och för att attrahera och behålla trafik måste du se till att din webbplats laddas snabbt, särskilt på mobila enheter.
En Googlebot tittar på många aspekter när den kontrollerar om en webbplats är mobilanpassad, inklusive,
- om sidan innehåller för många annonser eller programvara som inte är lämplig för mobila enheter, som Flash och Java.
- om storleken på innehållet reduceras till skärmen och texten är läsbar, utan zoomning eller horisontell rullning.
- om länkarna är placerade tydligt isär så att de är lätta att röra vid.
Varför ska din WordPress-webbplats vara mobilvänlig?
Att göra en WordPress-webbplats mobilvänlig är en naturlig följd av den explosiva ökningen av antalet mobiltelefoner, bättre nätverksanslutning och Wi-Fi-åtkomst på offentliga platser. De mest övertygande skälen är,
- Sökmotorer betraktar mobilvänlighet som en rankningsfaktor. Mobilvänlighet avgörs sida för sida. Det betyder att de mobilanpassade områdena på din webbplats kommer att rankas högre i sökresultaten, medan det återstående innehållet kommer att rankas lägre.
- En svårnavigerad webbsida kan resultera i en högre avvisningsfrekvens vilket kan skada din webbplats SEO. Omvänt kan en mobiloptimerad webbplats översättas till bättre sajthastighet och SEO.
- Att göra dina webbsidor mobilvänliga innebär ofta att du har rena rutnät och layouter, och möjligen en universell URL och kodbas.
- Mobilvänlighet förbättrar varumärket och försäljningen.
Hur du gör din WordPress-webbplats mobilvänlig
Nuförtiden är moderna WordPress-teman som Total responsiva och kan visa webbplatsen på vilken enhet som helst. Det finns dock många saker du kan göra för att optimera din webbplats för mobila enheter förutom att använda ett responsivt tema.
1. Vi, en mobil-först strategi
I det nuvarande digitala scenariot kan vikten av att vara kompatibel med mobila enheter inte överbetonas. I USA är tiden för mobila digitala medier högre med 51 % jämfört med datorer med 42 %. För att nå den här tryck-och-svep-publiken optimerar webbplatsägare inte bara befintlig webbdesign för flera skärmstorlekar. De går ett steg före och tar en mobil-först-strategi.
Mobile-first-metoden skapar en UX-design specifikt för mobil och prioriterar innehållsstrategin för den minsta skärmstorleken. Det är inte begränsat till att optimera den befintliga vanliga skrivbordswebbplatsen för mobil.
En annan viktig anledning till att gå i första hand med mobilen är Googles tillkännagivande i november 2016 att gradvis övergå till indexering med mobilen först. Denna indexeringsmetod innebär att Google först kontrollerar webbplatsens mobilsidor för indexering, före skrivbordssidorna. När Google väljer en webbplats för mobilförst-indexet använder Google “rankare” för att ta reda på hur redo en sida är för mobilförst-index. Rankers bestämmer hur likvärdig eller jämförbar datorsajten är med mobilsajten när det gäller innehåll, länkar, layout, multimedia, etc. Faktum är att i oktober berättade Googles Gary Illyes för en publik på SMX East-konferensen i New York City att vissa sajter redan finns på mobilindexlistan, och fler kommer att läggas till.
2. Optimera bilder
Bildfiler är vanligtvis många byte långa. De laddas långsammare än andra resurser som text och HTML. För att göra din webbplats mobilanpassad behöver du optimera bilder för att passa mindre skärmar. Sedan version 4.4 tar WordPress till stor del hand om detta, men du kan alltid använda ett WordPress-plugin för att ytterligare optimera dina bilder.
Du kan göra mycket mer för att optimera bilder, och alltid ha i åtanke att bildoptimering kräver en balans mellan användarupplevelse, visuell attraktion och sidprestanda. Ta först bort bilder som inte tillför värde. Därefter, innan du ens laddar upp dina bilder, optimera dem genom att komprimera dem till mindre filstorlekar. Om du använder Photoshop, använd alternativet Spara för webben. Onlineverktyg som TinyPNG eller plugins som WPSmush kan också få jobbet gjort ganska effektivt. Dessutom finns det en Github-sida som kan hjälpa dig att jämföra olika komprimeringsverktyg. För att lära dig mer om bildoptimering, använd vår bildoptimeringsguide.
3. Implementera accelererade mobilsidor
Accelerated Mobile Pages är ett initiativ med öppen källkod från Google för att tillhandahålla snabbt laddat innehåll på mobila enheter. Det ger publicister möjlighet att skapa mobilanpassat innehåll bara en gång och få det att laddas var som helst på den mobila webben direkt. AMP är faktiskt ett stort antal optimeringar för webbplatsen som görs enhetligt som krävs av Google. Ett standardutbud av annonsformat, annonsnätverk och tekniker kommer att finnas tillgängliga. Samtidigt kan redaktörer också välja sina egna format, så länge det inte är ett hinder för hastigheten. Vi har vår egen AMP för WordPress-handledning för att skapa AMP-sidor för att hjälpa dig komma igång. Vi rekommenderar även Googles AMP Start som också hjälper dig att skapa snygga AMP-sidor, med färdiga AMP-mallar och -komponenter.
AMP-innehåll blir omedelbart tillgängligt i en Google-sökning och tillgängligt via sociala plattformar som Twitter, LinkedIn och Pinterest.
Den speciella formateringen och leveransen av mobilsidor gör dessa sidor mycket snabbare på mobila enheter. Den genomsnittliga laddningstiden för en AMP-sida att ladda från Google är mindre än en halv sekund. I oktober 2017 har mer än 25 miljoner webbplatsdomäner betjänat mer än 4 miljarder AMP-sidor. AMP leder till en 10 % ökning av webbplatstrafiken och fördubblar tiden som spenderas på sidan. AMP e-handelswebbplatser såg en ökning med 20 % i försäljningskonverteringar jämfört med icke-AMP-sidor.
AMP är ännu inte en rankningsfaktor, men det kan ha en enorm inverkan på användarupplevelsen och följaktligen SEO.
4. Undvik popup-fönster i helskärm
Det råder ingen tvekan om att popup-fönster fungerar. Men när vi använder popup-fönster måste vi alltid hålla användarupplevelsen i framkant. Popup-fönster som är kontextuellt relevanta, har catchy rubriker och erbjuder verkligt värde så att läsaren har en bättre chans att konvertera. Å andra sidan räcker det med popup-fönster med skräppost som visar annonser ovanför huvudinnehållet för att avvisa en besökare.
När en användare klickar på en Google-sida bör innehållet du har indexerat i en mobilsökning vara tillgängligt. Annars kanske de inte rankas högt i mobila sökresultat (från och med januari 2017). Popup-fönster som svar på juridiska förpliktelser, såsom cookies och åldersbekräftelser, eller inloggningsdialoger som tillåter åtkomst till blockerat innehåll, är bra för Google. Detsamma gäller annonser som tar minimalt med skärmutrymme och som enkelt kan avvisas.
Däremot hittar popup-fönster som visas så snart en besökare når sidan från en sökning, som täcker huvudinnehållet eller som visas medan en besökare surfar, inte nåd hos Google. Detsamma gäller för fristående mellansidesannonser som en användare måste kassera innan han får tillgång till huvudinnehållet.
Andra goda metoder att följa när det gäller popup-fönster på mobilen inkluderar att undvika popup-fönster i helskärm eller inkludera expanderbart innehåll som dragspel eller expanderbara rutor på din mobilwebbplats. Använd mindre meddelanden som banners, liners eller diabilder, eller dölj innehåll bakom flikar.
Googles John Mueller varnar för att mellansidesannonser som visas mellan sökklicket och tillgång till innehåll har en negativ inverkan på rankingen. Följaktligen kan det hända att popup-fönster från sida till sida eller popup-fönster med exit-avsikt inte påverkar rankningen.
5. Överväg att skapa en mobilapp
En mobilapp är ett datorprogram som körs på en mobil enhet, till exempel en telefon eller klocka. Till exempel har Amazon en Alexa shoppingapp. Appar finns nu tillgängliga och kan laddas ner för allt: nytta, produktivitet, navigering, underhållning, sport eller fitness. Facebook är den mest nedladdade applikationen, med 140 miljoner nedladdningar varje månad.
Många webbplatser har mobilwebbplatser och mobilapplikationer. En applikation ger specifik information i ett lättförståeligt format. Det är intuitivt att använda och erbjuder mer interaktivitet. Idag sker mycket av e-handelsaktiviteten, inklusive betalningar, via mobiltelefoner. Därför är mobilapplikationer här för att stanna och växa i antal. Det bästa är att det är enkelt att förvandla din WordPress-webbplats till en app eller skapa en app för dina småföretag.
Mobilappar ökar trafiken genom att tillåta användare att knacka direkt från sina telefoner. Användare kan komma åt dig på ett ögonblick med bara några få klick. Appar hjälper dig att nå fler kunder och integreras väl med sociala medier. Du kan använda appar för att regelbundet uppdatera din produktlista och köra rabatter och erbjudanden. Eller anslut till partnerwebbplatser för att komma åt din app och för bättre synlighet.
Sammanfattningsvis
När du har gjort alla optimeringar för att göra din webbplats mobilvänlig, glöm inte att testa den i PageSpeed Insights. Googles mobilvänlighetstest testar även webbplatser efter URL.
Råden i detta inlägg är inte uttömmande. Det finns massor av WordPress-optimeringsplugins och fler guider som hjälper dig att förbättra din webbplats på mobila enheter. Så om du har något att tillägga eller har några frågor till oss, vänligen dela i kommentarerna nedan.
