För två år sedan lade Google till en etikett i sökresultaten för att visa mobilvänliga webbplatser. Detta har inneburit ganska länge att lätta, mobilvänliga webbplatser har dominerat sökresultat. Nyligen tog de också ställning för att straffa påträngande reklam på mobila enheter, och nu tar de slutligen nästa steg med mobil-första indexering. Mobil första indexering säkerställer att mobila vänliga webbplatser dominerar sökresultaten nu mer än någonsin, så vikten av att skapa en mobilvänlig webbplats är högre än någonsin.

I den här artikeln diskuterar vi hur du kan se till att du kör en mobilvänlig webbplats och hur du kan ändra din WordPress-webbplats för att vara mobilvänlig också.

Vad gör en webbplats mobilvänlig?

I april 2015 såg Google till att marknadsföra mobilvänliga webbplatser i sin sökmotor, vilket gör en stor förändring av webbdesignen. Att inte ha mobilvänliga webbplatser stod i vägen för Googles huvudmål: att ge användare snabb, korrekt och tillgänglig information baserat på deras sökningar.

Så vad var de problem som Google såg ut att stampa ut 2015?

  • Oläsbar text . Brist på skalbarhet innebar att användarna skulle behöva svepa fram och tillbaka för att fortsätta läsa stycken i motsats till att rulla nedåt på ett bekvämt sätt.
  • Beroende på plugins . Flash och Java försvann av många anledningar, deras stackars säkerhet är en av dem. Det här var ett annat: för HTML5 var webbplatser beroende av dessa plugins för att ha dynamiskt visat innehåll. Med HTML5 blev dessa plugins överflödiga och stöddes inte av mobila enheter. Därför slog Google dem i sökresultat.
  • Dålig länkavstånd . Google hade också ett problem med dåligt åtskilda länkar. På grund av storleken på en telefonskärm kan det, med hjälp av en länk som ligger direkt bredvid en annan, ibland resultera i att du väljer fel. Av denna anledning föredrar de webbplatser som rymmer sina länkar.
  • Långa lasttider . Sist men inte minst, laddningstider. En väl optimerad webbplats bör ladda snabbt på även en 3G-mobilanslutning.

Det här är de viktigaste punkterna att undvika om du vill ha en mobilvänlig webbplats. Genom att använda ett responsivt tema för din webbplats kan du undvika läsbarhetsproblem och så länge du undviker att spammar plugins och länkar i närheten av varandra, borde du vara helt bra.

Använda WordPress för att skapa mobilvänliga webbplatser

Ett enkelt sätt att skapa en mobilvänlig webbplats är att använda WordPress. WordPress är en vanlig plattform som används för bloggar och nyhetssajter över hela webben, och på grund av en mängd olika anpassade teman (förutom möjligheten att anpassa nämnda teman / skapa din egen från början), är WordPress en livskraftig plattform för webben kreatörer. Massor av WordPress-teman stöder både mobila och stationära layouter, och i avsnittet nedan kommer vi att ge dig en lista över några av de som vi rekommenderar.

För tillfället berättar vi hur du kontrollerar om ditt aktuella tema anses vara mobilt vänligt och vilka förbättringar du kan göra för att förbättra din webbplats för mobil surfning.

Är ditt tema mobilvänligt?

Om du vill kontrollera om ditt WordPress-tema är mobilvänligt kan du plugga in webbadressen till hemsidan i Google Mobilvänligt testverktyg.

Om du får ett resultat som ser ut så här gör du det bra! Om du inte gör det, är det dock dags att titta mycket mer på ditt WordPress-webbplats och det tema du använder.

Steg 1: Kontrollera att WordPress (och ditt tema) är fullständigt uppdaterad

