Responsive web design ≠ mobiel vriendelijk. Dit is hoe mobiele optimalisatie werkt

Oliver Pfeil Laatst bijgewerkt op 21.10.2020
6 Min.
mobiele optimalisatie
Laatst bijgewerkt op 21.10.2020

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. Je zult ook een aantal coole trucs leren om de laadtijd van je WordPress website te verbeteren, zodat hij 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 op deze verandering voorbereid zijn. Want alleen als uw website optimaal wordt weergegeven op het mobiele apparaat, blijft jouw bezoeker op de site en boekt bij jou een product of dienst.

Reden #2:

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

  • Is de website volledig responsive?
  • 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.

Wat is het verschil tussen responsive en mobielvriendelijk?

Op veel websites wordt geschreven 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 precies op dit punt kunt u uw website perfect optimaliseren voor mobiele apparaten.

De basisprocedure is als volgt: Een websitebeheerder installeert bijvoorbeeld een responsive Theme voor een website WordPress . Dit is meestal het einde van de zaak voor hem. Maar volgens mij begint het hier pas echt. Want een responsive Theme betekent alleen dat het ontwerp zich automatisch aanpast aan het betreffende eindapparaat. Dit is de basisvereiste en bijgevolg zeer belangrijk.

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. Want het komt vaak voor dat de 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 u mobiele optimalisatie voor uw bezoekers echt ernstig nemen en aandacht besteden aan deze aspecten en ze laten optimaliseren door uw programmeur.

Responsive webdesign: Browser tip voor 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 apparaten 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

Op de volgende website vindt u instructies over hoe u deze functie van de browser kunt gebruiken.

Tips: Optimaliseer WordPress mobiel

Als u WordPress gebruikt, zullen de volgende tips 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 heel wat Theme builders, waarmee je heel gemakkelijk je gewenste design kunt maken en zo WordPress mobile kunt optimaliseren. Voorbeelden zijn Thrive-Themes of ook Divi.

Als het onderwerp WordPress nieuw voor u is, maar u het interessant vindt, wilt u misschien het volgende bekijken. Op deze pagina vindt u een WordPress handleidingwaar je alle basisprincipes kunt leren over dit geweldige content management systeem.

Gebruik interne links in de tekst

Laten we nu overgaan tot een kleine insider tip die enorm krachtig is: Link naar interne onderwerp-relevante subpagina's in de tekst op uw website. Op deze manier kunnen uw bezoekers gemakkelijk door uw website navigeren. Vooral smartphonegebruikers klikken liever gemakkelijk op een link in de tekst dan dat ze het hamburgermenu 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.

Oplaadtijd voor mobiele apparaten

Nu hebben we veel gesproken over het onderwerp "Website optimaliseren voor mobiele apparaten". Er is nog een aspect dat u ook moet overwegen: Het onderwerp "laadtijd optimalisatie". Naar mijn mening is dit onderwerp om twee redenen van bijzonder belang:

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

Vooral bij mobiele bezoekers heeft dit een enorme impact, aangezien de laadtijden altijd iets langer zijn in vergelijking met de desktopomgeving. Hier zijn 3 concrete tips over hoe u WordPress kunt optimaliseren op het gebied van laadtijd voor mobiele apparaten:

# 1: Beelden:

Afbeeldingen nemen het grootste percentage van de laadtijd in beslag. U hebt hier dus het grootste hefboomeffect. Het belangrijkste is dat u de afbeeldingen uploadt 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. Hiervoor raad ik de volgende twee aan WordPress -Plugins:

ewww image optimizer afbeeldingen optimaliseren

Met sommige Plugins voor beeldoptimalisatie kunt u ook automatisch WEBP-afbeeldingen genereren. Dit is een gloednieuw formaat van Google dat de bestandsgrootte vermindert terwijl de kwaliteit gelijk 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 in een paar minuten volledig opgezet. Bovendien biedt de Plugin andere optimalisaties waarmee u extra laadtijd kunt besparen.

#3: Ruim Plugins en Themes op.

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 tutorials laten live op het scherm zien welke instellingen je waar moet zetten.

Conclusie: Voor wie is mobiele optimalisatie echt de moeite waard?

Het internet evolueert met de snelheid van het licht. Er zijn veel interessante onderwerpen en misschien vraagt u zich nu af, is mobiele optimalisatie eigenlijk wel de moeite waard voor mij? Wel, natuurlijk moet je zelf beslissen. Ik raad u echter aan uw website precies 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. Ms een aanbeveling: poets uw website op voor mobiele apparaten en u zult er zeker profijt van hebben.

Afbeelding bijgedragen: Le Buzz @Unsplash

Oliver Pfeil helpt mensen een succesvolle en winstgevende website te maken met boeken, e-learnings en cursussen. Zijn expertisegebieden zijn WordPress , webdesign en online marketing.

Gerelateerde artikelen

Reacties op dit artikel

Laat een opmerking achter

Jouw e-mailadres zal niet worden gepubliceerd. Verplichte velden zijn met een * gemarkeerd.