mobiele optimalisatie

Responsive webdesign: zo werkt mobiele optimalisatie

In dit artikel leg ik uit wat het verschil is tussen responsive en mobile-ready en hoe u uw website kunt optimaliseren voor mobiele apparaten. U zult ook een aantal zeer coole trucs leren om de laadtijd van uw WordPress website te verbeteren, zodat deze snel laadt.

Steeds meer mensen gaan mobiel op het internet. Dit creëert nieuwe mogelijkheden en natuurlijk ook een heroverweging, met betrekking tot de onderwerpen "responsive web design" en "mobiele optimalisatie voor de website".

Waarom mobiele optimalisatie?

Voordat ik u concrete optimalisatiemogelijkheden laat zien, wil ik graag kort het "waarom" met u bespreken. Daarbij zal ik nader ingaan op de twee belangrijkste redenen:

Reden #1

Steeds meer mensen gebruiken mobiele apparaten (smartphones en tablets). Computers en notebooks worden daarentegen steeds minder gebruikt. Dit geldt vooral voor privé-gebruik bij het zoeken naar een specifiek probleem, onderwerp, oplossing, restaurant, product of dienst.

Elke websitebeheerder moet zich aan deze verandering aanpassen. Want alleen als uw website optimaal wordt weergegeven op mobiele apparaten, blijven uw bezoekers op de site en boeken ze een product of dienst bij u.

Reden #2

Voor Google is hoe uw website presteert op mobiele apparaten een rankingcriterium. De volgende twee aspecten zijn uiterst belangrijk:

  1. Is de website volledig responsive?
  2. Wat is de laadtijd van uw website?

Hoe beter u het doet in deze twee aspecten, hoe meer pluspunten u zult krijgen en uiteindelijk hoe beter uw positie zal zijn in de zoekresultaten.

Verschil: Responsive of mobiel-compatibel

Veel websites zeggen dat je alleen een responsive design nodig hebt en dat dan alles in orde is. Ik ben echter een geheel andere mening toegedaan en daarom wil ik mij in het bijzonder op dit punt concentreren. Want dit is precies waar u uw website perfect kunt optimaliseren voor mobiele apparaten.

De procedure is in principe als volgt: Een websitebeheerder installeert bijvoorbeeld een responsief thema voor een WordPress-website. Voor het grootste deel, is dat het einde van de zaak. Maar volgens mij begint het hier pas echt. Want een responsive thema betekent alleen dat het ontwerp zich automatisch aanpast aan het betreffende eindapparaat. Dat is de basisvoorwaarde en dus van essentieel belang.

Een responsive Theme betekent alleen dat het ontwerp zich automatisch aanpast aan het betreffende eindapparaat.

De volgende stap is het bekijken van uw website op een tablet en smartphone. U zult snel zien of het responsive ontwerp er professioneel en uitnodigend uitziet. Het komt vaak voor dat mobiele optimalisatie niet is uitgevoerd ondanks een responsive design.

Hiervoor wil ik u een paar voorbeelden geven, die u ongetwijfeld op sommige websites hebt gezien:

  • Het lettertype van de kop is veel te groot.
  • Het lettertype van de bodytekst is te groot of te klein.
  • De regelafstand is te groot.
  • Afbeeldingen worden te groot of te klein weergegeven.
  • Bepaalde opmaak wordt niet correct weergegeven op het mobiele toestel.
  • De navigatie is moeilijk te gebruiken.

Deze lijst zou natuurlijk nog veel langer kunnen zijn, maar ik denk dat u begrijpt wat ik bedoel.

Zelfs als deze aspecten niet geoptimaliseerd zijn, heb je een responsive website, die Google ook positief beoordeelt. Toch moet je mobiele optimalisatie voor je bezoekers echt ernstig nemen en aandacht besteden aan deze aspecten en ze laten optimaliseren door je programmeur.

Responsive web design & mobiele optimalisatie

Meestal heb je een smartphone en misschien een tablet. Als u uw website echter met verschillende mobiele apparaten wilt controleren, zult u al snel uw grenzen bereiken. Er is echter een zeer eenvoudige oplossing voor dit probleem. Als u de browser Google Chrome gebruikt, beschikt u over een ingebouwde functie hiervoor.

U kunt uw "responsive web design" voor veel verschillende eindapparaten weergeven. Om dit te doen, klik met de rechtermuisknop en selecteer "inspecteer" uit het menu dat verschijnt. Een console wordt geopend en u kunt mobiele apparaten selecteren (zie schermafbeelding). De browser laat u dan zien hoe uw website op bepaalde apparaten wordt weergegeven.

responsive webdesign mobiele apparaten testen

Tips: Optimaliseer WordPress mobiel

Als u WordPress gebruikt, zullen de volgende tips zeker zeer nuttig voor u zijn. Dankzij WordPress kunt u veel optimalisaties uitvoeren met een plugin of een interne functie. Dit maakt uw werk gemakkelijker en bespaart u tijd:

  • De basisvereiste is een responsieve Theme. Ik raad u aan een premium Theme te kiezen voor WordPress . Dit kost een paar dollar, maar je hebt veel meer mogelijkheden. Bovendien is een premium Theme meestal beter geprogrammeerd, waarvan u ook profiteert.
  • Als je Theme geoptimaliseerd moet worden in de mobiele weergave, heb je 2 opties. Ofwel verandert u de Theme ofwel optimaliseert u uw bestaande Theme. Voor de optimalisatie kunt u een kind Theme gebruiken. Vraag een programmeur om de optimalisaties voor je uit te voeren.
  • Intussen zijn er veel theme builders waarmee u eenvoudig uw gewenste ontwerp kunt maken en zo WordPress kunt optimaliseren voor mobiel gebruik. Voorbeelden zijn Thrive Themes of Divi.