Det kan säga självklart, men många webmasters glömmer att uppdatera sina WordPress-plattformar och WordPress-teman. Ofta kommer WordPress-uppdateringar att visas som meddelandebannor inom din WordPress-administratörsplattform. Många gånger kan du klicka på den här länken för att fortsätta och starta uppdateringsprocessen, men du kan också gå till "Dashboard" och sedan "Uppdateringar" om du inte ser den bannern.

För att uppdatera ditt aktuella tema, gå till "Dashboard -> Utseende -> Teman" och välj sedan "Uppdatera nu". Innan du utför den här uppdateringen är det dock en bra idé att säkerhetskopiera ditt aktuella tema. Dessutom anpassas eventuella anpassningar du har gjort till det här temat i uppdateringen om du inte skapar ett barntema på WordPress. (Barnteman är underteman som ärver allt från det grundläggande WordPress-temat och låter dig säkert ändra ett tema utan att förlora allt varje uppdatering.)

Nu kör verktyget igen. Fungerar fortfarande inte? Fortsätt genom dessa steg.

Steg 2: Diagnosera

Om en webbplats inte är mobilvänlig kommer Googles verktyg att ge dig några tips som berättar vad som är fel med det. Vanligtvis kommer problemen att vara med liten text och en brist på mobilvisningsport. Små text kräver att tittarna manuellt zoomar in på sidan, medan sidor som saknar en mobilvisningsport visas alltid som om de är på en bildskärm. Om din WordPress-webbplats inte är mobilvänlig är det vanligtvis orsaken till det.

Andra problem som verktyget kan innehålla inkluderar långa laddningstider eller överdrivna plugin på sidan. Se till att din webbplats inte är beroende av plugins som Java eller Flash. Om du behöver dessa funktioner, använd HTML5 istället. Annonser som dyker upp eller tar upp för mycket skärmfastigheter kan vara ett problem: Använd bara icke-påträngande annonser och tillåta inte popup-fönster i ditt WordPress-tema.

Steg 3: Få ett nytt tema

Tyvärr, om ett tema inte är mobilvänligt, även efter att du har uppdaterat och tar bort alltför stora plugins, finns det inte mycket du kan göra för att åtgärda problemet. Vid detta tillfälle är ditt enda riktiga val att få en ny om du inte har webbdesignkunskap för att ändra ditt befintliga tema till en mobilvänlig anpassad.

Stora WordPress Mobile-Friendly Teman att välja mellan

Vi ska ge dig några val för WordPress-teman. Alla dessa är gjorda för mobilvänliga webbplatser, och du är välkommen att anpassa sina färger och layout så att de bättre passar ditt eget varumärke. Vi kommer främst att lista gratis alternativ, men också några få premium.

  • Lola är ett bra, gratis tema för bloggar. Det kommer att se omedelbart bekanta med långvariga Tumblr-användare.
  • Newsmag är ett gratis tema för tidningar, nyhetssajter och andra mer formella inställningar.
  • Accelerera är ett populärt, gratis WordPress-tema. Det är mycket flexibelt men är mest användbart för att betona konst och foton, mindre för textdriven innehåll.
  • Divi är ett premium WordPress-tema som erbjuder en kraftfull visuell redaktör, vilket inte kräver att användarna dyker in i kod för att göra ändringar i färger och layouter. Dess användarvänlighet gör det populärt, och det är lyckligtvis flexibelt för flera innehållstyper.
  • Uncode är ett premium WordPress-tema som erbjuder en visuell redaktör och fokuserar på rena och moderna gränssnitt. Det är också bra för sclaing bilder över flera skärmstorlekar.
  • Avada är ett ganska populärt premium WordPress-tema och ser användningen för alla typer av olika webbplatser. Det har också vanliga, frekventa uppdateringar.

Slutsats

Förhoppningsvis kommer den här artikeln att hjälpa dig att skapa en mobilvänlig webbplats i WordPress eller se till att din befintliga webbplats redan är mobilvänlig. Har du några andra teman att rekommendera eller råd att ge människor i samma båt? Känn dig fri att ljuga under!