gallery/02
gallery/04
gallery/01

Met iets minder dan 30% van het verkeer afkomstig van mobiele apparaten (en sommige sectoren met een nog groter aandeel mobiel verkeer), is het de moeite waard om uw website mobiel-vriendelijk te maken en kan u uw concurrenten voorblijven. Het enige probleem is: hoe? Waar gaat u aan de slag? Wat maakt een site goed voor mobiele apparaten?

Om u te helpen bij het bepalen van de beste aanpak om uw mobiele verkeer af te handelen, hebben we een aantal overwegingen opgesteld die u in gedachten moet houden, samen met onze best practice richtlijnen en andere tips en trucs voor elke fase van het proces bij een website maken:

DE JUISTE AANPAK KIEZEN
HET ONTWERPEN VAN DE MOBIELE VERSIE VAN UW SITE
ONTWIKKELINGSOVERWEGINGEN
TECHNISCHE ZOEKMACHINE OPTIMALISATIE
HET OPZETTEN EN GEBRUIKEN VAN ANALYSES
DE TOEKOMST VAN HET MOBIELE WEB
1 HET KIEZEN VAN DE JUISTE AANPAK
Er zijn verschillende manieren om een mobiel-vriendelijke aanwezigheid op het web te creëren. Ze zijn meestal onderverdeeld in drie 'types', die elk een andere ervaring voor mobiele gebruikers bieden:

Responsive: de pagina - URL, HTML, afbeeldingen, alles - blijft hetzelfde, maar de CSS geeft verschillende regels op basis van browserbreedte.
RESS/Adaptive/Dynamic Serving: de URL blijft hetzelfde, maar de server stuurt verschillende HTML en CSS op basis van het type apparaat dat de pagina aanvraagt.
Aparte mobiele site: meestal gehost op een subdomein (bv. m.domain.com) of soms een submap (bv. www.domain.com/mobile), maar het kan ook dezelfde URL's gebruiken als de desktop site, en eenvoudigweg verschillende HTML (dynamic serving) aan desktop- en mobiele bezoekers serveren op basis van user agent.
Als de mobiele site verschillende URL's gebruikt, worden deze vaak parallel gehouden met hun tegenhangers op het bureaublad (bv. www.domain.com/first-page en m.domain.com/eerste pagina), wat een vlotte omleiding op basis van user agent mogelijk maakt. Maar omdat het een aparte set pagina's is, zijn de opties onbeperkt. U kunt ervoor kiezen om een volledig andere site structuur te hebben, in welk geval de mobiele URL's noodzakelijkerwijs anders kunnen zijn.
Verschillende overwegingen zullen bepalen welke van deze benaderingen het beste is voor uw site. Zie het stroomschema hieronder om uw keuze te begeleiden.


Het kiezen van een aanpak is nog maar het begin. Deze gids is opgebouwd uit vier delen, om het creatieproces van de site te weerspiegelen en om enkele overwegingen te geven voor elke fase: ontwerp, ontwikkeling en monitoring zodra de site live is. Samen stellen deze richtlijnen u in staat om uw site te ontwerpen, te bouwen en te optimaliseren tot de best mogelijke versie voor zowel gebruikers als zoekmachines.

EEN NOTITIE OVER FEATURE TELEFOONS:
Deze richtlijnen zijn in de eerste plaats gericht op het optimaliseren van uw site voor bezoeken van smartphones.

Als u een hoog percentage van uw mobiele verkeer afkomstig van functie telefoons (niet-smartphone mobiele telefoons) hebt, kunt u overwegen om ze ook te targeten. Dit kan een grotere overweging zijn voor websites die zich richten op geografische gebieden buiten Europa en Noord-Amerika, omdat de verhouding tussen smartphonegebruikers en gebruikers van telefoons in geografische gebieden drastisch kan verschillen.

We zullen in dit document echter niet ingaan op extra telefoonoverwegingen.


BASISOPTIE: GEBRUIK EEN CMS DIE HET VOOR U DOET
Als u een laag budget of beperkte middelen heeft, kunt u kijken naar het gebruik van een gebruiksvriendelijk content management systeem (CMS) zoals Wordpress. Responsive design is hier waarschijnlijk de beste optie, omdat er veel voorgedefinieerde responsive ontworpen CMS's zijn, en responsive design de minste hoeveelheid content creatie vergt.

Hier zijn enkele van onze aanbevelingen voor goed responsieve Wordpress thema's en andere CMS diensten. Er zijn tal van andere opties beschikbaar.

Wordpress thema's:
Elegante thema's hebben verschillende responsieve thema's, geprijsd op ~$69/jaar. Ze bieden updates en volledige ondersteuning. U kunt jaarlijks vernieuwen.
PressCoders: Wij raden u het Designfolio-thema aan, dat u gratis kunt downloaden (met enkele beperkingen) of een volledige licentie aanschaffen voor $79. De betaalde versie bevat volledige ondersteuning.
WooThema's zijn uitstekende premium Wordpress-thema's. Sommige zijn gratis, de meeste zijn ongeveer $80 - $140, ze zijn allemaal mobiel en zeer aanpasbaar.