Twee jaar geleden heeft Google een label aan zijn zoekresultaten toegevoegd om mobielvriendelijke websites aan te geven. Dit betekende al geruime tijd dat lichtgewicht, mobielvriendelijke websites de zoekresultaten domineerden. Onlangs stelden ze zich ook op om opdringerige advertenties op mobiele apparaten te bestraffen, en nu nemen ze eindelijk de volgende stap met mobile-first indexing. Mobiel-eerst indexeren zorgt ervoor dat mobielvriendelijke websites nu meer dan ooit de zoekresultaten domineren, dus het belang van het maken van een mobielvriendelijke website is groter dan ooit.

In dit artikel bespreken we hoe u ervoor kunt zorgen dat u een mobielvriendelijke website gebruikt en hoe u uw WordPress-site ook mobielvriendelijk kunt maken.

Wat maakt een site mobielvriendelijk?

In april 2015 zocht Google naar het promoten van mobielvriendelijke websites in hun zoekmachine, waardoor een enorme verandering in webdesign werd aangebracht. Het ontbreken van mobielvriendelijke websites stond het hoofddoel van Google in de weg: gebruikers snelle, accurate en toegankelijke informatie bieden op basis van hun zoekopdrachten.

Dus wat waren de problemen waar Google in 2015 naar uitzag?

  • Onleesbare tekst . Een gebrek aan schaalbaarheid betekende dat gebruikers heen en weer moesten vegen om alinea's te blijven lezen, in plaats van gestaag naar beneden te bladeren op een comfortabele manier.
  • Afhankelijkheid van plug-ins . Flash en Java kwamen om vele redenen om, hun slechte beveiliging was daar een van. Dit was een ander: vóór HTML5 waren sites afhankelijk van deze plug-ins om dynamisch weergegeven inhoud te hebben. Met HTML5 werden deze plug-ins echter overbodig en werden ze niet ondersteund door mobiele apparaten. Daarom heeft Google ze neergehaald in de zoekresultaten.
  • Slechte verbindingsafstand . Google had ook een probleem met links met weinig regelafstand. Vanwege de grootte van een telefoonscherm kan het klikken op een koppeling die direct naast een andere staat, ertoe leiden dat u de verkeerde selecteert. Om deze reden geven ze de voorkeur aan sites die hun links verspillen.
  • Lange laadtijden . Last but not least, laadtijden. Een goed geoptimaliseerde site moet snel laden, zelfs op een 3G-mobiele verbinding.

Dit zijn de belangrijkste punten om te voorkomen als u een mobielvriendelijke site wilt hebben. Door een responsief thema voor uw site te gebruiken, kunt u problemen met de leesbaarheid voorkomen en zolang u geen spam-plug-ins en links in de nabijheid van elkaar spamt, zou het prima moeten gaan.

WordPress gebruiken om mobielvriendelijke websites te maken

Een eenvoudige manier om een ​​mobielvriendelijke website te maken, is door WordPress te gebruiken. WordPress is een veelgebruikt platform dat wordt gebruikt voor blogs en nieuwssites overal op het web, en dankzij een grote verscheidenheid aan aangepaste thema's (naast de mogelijkheid om genoemde thema's aan te passen / zelf helemaal zelf te maken), blijft WordPress een bruikbaar platform voor internet scheppers. Veel WordPress-thema's ondersteunen zowel mobiele als desktoplay-outs, en in het onderstaande gedeelte geven we u een lijst met een aantal aanbevelingen die we aanbevelen.

We zullen u nu vertellen hoe u kunt controleren of uw huidige thema als mobielvriendelijk wordt beschouwd en welke verbeteringen u kunt aanbrengen om uw site voor mobiel browsen te verbeteren.

Is uw thema mobielvriendelijk?

Als u wilt controleren of uw WordPress-thema mobielvriendelijk is, sluit u de URL van uw startpagina aan in de Google Mobile-vriendelijke testtool.

Als je een resultaat krijgt dat er zo uitziet, gaat het goed! Als u dat echter niet doet, is het tijd om uw WordPress-site en het thema dat u gebruikt, nader te bekijken.

Stap 1: Zorg ervoor dat WordPress (en uw thema) volledig worden bijgewerkt

