9 mobilvänliga WordPress-Plugins för att förbättra din webbplats

9 mobilvänliga WordPress-Plugins för att förbättra din webbplats

under de senaste åren har människor spenderat mer tid på sina telefoner än på sina stationära datorer. Och nu står mobil webbtrafik för över hälften av all global Internettrafik.

om du dyker in i din WordPress – webbplatsanalys kan du se en liknande historia bland dina besökare. Så, hur ska du som WordPress admin rymma dessa mobila användare?

en WordPress mobil plugin är den bästa lösningen. Från att öka prestanda till att formatera om din webbplats för telefonskärmar kan tilläggen som följer med dessa plugins hjälpa till att leverera en optimal upplevelse för alla dina besökare.

Först ger vi dig tre funktioner att leta efter i ett mobilvänligt WordPress-plugin. Sedan delar vi våra favorit mobilvänliga WordPress-plugins.

hur man gör en WordPress – webbplats mobilvänlig

för att en webbplats ska vara mobilvänlig måste den vara:

• responsiv, vilket innebär att sidlayouten anpassar sig till måtten på mobilskärmen för enklare läsning.
• optimerad för hastighet eftersom mobila enheter tenderar att ha färre beräkningsresurser än stationära datorer och därmed ta längre tid att ladda webbsidor.
• navigerbar, eftersom mobila skärmar saknar utrymme för skrymmande menyer och navigeringselement.

var och en av de plugins som vi rekommenderar nedan innehåller dessa mobilvänliga funktioner, så hitta en som fångar ditt öga och prova det.

Superfly

Superfly är ett mobilresponsivt wordpress-plugin som gör din navigeringsmeny lyhörd också. Välj mellan vertikal push, glidande, statisk navigering, ikonverktygsfält eller helskärmsmenyer för att skapa en användarupplevelse som dina besökare kommer att älska.

företag som hanterar flera webbplatser kommer att hitta Superfly för att vara en snabb och smidig lösning på deras behov av en mobilvänlig webbplats på grund av export/importfunktionen som gör att du kan flytta mellan alla webbplatser sömlöst

vad vi tycker om Superfly:

• Live editor kan du se vad du ändrar i realtid.
• undermeny navigering för större webbplatser som behöver lite mer organisation.
• ett helskärmsmenyalternativ som lägger till ett professionellt utseende på din webbplats.

Jetpack

som WordPress-användare finns det en god chans att du redan har hört talas om Jetpack-plugin. Gjord av teamet bakom WordPress CMS består Jetpack av olika moduler för att förbättra din webbplats marknadsföring, säkerhet, SEO, analys och mycket mer. Det är en allt-i-ett-lösning som skär ner det totala antalet plugins du behöver installera (vilket i sig gynnar mobilprestanda).

vad vi tycker om JetPack:

Jetpack är ett bra mobilvänligt WordPress-plugin-alternativ på grund av dess prestandaoptimeringsfunktioner inklusive:

• ett innehållsleveransnätverk som serverar filer snabbare.
• Lazy laddar bilder som inte saktar ner din sida.
• oändlig rullning som förbättrar användarupplevelsen.
• WordPress-optimerad video värd för att göra videoinnehåll en bris för dig att ladda upp och engagerande för besökare att titta på.

så, om du funderar på att göra Jetpack en del av din WordPress webbplats, plugin mobila fördelar kan bara driva dig att klicka på ”Installera.”

Smush

en av de största fienderna för sidprestanda — och i förlängningen mobilsidans prestanda — är stora bildfiler. Ju större bildfilen desto längre tid tar det att ladda på sidan, vilket saktar ner hela webbplatsen.

vad vi tycker om Smush:

Smush är en WordPress bildoptimering plugin som tacklar sidan prestandaproblem rakt på sak.

• komprimerar automatiskt bilder när du laddar upp dem utan synlig kvalitetsminskning.
• Lazy-ladda bilder för att ge intryck av en snabbare webbplats.
• komprimera retroaktivt alla bilder du har laddat upp till din webbplats.

från $ 6 per månad kan du uppgradera till Smush Pro, som komprimerar filer i större utsträckning än den fria versionen, tar bort filstorleksgränser (den fria versionen komprimerar bara bilder under 1 MB), använder ett innehållsleveransnätverk för att skicka bilder och säkerhetskopierar automatiskt dina ursprungliga bilduppladdningar. Du kan också betala för ett medlemskap ($19 per månad) som ger tillgång till alla WPMU dev premium plugins, inklusive Hummingbird (som vi kommer att diskutera senare).

AMP för WP

AMP är ett HTML-ramverk som introduceras av Google. Ursprungligen avsedd att optimera webbsidor för Mobila enheter, gäller det nu webbsidor som levereras över alla enheter. Det formaterar webbplatsens sidor till en mobil webbplats för att tjäna mer effektivt på smartphones och surfplattor. Detta bidrar till att förbättra webbupplevelse samtidigt öka ranking i Google, Sök eftersom din webbplats uppfyller sina AMP standarder.

vad vi tycker om AMP för WP:

AMP för WP ger mycket flexibilitet och nytta gratis.

• installera tillägg som gör plugin kompatibelt med andra populära plugins som WP Forms, WooCommerce, Elementor, Divi och Contact Form 7.
• prenumerera på ett medlemskap för att få flera av dessa tillägg i bulk. För mer information, se AMP för WP: s prissättningssida.

AMP

AMP-plugin är ett annat gratis sätt att tillämpa Googles AMP-praxis på dina webbsidor. Gjord av Google AMP-projektbidragsgivarna, låter Detta plugin WordPress-administratörer publicera mobiloptimerade webbsidor utan någon programmering från deras sida.

