For to år siden la Google en etikett til søkeresultatene for å indikere mobilvennlige nettsteder. Dette har betydd lenge siden at lette, mobilvennlige nettsteder har dominert søkeresultatene. Nylig tok de seg også til å straffe påtrengende reklame på mobile enheter, og nå tar de endelig det neste trinnet med mobil-første indeksering. Mobil første indeksering vil sikre at mobilvennlige nettsteder dominerer søkeresultatene nå mer enn noensinne, slik at viktigheten av å lage et mobilvennlig nettsted er høyere enn noensinne.

I denne artikkelen diskuterer vi hvordan du kan sørge for at du kjører et mobilvennlig nettsted, og hvordan du kan endre WordPress-siden din til å være mobilvennlig.

Hva gjør et nettsted mobilvennlig?

I april 2015 så Google ut til å markedsføre mobilvennlige nettsteder i søkemotoren, noe som gjør en stor endring i webdesign. Ikke å ha mobilvennlige nettsteder stod i veien for Googles hovedmål: Gi brukere rask og nøyaktig, tilgjengelig informasjon basert på deres søk.

Så hva var de problemene som Google så ut til å stompe ut i 2015?

  • Uleselig tekst . Manglende skalerbarhet innebar at brukerne måtte sveipe frem og tilbake for å fortsette å lese avsnitt i motsetning til å rulle nedover på en behagelig måte.
  • Avhengighet av plugins . Flash og Java forgått av mange grunner, deres dårlige sikkerhet er en av dem. Dette var et annet: før HTML5, var nettsteder avhengig av disse pluginene for å ha dynamisk vist innhold. Med HTML5 ble disse pluginene imidlertid overflødige og ble ikke støttet av mobile enheter. Derfor slo Google dem ned i søkeresultatene.
  • Dårlig koblingsavstand . Google hadde også et problem med dårlig mellomrom. På grunn av størrelsen på en telefonskjerm, kan det ved å klikke på en kobling som er rett ved siden av en annen, føre til at du velger feil feil. Av denne grunn foretrekker de nettsteder som plasserer ut sine lenker.
  • Lange belastningstider . Sist men ikke minst, belastningstider. Et godt optimalisert nettsted burde lastes raskt på til og med en 3G-mobilforbindelse.

Dette er de viktigste punktene å unngå hvis du vil ha et mobilvennlig nettsted. Ved å bruke et responsivt tema for nettstedet ditt, kan du unngå lesbarhetsproblemer, og så lenge du unngår spamming-plugins og linker i nærheten av hverandre, bør du ha det bra.

Bruke WordPress til å lage mobilvennlige nettsteder

En enkel måte å lage et mobilvennlig nettsted på er å bruke WordPress. WordPress er en vanlig plattform som brukes til blogger og nyhetssider over hele nettet, og på grunn av et bredt spekter av tilpassede temaer (i tillegg til muligheten til å tilpasse nevnte temaer / lage din egen fra grunnen av), er WordPress fortsatt en levedyktig plattform for web skapere. Massevis av WordPress-temaer støtter både mobile og skrivebordsoppsett, og i avsnittet nedenfor gir vi deg en liste over noen av de vi anbefaler.

For øyeblikket forteller vi deg hvordan du sjekker om ditt nåværende tema betraktes som mobilvennlig, og hvilke forbedringer du kan gjøre for å forbedre nettstedet ditt for mobil surfing.

Er temaet ditt mobilvennlig?

For å sjekke om WordPress-temaet ditt er mobilvennlig, må du plugge nettadressen til hjemmesiden din i Google Mobil-vennlig testverktøy.

Hvis du får et resultat som ser slik ut, gjør du det bra! Hvis du ikke gjør det, er det imidlertid på tide å se nærmere på ditt WordPress-nettsted og temaet du bruker.

Trinn 1: Pass på at WordPress (og temaet ditt) er fullstendig oppdatert

