Reactief webdesign ≠ mobiel ingeschakeld. 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 het verschil uit tussen "responsive" en "mobile enabled" en hoe u uw website kunt optimaliseren voor mobiele apparaten. U leert ook een aantal zeer coole trucs om de laadtijd van uw WordPress website te verbeteren, zodat deze snel laadt.

Steeds meer mensen gaan mobiel naar het internet. Dit creëert nieuwe mogelijkheden en natuurlijk een heroverweging met betrekking tot de onderwerpen "responsive web design" en "mobile optimization voor de website".

Waarom mobiele optimalisatie?

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

Reden nummer 1:

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

Elke website-exploitant moet op deze verandering voorbereid zijn. Want alleen als uw website optimaal wordt weergegeven op het mobiele apparaat, blijft uw bezoeker op de site en boekt bij u een product of dienst.

Reden nummer 2:

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

  • Is de website volledig responsief?
  • Wat is de laadtijd van uw website?

Hoe beter je op deze twee aspecten scoort, hoe meer punten je krijgt en hoe beter je in de zoekresultaten zal staan.

Wat is het verschil tussen responsief en mobiel?

Op veel websites staat geschreven dat het enige wat je nodig hebt een responsief ontwerp is en dan is alles in orde. Ik ben hier echter een heel andere mening toegedaan en daarom wil ik mij vooral op dit punt concentreren. Want dit is precies waar u uw website perfect kunt optimaliseren voor mobiele apparaten.

De basisprocedure is als volgt: Zo installeert een website-exploitant een WordPress responsive Theme. Dit maakt het onderwerp voor de operator meestal compleet. Maar volgens mij is het nog maar net begonnen. Want een responsieve aanpak betekent Theme alleen dat het ontwerp zich automatisch aanpast aan het betreffende eindapparaat. Dit is de basisvereiste en dus zeer belangrijk.

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

De volgende stap is het bekijken van uw website met een tablet en een smartphone. U zult snel zien of het responsieve ontwerp professioneel en uitnodigend is. Dit komt omdat het vaak voorkomt dat de mobiele optimalisatie niet is uitgevoerd ondanks een responsief ontwerp.

Ik wil u een paar voorbeelden geven die u zeker op sommige websites hebt opgemerkt:

  • Het lettertype van de kop is veel te groot.
  • Het lettertype van de doorlopende tekst is te groot of te klein.
  • De regelafstand is te groot.
  • Beelden worden te groot of te klein weergegeven.
  • Bepaalde opmaak wordt niet correct weergegeven op het mobiele apparaat.
  • De navigatie is moeilijk te bedienen.

Deze lijst kan natuurlijk veel langer zijn, maar ik denk dat u begrijpt waar ik het over heb.

Zelfs als deze aspecten niet geoptimaliseerd zijn, heeft u een responsieve website, die ook door Google positief wordt beoordeeld. Maar u moet de mobiele optimalisatie echt serieus nemen voor uw bezoekers en deze aspecten laten optimaliseren door uw programmeur.

Responsive Web Design: Browsertip voor mobiele optimalisatie

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

U kunt uw "responsive web design" voor veel verschillende apparaten weergeven. Klik hiervoor met de rechtermuisknop en selecteer "inspecteren" in het menu dat verschijnt. Er wordt een console geopend en u kunt mobiele apparaten selecteren (zie screenshot). De browser laat u dan zien hoe uw website op bepaalde apparaten wordt weergegeven.

responsief testen van mobiele apparaten voor webdesign

Op het volgende website vindt u instructies over het gebruik van deze functie van de browser.

Tips: Optimaliseer WordPress mobiel

Als u WordPress gebruik maakt van de volgende tips, zijn deze zeker zeer nuttig voor u. Dankzij WordPress hen kunt u vele optimalisaties uitvoeren met één Plugin of een interne functie. Dit maakt uw werk gemakkelijker en bespaart u tijd:

  • De basisvereiste is een responsieve Theme. Ik raad u aan om een premie Theme te WordPress kiezen. Dit kost een paar dollar, maar je hebt veel meer mogelijkheden. Bovendien is een premie Theme meestal beter geprogrammeerd, wat u extra voordelen oplevert.
  • Als uw Theme mobiele weergave moet worden geoptimaliseerd, heeft u 2 opties. Ofwel verandert u datTheme , ofwel optimaliseert u uw bestaande Theme. Voor de optimalisatie kunt u een kind Theme gebruiken. Wijs een programmeur toe om de optimalisaties voor u te implementeren.
  • Inmiddels zijn er veel Themebouwers waarmee u eenvoudig uw gewenste ontwerp kunt maken en optimaliseren voor WordPress mobiel gebruik. Voorbeelden hiervan zijn Drijfveer:Themes of misschien Divi.

