Gør din WordPress-side mobilvenlig

I en verden hvor mobiltelefoner er vores primære adgangspunkt til information, er det afgørende, at din WordPress-hjemmeside er mobilvenlig. Mere end halvdelen af alle søgninger foretages på mobile enheder, og for mange virksomheder kommer størstedelen af trafikken fra mobilbrugere. Dette betyder, at din hjemmeside skal være let tilgængelig og brugervenlig på smartphones og tablets for at nå ud til et bredere publikum. I denne artikel vil vi dykke ned i, hvad der præcist gør en hjemmeside mobilvenlig, og give dig de vitale skridt til at sikre, at dine WordPress-sider lever op til disse krav.

Hvorfor skal en hjemmeside være mobilvenlig?

Fordi flere mennesker end nogensinde før søger og tilgår indhold på deres mobile enheder, er det essentielt, at de sider du designer fungerer godt på disse enheder og præsenterer information på en læselig måde. Hvis du har brug for yderligere overbevisning, så husk på, at Google primært anvender den mobile version af indhold til indeksering og rangering. Dette betyder, at mobilvenlige sider vises højere i søgeresultaterne.

At gøre dine WordPress-sider mobilvenlige indebærer, at indholdet skal være responsivt og kunne vises optimalt på enhver håndholdt enhed. Teksten skal automatisk tilpasse sig for at være stor nok til at læse, billeder og grafik skal være klare, navigationen skal være enkel, og knapper skal være nemme at trykke på med en finger. Det er ikke nok at sikre, at din side er let at læse og navigere på mobile enheder; den skal også indlæses hurtigt. Mobile enheder har ofte mindre processorkraft og mindre pålidelige forbindelser end stationære computere, hvilket kan resultere i langsommere indlæsningstider. Mobile brugere er dog utålmodige – de forventer hurtig og nem adgang til din side. Desuden bruger Google sidehastighed som en rangeringsfaktor.

Administrer flere WordPress-sider ét sted med The Hub by GoDaddy Pro

For at sikre, at dine sider er opdaterede (bogstaveligt talt), kan webudviklere administrere flere WordPress-sider og optimere dem til mobil fra ét centralt sted: The Hub by GoDaddy Pro. Du kan få adgang til alle dine klientkonti med et enkelt login og tjekke dem for mobilperformance. Som en ekstra fordel får du prioriteret support, 24/7, fra erfarne Care Guides.

Sådan gør du WordPress-sider mobilvenlige i 6 trin

Er du klar til at gøre dine WordPress-sider mobilvenlige og attraktive for besøgende på smartphones og håndholdte enheder? Her er hvad du skal gøre for at optimere dine WordPress-sider til mobil:

1. Test din klients WordPress-side

Du ved ikke, hvad du ikke ved. Den WordPress-hjemmeside, du designer, ser måske flot ud på din smartphone, men det betyder ikke, at den ser lige så godt ud på en anden enhed. For at sikre, at den side du designer tilbyder stil, funktionalitet og en god brugeroplevelse, skal du teste, hvordan den ser ud på tværs af flere enheder. Designere skal forudse, hvordan den vil se ud på forskellige stationære computere, smartphones og tablets – samt hvordan den ser ud på tværs af forskellige browsere og operativsystemer.

Googles gratis mobiltestværktøj gør det nemt og gratis at tjekke dine WordPress-sider for mobilvenlighed. Indtast blot din sides URL. Google måler tilgængelighed, læselighed og navigation af siden på mobile enheder. Du får en grøn "bestået" besked eller en rød "ikke bestået" besked sammen med forslag til forbedringer. Det er også en god idé at tjekke for engagement rate. I 2021 erstattede "engagement rate" "bounce rate" – procentdelen af besøgende, der forlader siden uden at interagere med den – som en kritisk metrik i Google Analytics. Selvom engagement rate semantisk er det modsatte af bounce rate, er intentionen den samme. Engagement rate måler en brugers interaktion med en hjemmeside, idet der tages højde for, at engagementet varer mere end 10 sekunder, at brugeren ser mere end én side, og at brugeren foretager mindst én konverteringsorienteret handling.

Hvis mobile brugere har problemer med at tilgå eller interagere med en side, vil din engagement rate være lavere. Det er et tegn på, at du skal optimere din WordPress-side til mobil. For at tjekke engagement rate, se dine Google Analytics data. Gå til Indsigt > Rapporter i dit WordPress-dashboard. Du vil også kunne se, hvor mange brugere der besøger dine WordPress-sider fra en mobil enhed, og hvilke enheder de bruger.

2. Brug det samme indhold på mobil- og desktopsiden

Sørg for, at du har den samme version af indholdet til både desktop og mobil. Hvis din mobilside har mindre indhold end din desktopside, vil Googles mobile-first indeksering medføre, at din side mister trafik. Sørg derfor for, at dine mobil- og desktopsider har den samme strukturerede data, metadata og beskrivende titler. Men hvad nu hvis din desktopside har masser af indhold – og det at få det til at passe inden for den smalle ramme af en mobilskærm er et mareridt? Slet ikke indhold. Vær i stedet kreativ ved at bruge accordions, dropdowns eller faner.

3. Implementer et responsivt tema