Dit is vanzelfsprekend, maar veel webmasters vergeten hun WordPress-platform en WordPress-thema's bij te werken. Vaak verschijnen WordPress-updates als kennisgevingsbanners binnen uw WordPress-beheerplatform. Vaak kunt u op deze link klikken om door te gaan en het updateproces te starten, maar u kunt ook naar 'Dashboard' en vervolgens 'Updates' gaan als u die banner niet ziet.

Als u uw huidige thema wilt bijwerken, gaat u naar 'Dashboard -> Vormgeving -> Thema's' en selecteert u 'Nu bijwerken'. Voordat u deze update uitvoert, is het echter een goed idee om een ​​back-up te maken van uw huidige thema. Bovendien gaan alle aanpassingen die u in dit thema hebt aangebracht verloren in de update, tenzij u een kindthema instelt op WordPress. (Kindthema's zijn subthema's die alles overnemen van het basis WordPress-thema en waarmee u een thema veilig kunt aanpassen zonder alles te verliezen elke update.)

Voer het hulpprogramma opnieuw uit. Werkt het nog steeds niet? Doorloop deze stappen.

Stap 2: Diagnose

Als een site niet mobielvriendelijk is, geeft de tool van Google u een paar tips om u te vertellen wat er mis mee is. Meestal zijn de problemen met kleine tekst en een gebrek aan een mobiele viewport. Kleine tekst vereist dat kijkers handmatig inzoomen op de pagina, terwijl pagina's zonder een mobiel kijkvenster altijd worden weergegeven alsof ze op een desktopmonitor staan. Als uw WordPress-site niet mobielvriendelijk is, is dit meestal de reden.

Andere problemen die de tool kan markeren, zijn onder meer lange laadtijden of overmatige plug-ins op de pagina. Zorg ervoor dat uw website niet afhankelijk is van plug-ins zoals Java of Flash. Als u die functionaliteiten nodig hebt, gebruik dan HTML5. Ook kunnen advertenties die opduiken of te veel onroerend goed op het scherm opnemen een probleem zijn: gebruik alleen niet-intrusieve advertenties en laat geen pop-ups toe in uw WordPress-thema.

Stap 3: Krijg een nieuw thema

Helaas, als een thema niet mobielvriendelijk is, kan er, zelfs na het updaten en verwijderen van overmatige plug-ins, niet veel gedaan worden om dat probleem op te lossen. Op dit moment is je enige echte keuze om een ​​nieuwe te krijgen als je niet beschikt over de knowhow van het webontwerp om je bestaande thema te veranderen in een mobielvriendelijk aangepast thema.

Geweldige WordPress-thema's om mobiel uit te kiezen

We zullen je een paar keuzes geven voor WordPress-thema's. Al deze zijn gemaakt voor mobielvriendelijke websites en u kunt hun kleuren en lay-out aanpassen zodat ze beter bij uw individuele merk passen. We zullen voornamelijk vrije opties noemen, maar ook enkele premium opties.

  • Lola is een geweldig, gratis thema voor blogsites. Het zal bij oude Tumblr-gebruikers direct bekend voorkomen.
  • Newsmag is een gratis thema voor tijdschriften, nieuwssites en andere meer formele instellingen.
  • Accelerate is een populair, gratis WordPress-thema. Het is erg flexibel, maar het is vooral handig voor het benadrukken van kunst en foto's, minder voor tekstgestuurde content.
  • Divi is een premium WordPress-thema met een krachtige visuele editor, waarbij gebruikers niet hoeven te duiken in code om wijzigingen in kleuren en lay-outs aan te brengen. Het gebruiksgemak maakt het populair, en het is gelukkig flexibel voor meerdere soorten content.
  • Uncode is een premium WordPress-thema dat een visuele editor biedt en zich richt op schone, modern ogende interfaces. Het is ook geweldig voor sclaing-afbeeldingen op meerdere schermformaten.
  • Avada is een redelijk populair premium WordPress-thema en ziet het gebruik voor allerlei verschillende sites. Het geniet ook van regelmatige, frequente updates.

Conclusie

Hopelijk helpt dit artikel je bij het maken van een mobielvriendelijke website in WordPress of zorg je ervoor dat je reeds bestaande site al mobielvriendelijk is. Heb je nog andere thema's om mensen aan te bevelen of advies te geven in dezelfde boot? Voel je vrij om hieronder te laten klinken!