Als het onderwerp WordPress nog nieuw voor u is, maar u vindt het interessant, dan kunt u het volgende bekijken. Op deze pagina vindt u een WordPress Tutorialwaar je alle belangrijke basisprincipes van dit ingenieuze contentmanagementsysteem leert kennen.

Gebruik interne links in de tekst

Laten we nu komen tot een kleine geheime tip, die enorm krachtig is: Link in de tekst op uw website naar interne subpagina's over onderwerpen. Hierdoor kunnen uw bezoekers gemakkelijk door uw website navigeren. Vooral smartphone-gebruikers klikken liever op een link in de tekst dan te zoeken in het hamburgermenu.

Door deze eenvoudige optimalisatie creëer je verschillende positieve dingen tegelijk:

  • Interne links zijn een rangschikkingsfactor op Google.
  • Met interne links maakt u het uw bezoekers gemakkelijker en ze voelen zich comfortabeler op uw website.
  • Uw bezoekers zullen gemiddeld meerdere subpagina's van u bekijken, wat de tijd die ze op uw website doorbrengen verhoogt. En dit is een andere rangschikkingsfactor die een positief effect zal hebben.

Oplaadtijd voor mobiele apparaten

Nu hebben we veel gesproken over het onderwerp "Optimaliseren van de website voor mobiele apparaten". Er is nog een ander aspect waar je rekening mee moet houden: Het onderwerp "Belastingsoptimalisatie". Ik ben van mening dat deze kwestie om twee redenen bijzonder belangrijk is:

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

Dit heeft een bijzonder sterke impact op mobiele bezoekers, omdat de laadtijden altijd iets langer zijn dan in de desktopomgeving. Plus 3 concrete tips voor het WordPress optimaliseren van de oplaadtijd voor mobiele apparaten:

#1: foto's:

Beelden nemen het grootste percentage van de laadtijd in beslag. Daarom heb je hier de grootste invloed. Het belangrijkste is dat u de afbeeldingen WordPress uploadt in precies dezelfde grootte waarin u de afbeelding opneemt. Dit bespaart u nu al bestandsgrootte en verkort uw uploadtijd.

Daarnaast zijn er nu gigantische tools die u in staat stellen om de bestandsgrootte van uw afbeeldingen volledig automatisch verder te verkleinen. U kunt zelf bepalen of u de kwaliteit wilt behouden of juist een beetje wilt verlagen. Ik raad de volgende twee WordPress hulpmiddelen aan -Plugins:

ewww beeldoptimalisator optimaliseert beelden

Met sommige Plugins voor beeldoptimalisatie kunt u ook automatisch WEBP-beelden genereren. Dit is een compleet nieuw formaat van Google, dat de bestandsgrootte nog verder verkleint met behoud van dezelfde kwaliteit.

#2: Caching

Het tweede belangrijke punt betreft de caching. Ik wil nu niet te veel in detail treden, want je hebt de achtergrondkennis niet nodig.

Het punt is dat er niet elke keer dat u uw website (of een subpagina) bezoekt, databasevragen worden gesteld. Dankzij "caching" wordt een kopie van elke subpagina op uw server opgeslagen en is deze dus veel sneller beschikbaar, omdat er geen aparte query's hoeven te worden gemaakt.

Mijn Plugin-aanbeveling: WP Raket. WP-Rocket is eenvoudig te gebruiken en in een paar minuten volledig opgezet. Bovendien biedt het Plugin verdere optimalisaties die extra laadtijd kunnen besparen.

#3: Plugins en Themes mokken uit

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

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

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

Op mijn website vindt u een gratis videoserie, hoe u kunt WordPress versnellen. Deze tutorials laten live op het scherm zien welke instellingen je waar moet instellen.

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

Het internet blijft zich ontwikkelen met de snelheid van het licht. Er zijn veel interessante onderwerpen en misschien vraagt u zich nu af of het de moeite waard is om een mobiele optimalisatie te doen? Nou, natuurlijk moet je zelf beslissen. Ik raad u echter aan uw website in deze richting te optimaliseren:

  • Optimalisatie van de website voor mobiele apparaten
  • Verbeteren en optimaliseren van de laadtijd

Een website is HET boegbeeld dat 365 dagen per jaar voor u in actie komt. En om je boegbeeld te kunnen dienen, moet het regelmatig worden gepoetst. MDus een aanbeveling is: Pools uw website voor mobiele apparaten en u zult er zeker van profiteren.

Afbeelding: Le Buzz @Unsplash

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

Gerelateerde artikelen

Commentaar op dit artikel

Schrijf een opmerking

Je e-mail adres wordt niet gepubliceerd. Verplichte velden zijn met * gemarkeerd.