Responsivt WordPress-temaer sikrer, at dit WordPress-indhold og dine billeder automatisk tilpasser sig den enhed og skærmstørrelse, der bruges. Uden responsivt design vil dine sider ikke tilpasse sig mobile enheder og vil give en dårlig brugeroplevelse. Tjek altid for at sikre, at du bruger den seneste version af et hvilket som helst WordPress-tema for at sikre, at dit webdesign vil være responsivt over for mobile brugere. Du kan også hurtigt optimere din side ved hjælp af WordPress-software plugins.

De fleste WordPress-temaer er responsive. Det er dog altid bedst at teste for at sikre, at de responsive funktioner virker på dine sider. Det er nemt at gøre:

• Åbn landingssiden for den hjemmeside, du vil teste.
• Åbn en ny fane i Google Chrome.
• Hold musemarkøren på hjemmesidens landingsside, som du vil teste, og klik på højre museknap.
• Fra dropdown-menuen skal du klikke på "Inspect Element". Chrome Dev Tools vinduet åbnes.
• Find og klik på "Toggle device toolbar" i Dev Tools vinduet.
• Enhedstilstandens skærmemulator åbnes.

Fra skærmemulatoren kan du teste responsive og enhedsspecifikke visninger af hjemmesiden. (Billedkilde: https://developer.chrome.com/docs/devtools/device-mode/)

4. Vælg mobilvenlige plugins

Plugins kan hjælpe med at optimere WordPress-sider til mobil. De leverer også nemt ekstra funktionalitet til dine sider som formularer, indkøbskurve, knapper og meget mere. Tjek for at sikre, at disse plugins er mobilvenlige. Når du opretter nye hjemmesider, skal du bruge de mest opdaterede versioner af plugins for at sikre mobilvenlig funktionalitet. Den gode nyhed er, at de fleste nye eller løbende opdaterede temaer er designet med responsivitet for øje. Når du tilføjer responsiv funktionalitet til ældre, ikke-responsive temaer, kan det dog begrænse niveauet af tilpasning, der er tilgængelig. I disse tilfælde kan du overveje at skifte til et WordPress-tema, der er i sig selv responsivt, i stedet for at bruge plugins til at løse problemet.

5. Undgå pop-ups i fuld skærm

Som brugere er vi kommet til at hade pop-ups' påtrængenhed og hvor svære de kan være at lukke. Google er enig. Den straffer påtrængende mobile pop-ups, der dækker sidens hovedindhold. Men som webdesignere ved vi, hvilken værdi de kan levere til at drive engagement, når de ikke forstyrrer mobil navigation og indhold. Undgå pop-ups i fuld skærm for at gøre din side mobilvenlig. Hvis du absolut skal inkludere dem, så vis små pop-ups på sekundære sider, bunden af siden, eller når besøgende er ved at forlade din side. Test dem for at sikre, at de lukkes nemt på alle enheder. Du kan også undgå pop-ups helt. Brug i stedet en CTA (call to action) eller et banner, der fører til landingssider.

6. Forenkle grafik på siden

Store billeder eller for mange grafikker kan optage værdifuld plads på websiden og kan distrahere fra vigtigt indhold. Desuden er grafik og billeder en væsentlig årsag til langsom indlæsning (og dårlig brugeroplevelse) for dine mobile websider. Der er masser, du kan gøre for at fremskynde din WordPress-side – se blot vores "Freelancer’s Guide to Speeding Up a Client’s WordPress Site". Men hvis du vil forenkle grafik eller billeder på siden for at øge din WordPress-sides mobilvenlighed, skal du følge disse tips:

• Brug den opdaterede version af WordPress (version 4.4 eller bedre) og WordPress-temaer, så dine sider automatisk leverer de mindste billeder og grafikker i henhold til skærmstørrelse og enhedsspecifikationer.
• Google anbefaler, at du bruger den samme beskrivende alt-tekst, billedtekster, filnavne og tekst til mobil som til desktop.

Yderligere tips og bedste praksis til optimering af en WordPress-side til mobil

Har du brug for et par ekstra tips til at gøre dine WordPress-sider mobilvenlige og bedre rangeret? Prøv disse:

• Vi kan ikke understrege dette nok: Brug de samme metadata og overskrifter til både mobil- og desktopversionen af siden.
• Brug de samme strukturerede data på tværs af begge sider. Igen, dette sikrer, at mobile brugere har samme lette adgang og kvalitet af oplevelse som dem, der tilgår via desktop.
• Brug de samme robots meta tags på din mobil- og desktopside, så Google vil indeksere og crawle din mobilside gennem mobile-first.
• Brug Google Search Console til at lære, hvordan Google ser dine desktop- og mobil sider. Den vil endda advare dig om problemer, du skal løse for bedre optimering.
• Brug korrekt kanonisering og alternative link-elementer. Disse er kritiske for SEO-forbedring og mobilvenlighed.

Boost dine kunders trafik og placeringer med en mobilvenlig WordPress-side

Dine kunder ønsker, at deres hjemmesider skal være tilgængelige for så mange mennesker som muligt. Sørg for at designe med mobilen i tankerne. Følg vores tips, og du vil blive en helt for dine kunder ved at booste deres trafik og placeringer med en mobilvenlig WordPress-side. Og The Hub by GoDaddy Pro vil være dit centrale dashboard, hvor du nemt kan administrere og overvåge sideperformance.