For to år siden tilføjede Google en etiket til søgeresultaterne for at angive mobilvenlige websteder. Dette har betydet et stykke tid, at lette, mobilvenlige websteder har domineret søgeresultater. For nylig tog de også stand til at straffe påtrængende reklame på mobile enheder, og nu tager de endelig det næste skridt med mobil-første indeksering. Mobil-første indeksering sikrer, at mobilvenlige websteder dominerer søgeresultaterne nu mere end nogensinde, så vigtigheden af ​​at gøre et mobilvenligt websted er højere end nogensinde.

I denne artikel diskuterer vi, hvordan du kan sikre dig, at du kører et mobilvenligt websted, og hvordan du kan ændre dit WordPress-websted til også at være mobilvenligt.

Hvad gør et websted mobilt venligt?

I april 2015 søgte Google at fremme mobilvenlige websites i deres søgemaskine, hvilket gør en enorm ændring i webdesign. Ikke at have mobilvenlige websteder stod i vejen for Googles hovedmål: At give brugerne hurtig, præcis og tilgængelig information baseret på deres søgninger.

Så hvad var de problemer, som Google så ud til at stampe ud i 2015?

  • Ulæselige tekst . Manglende skalerbarhed medførte, at brugerne skulle skubbe frem og tilbage for at fortsætte med at læse afsnit i modsætning til at rulle nedad på en behagelig måde.
  • Afhængighed af plugins . Flash og Java omkom af mange grunde, deres dårlige sikkerhed er en af ​​dem. Dette var et andet: før HTML5 var websteder afhængige af disse plugins for at få dynamisk vist indhold. Med HTML5 blev disse plugins imidlertid overflødige og blev ikke understøttet af mobile enheder. Derfor slog Google dem i søgeresultater.
  • Dårlig linkafstand . Google havde også et problem med dårligt fordelte links. På grund af størrelsen af ​​en telefonskærm kan det, når du klikker på et link, der er direkte ved siden af ​​en anden, resultere i, at du vælger den forkerte. Af denne grund foretrækker de websteder, der rummer deres links.
  • Lange belastningstider . Sidst men ikke mindst, belastningstider. Et veloptimeret websted skal indlæses hurtigt på en 3G-mobilforbindelse.

Dette er de vigtigste punkter at undgå, hvis du vil have et mobilvenligt websted. Ved hjælp af et lydhørt tema til dit websted vil du tillade at undgå læsbarhedsproblemer, og så længe du undgår spam-plugins og links tæt på hinanden, bør du være helt fint.

Brug WordPress til at lave mobile-venlige hjemmesider

En nem måde at lave et mobilvenligt websted på er at bruge WordPress. WordPress er en fælles platform, der bruges til blogs og nyhedswebsteder over hele internettet, og på grund af en lang række brugerdefinerede temaer (ud over muligheden for at tilpasse de nævnte temaer / oprette din egen fra bunden), er WordPress stadig en levedygtig platform for web skabere. Masser af WordPress-temaer understøtter både mobile og desktop-layouter, og i afsnittet nedenfor giver vi dig en liste over nogle af dem, vi anbefaler.

For øjeblikket fortæller vi dig, hvordan du tjekker, om dit aktuelle tema betragtes som mobilt venligt og hvilke forbedringer du kan gøre for at forbedre dit websted til mobil browsing.

Er dit tema mobilt venligt?

For at kontrollere, om dit WordPress-tema er mobilvenligt, skal du tilslutte din hjemmeside-URL til Googles mobilvenlige testværktøj.

Hvis du får et resultat, der ligner dette, klarer du det fint! Hvis du ikke gør det, er det imidlertid tid til at se nærmere på dit WordPress-websted og det tema, du bruger.

Trin 1: Sørg for, at WordPress (og dit tema) er fuldt opdateret