Als u nieuw bent met het onderwerp WordPress, maar het interessant vindt, kunt u het volgende bekijken. Op deze pagina vindt u een WordPress handleiding waarin u alle belangrijke basisprincipes leert over dit ingenieuze content management systeem.

Nu komen we bij een kleine geheime tip die enorm krachtig is: Link naar interne subpagina's die relevant zijn voor het onderwerp in de tekst op uw website. Dit maakt het voor uw bezoekers gemakkelijk om door uw website te navigeren. Want vooral smartphonegebruikers klikken liever gemakkelijk op een link in de tekst dan dat ze moeizaam het hamburgermenu moeten doorzoeken.

Door deze simpele optimalisatie te doen, creëer je verschillende positieve dingen tegelijk:

  • Intern linken is een ranking factor in Google.
  • Door intern te linken, maakt u het uw bezoekers gemakkelijker en voelen zij zich meer op hun gemak op uw website.
  • Gemiddeld bekijken uw bezoekers meerdere subpagina's van u, waardoor de tijd die ze op uw website doorbrengen toeneemt. En dit is ook een ranking factor die een positief effect zal hebben.
Toestemming*
Dit veld dient ter validatie en mag niet worden gewijzigd.

Oplaadtijd voor mobiele apparaten

Nu hebben we veel gesproken over "het optimaliseren van websites voor mobiele apparaten". Maar er is nog een ander aspect dat u ook in overweging moet nemen: Het onderwerp "laadtijdoptimalisatie". Naar mijn mening is dit onderwerp om twee redenen van bijzonder belang:

  • De laadtijd van uw website is een Google ranking factor.
  • Hoe langer de laadtijd van uw website, hoe meer bezoekers u zult krijgen.

Dit geldt vooral voor mobiele bezoekers, aangezien de laadtijden hier altijd wat langer zijn in vergelijking met de desktopomgeving. Hier zijn 3 concrete tips over hoe je WordPress kan optimaliseren op het vlak van laadtijd voor mobiele apparaten:

1: Beelden:

Afbeeldingen nemen het grootste percentage van de laadtijd in beslag. Daarom heeft u hier ook het grootste hefboomeffect. Het belangrijkste is dat u de afbeeldingen upload naar WordPress in de exacte grootte waarin u de afbeelding ook zult insluiten. Dit scheelt al bestandsgrootte en verkort uw laadtijd.

Bovendien zijn er nu gigantische hulpmiddelen waarmee u de bestandsgrootte van uw afbeeldingen volautomatisch verder kunt verkleinen. U kunt zelf bepalen of de kwaliteit gehandhaafd moet blijven of een beetje verminderd moet worden. Ik raad de volgende twee WordPress plugins aan:

ewww image optimizer afbeeldingen optimaliseren

Met sommige plug-ins voor beeldoptimalisatie kunt u ook automatisch WebP-afbeeldingen genereren. Dit is een gloednieuw formaat van Google dat de bestandsgrootte nog verder verkleint, terwijl de kwaliteit hetzelfde blijft.

2: Caching

Het tweede belangrijke punt betreft caching. Ik wil niet te veel in detail treden omdat je die achtergrondkennis niet nodig hebt.

Het punt is dat er niet telkens database-queries worden gedaan wanneer uw website (of een subpagina) wordt opgeroepen. Dankzij "caching" wordt van elke subpagina een kopie op uw server opgeslagen en is deze dus veel sneller beschikbaar, omdat er geen afzonderlijke query's hoeven te worden uitgevoerd.

Mijn plugin aanbeveling: WP Rocket. WP Rocket is eenvoudig te gebruiken en kan in slechts een paar minuten volledig worden opgezet. Daarnaast biedt de plugin nog meer optimalisaties waarmee je extra laadtijd kunt besparen.

3: Plugins en thema's opruimen

Toegegeven, deze tip klinkt erg banaal, en dat is het ook. Niettemin, het is effectief:

Ik raad u aan om alle Plugins en Themes te verwijderen, die u niet in gebruik heeft. Uitschakelen alleen is niet genoeg.

Dit houdt ook uw systeem schoon en elke extra extensie brengt een zeker veiligheidsrisico met zich mee. Na verloop van tijd sluipen er veel Plugins en Themes in die je niet echt nodig hebt.

Op mijn website vind je een gratis videoserie over hoe je WordPress kunt versnellen. Deze uitleg laat live op het scherm zien welke instellingen u waar moet instellen.

Conclusie: Is mobiele optimalisering de moeite waard?

Het internet ontwikkelt zich met de snelheid van het licht. Er zijn veel interessante onderwerpen en misschien vraagt u zich nu af, is mobiele optimalisatie het eigenlijk wel waard voor mij? Wel, natuurlijk moet je zelf beslissen. Ik raad u echter aan uw website in deze richting te optimaliseren:

  • Website optimaliseren voor mobiele apparaten
  • Verbeteren en optimaliseren van de laadtijd

Een website is HET boegbeeld dat 365 dagen per jaar voor u werkt. En om ervoor te zorgen dat uw vlaggenschip zijn doel kan dienen, moet het regelmatig worden gepoetst. Dus mijn advies is: poets uw website op voor mobiele apparaten en u zult er zeker profijt van hebben.

Responsive web design - uw vragen

Welke vragen heb je voor Oliver? Voel je vrij om de commentaarfunctie te gebruiken. Wilt u op de hoogte blijven van nieuwe artikelen over online marketing? Volg ons dan op Twitter, Facebook, LinkedIn of via onze Nieuwsbrief.

Vond je het artikel leuk?

Met jouw beoordeling help je ons om onze inhoud nog verder te verbeteren.

Laat een reactie achter

Je e-mailadres wordt niet gepubliceerd.