AMP-plugin konverterar webbplatsens kod till en AMP-vänlig mockup genom att ta bort inkompatibla element åt dig. Den identifierar dessa problem och fixar dem, komplett med förklaringar till varför vissa webbplatsfunktioner hindrar prestanda. Det identifierar också AMP-inkompatibla WordPress-plugins som kan skada din webbplats.

vad vi tycker om AMP:

detta plugin ger också viss flexibilitet när det gäller din AMP-konfiguration.

• välj att bara använda ett AMP-första tema om du vill att hela webbplatsen ska följa AMP-riktlinjerna.
• serverar både AMP-och icke-AMP-sidor-till exempel kan du betjäna den förra till mobila besökare och den senare till stationära besökare.

WP Mobile Menu

mindre mobila skärmar presenterar navigationsutmaningar för webbdesigners — hur vet användarna vart de kan gå och hur man kommer dit, utan utrymme för sidfält och huvudmenyer?

WP Mobile-menyn är en populär fix.

vad vi tycker om WP Mobile Menu:

detta freemium-plugin lägger till dessa fantastiska funktioner på din WordPress-webbplats för att göra den mobilvänlig:

• Lägg till en responsiv, treskikts mobilmeny till vilken WordPress-webbplats som helst.
• Välj mellan vanliga menyer med enbart text eller placera bilder, logotyper, ikoner och varumärkeselement på dina menyer.
• dölj menyer medan de laddas och skjut dem bekvämt när de gör det.

WP Mobile Menu erbjuder premiumversioner av verktyget som kan skala denna lösning när ditt företag växer. Det finns Professional ($6.49 per månad) som låter dig ta bort menyer från specifika sidor och lägger till några ytterligare menyalternativ, liksom Business ($9.99 per månad), vilket möjliggör WooCommerce-kompatibilitet och Enterprise ($29.99 per månad)

Max Mega Menu

Max Mega Menu är en annan populär plugin för mobila menyer, bäst för webbplatser med omfattande sidor och navigering. Dessa webbplatser kräver särskilt stora menyer, eller mega menyer, som är utmanande att genomföra på mobila webbplatser. Max Mega Menu konverterar dina befintliga WordPress-menyer till mega-menyer och ägnar särskild uppmärksamhet åt responsiv design.

vad vi tycker om Max Mega Menu:

Max Mega-menyn låter dig göra en hel del unika ändringar på din webbplats, inklusive:

• Ställ in brytpunkter för att menyn ska kollapsa på mindre skärmar.
• Använd ett mobiloptimerat menyalternativ som kan dölja dina undermenyer och spara skärmutrymme.
• låt din meny glida in från sidan eller visas som en vanlig rullgardinsmeny.

basversionen av Max Mega Menu plugin är gratis. Det finns dock också en Pro-version (från $29 för en webbplats) som stöder fler funktioner som klibbiga, flikar och dragspelmenyer, plus anpassade ikoner och lätt integration.

Hummingbird

Hummingbird är en caching plugin för WordPress — det instruerar dina besökares webbläsare för att spara kopior av din webbplats filer lokalt, så att de är snabbare att ladda i framtiden. Caching eliminerar behovet av att hämta vissa filer från din webbserver varje gång en besökare återvänder till din webbplats, vilket gör stor skillnad för mobila användare.

vad vi tycker om Hummingbird:

Hummingbird innehåller flera funktioner som gör detta till det optimala valet för WordPress-administratörer som vill ha en blixtsnabb och lyhörd webbplats:

• aktivera gzip-komprimering för snabbare filleverans.
• Minifiera och skjuta upp CSS och JavaScript-kod.
• eliminerar renderblockerande resurser
• aktivera lazy loading för bilder.

Hummingbird är också en användbar guide för nya användare — det ger tips och förslag för att optimera din mobila webbplats så att du kan förstå hur plugin gör en skillnad.

ovanstående optimeringar är gratis, men du kan också prenumerera på Hummingbird Pro för $6 per månad och få ett innehållsleveransnätverk, förbättrad filkomprimering, automatiserade skanningar och upptidsövervakning. Hummingbird Pro ingår också i ett WPMU DEV-medlemskap.

Touchy

om du letar efter ett användarvänligt, mobilvänligt plugin för din WordPress-webbplats, kolla in Touchy. Detta lätta, anpassningsbara plugin ger din webbplats den lyhördhet du letar efter medan du blandar sömlöst med din UI-design.

vad vi tycker om Touchy:

• den innehåller både fast och absolut positionering.
• innehåller en rullgardinsmeny med ikonstöd för ett sofistikerat utseende.
• stöder smidiga animationer för kreativa webbplatser med visuellt tunga sidor.

gå mobil med WordPress plugins.

även om det skulle vara trevligt för alla användare att bläddra på liknande enheter, kommer det förmodligen aldrig att vara fallet. Med den växande populariteten hos smartphones och surfplattor kommer det alltid att vara en prioritet för WordPress-webbplatsägare, utvecklare och designers att skapa en mobil användarupplevelse.

lyckligtvis fungerar WordPress-plugins bakom kulisserna för att göra webbplatser mobilvänliga. Vänd inte bort hälften av din publik vid dörren-installera istället ett gratis eller ett premium-plugin för att göra dina webbplatser snyggare, snabbare och lättare att navigera.

Redaktörens anmärkning: Detta inlägg publicerades ursprungligen i januari 2020 och har uppdaterats för omfattande.