Dette kan selvfølgelig sige, men mange webmastere glemmer at opdatere deres WordPress platform og WordPress temaer. Ofte vises WordPress opdateringer som meddelelsesbannere inden for din WordPress-admin platform. Mange gange kan du klikke på dette link for at gå videre og starte opdateringsprocessen, men du kan også gå til "Dashboard" og derefter "Opdateringer", hvis du ikke kan se det banner.

For at opdatere dit aktuelle tema skal du gå til "Dashboard -> Udseende -> Temaer", og vælg derefter "Opdater nu." Før du udfører denne opdatering, er det dog en god ide at sikkerhedskopiere dit aktuelle tema. Derudover vil eventuelle tilpasninger, du har lavet til dette tema, gå tabt i opdateringen, medmindre du opretter et børntema på WordPress. (Barnemner er undertemaer, der arver alt fra det grundlæggende WordPress-tema og giver dig mulighed for sikkert at ændre et tema uden at miste alt hver opdatering.)

Kør nu værktøjet igen. Stadig virker det ikke? Fortsæt gennem disse trin.

Trin 2: Diagnose

Hvis et websted ikke er mobilvenligt, vil Googles værktøj give dig et par tips, der fortæller dig, hvad der er galt med det. Normalt vil problemerne være med lille tekst og mangel på en mobil viewport. Små tekst kræver, at seerne manuelt zoomer ind på siden, mens sider, der mangler en mobilvisning, altid vises som om de er på en stationær skærm. Hvis dit WordPress-websted ikke er mobilvenligt, er det normalt grunden til det.

Andre problemer, som værktøjet kan indeholde, inkluderer lange indlæsningstider eller overdrevne plugin på siden. Sørg for, at dit websted ikke stole på plugins som Java eller Flash. Hvis du har brug for disse funktionaliteter, skal du bruge HTML5 i stedet. Annoncer, der dukker op eller optager for meget skærmfast ejendom, kan også være et problem: Brug kun ikke-påtrængende annoncer og tillader ikke pop op-vinduer i dit WordPress-tema.

Trin 3: Få et nyt tema

Desværre, hvis et tema ikke er mobilvenligt, selv efter at være blevet opdateret og fjernet overflødige plugins, er der ikke meget du kan gøre for at løse problemet. På dette tidspunkt er dit eneste rigtige valg at få en ny, hvis du ikke har webdesign knowhow til at ændre dit eksisterende tema til en mobilvenlig tilpasset.

Great WordPress Mobile-Friendly Temaer at vælge imellem

Vi vil give dig nogle valgmuligheder for WordPress-temaer. Alle disse er lavet til mobilvenlige hjemmesider, og du er velkommen til at tilpasse deres farver og layout for at få dem til bedre at passe til dit individuelle mærke. Vi vil primært liste gratis muligheder, men også nogle få præmier.

  • Lola er et fantastisk, gratis tema for blogging sites. Det ser straks ud til lange Tumblr-brugere.
  • Newsmag er et gratis tema for magasiner, nyhedswebsteder og andre mere formelle indstillinger.
  • Accelerere er et populært, gratis WordPress tema. Det er meget fleksibelt, men er mest nyttigt til at fremhæve kunst og fotos, mindre for tekstdrevet indhold.
  • Divi er et premium WordPress-tema, der tilbyder en kraftfuld visuel editor, der ikke kræver, at brugerne dykker ind i kode for at gøre ændringer i farver og layouter. Dens brugervenlighed gør det populært, og det er heldigvis fleksibelt for flere indholdstyper.
  • Uncode er et premium WordPress-tema, der tilbyder en visuel editor og fokuserer på rene, moderne interfaces. Det er også fantastisk til sclaing billeder på tværs af flere skærmstørrelser.
  • Avada er et temmelig populært premium WordPress-tema og ser brug for alle former for forskellige websteder. Det har også regelmæssige, hyppige opdateringer.

Konklusion

Forhåbentlig vil denne artikel hjælpe dig med at lave et mobilvenligt websted i WordPress eller sikre, at dit eksisterende websted allerede er mobilvenligt. Har du andre temaer at anbefale eller råd til at give folk i samme båd? Du er velkommen til at lyde nedenunder!