Dette kan selvsagt si, men mange nettredaktører glemmer å oppdatere WordPress-plattformen og WordPress-temaene. Ofte vil WordPress-oppdateringer vises som varslingsbannere i WordPress-administrasjonsplattformen. Mange ganger kan du klikke denne koblingen for å fortsette og starte oppdateringsprosessen, men du kan også gå til "Dashboard" og deretter "Oppdateringer" hvis du ikke ser det banneret.

For å oppdatere ditt nåværende tema, gå til "Dashboard -> Utseende -> Temaer", og velg deretter "Oppdater nå." Men før du utfører denne oppdateringen, er det en god ide å sikkerhetskopiere ditt nåværende tema. I tillegg vil eventuelle tilpasninger du har gjort på dette temaet, gå tapt i oppdateringen, med mindre du oppretter et barnemne på WordPress. (Barnemner er undertemaer som arver alt fra WordPress-temaet og lar deg trygt endre et tema uten å miste alt hver oppdatering.)

Kjør nå verktøyet igjen. Fungerer fortsatt ikke? Fortsett gjennom disse trinnene.

Trinn 2: Diagnose

Hvis et nettsted ikke er mobilvennlig, vil Googles verktøy gi deg noen tips som forteller deg hva som er galt med det. Vanligvis vil problemene være med liten tekst og mangel på mobilvisningsport. Små tekst krever at seerne manuelt zoomer inn på siden, mens sider som mangler en mobil visningsport alltid vises som om de er på en stasjonær skjerm. Hvis din WordPress-side ikke er mobilvennlig, er dette vanligvis grunnen til at.

Andre problemer som verktøyet kan inneholde, inkluderer lange belastningstider eller overdreven plugin på siden. Pass på at nettstedet ditt ikke stole på plugins som Java eller Flash. Hvis du trenger disse funksjonalitetene, bruk HTML5 i stedet. Annonser som dukker opp eller tar opp for mye skjerm fast eiendom, kan også være et problem: Bruk bare ikke-påtrengende annonser, og ikke tillat popup-vinduer i WordPress-temaet ditt.

Trinn 3: Få et nytt tema

Dessverre, hvis et tema ikke er mobilvennlig, selv etter å ha blitt oppdatert og fjernet for mye plugins, er det ikke mye du kan gjøre for å fikse dette problemet. På dette tidspunktet er ditt eneste virkelige valg å skaffe seg en ny hvis du ikke har webdesignkunnskapen til å endre ditt eksisterende tema til en mobilvennlig tilpasset.

Great WordPress Mobile-Friendly Temaer å velge mellom

Vi skal gi deg noen valg for WordPress-temaer. Alle disse er laget for mobilvennlige nettsteder, og du er velkommen til å tilpasse deres farger og utforming for å få dem til å passe bedre til ditt eget merke. Vi vil først og fremst oppgi gratis alternativer, men også noen få premium.

  • Lola er et flott, gratis tema for blogging nettsteder. Det ser øyeblikkelig kjent ut til lange Tumblr-brukere.
  • Newsmag er et gratis tema for magasiner, nyhetssider og andre mer formelle innstillinger.
  • Accelerate er et populært, gratis WordPress-tema. Den er veldig fleksibel, men er mest nyttig for å vektlegge kunst og bilder, mindre for tekstdrevet innhold.
  • Divi er et premium WordPress-tema som tilbyr en kraftig visuell editor, som ikke krever at brukere dykker inn i kode for å gjøre endringer i farger og layouter. Dens brukervennlighet gjør det populært, og det er heldigvis fleksibelt for flere innholdstyper.
  • Uncode er et premium WordPress-tema som tilbyr en visuell editor og fokuserer på rene, moderne utseende. Det er også flott for å skli bilder over flere skjermstørrelser.
  • Avada er et ganske populært premium WordPress-tema og ser bruk for alle slags forskjellige nettsteder. Det har også vanlige, hyppige oppdateringer.

Konklusjon

Forhåpentligvis vil denne artikkelen hjelpe deg med å lage et mobilvennlig nettsted i WordPress eller sørge for at ditt eksisterende nettsted allerede er mobilvennlig. Har du andre temaer å anbefale eller råd til å gi folk i samme båt? Ta gjerne lyden under!