Nu ben ik zelf niet zo’n auto freak, maar ik heb toch met heel veel plezier mogen werken aan de webshop voor Vink Motorsport in Zaandam. Al doende heb ik heel veel geleerd over alle Engelse namen van auto-onderdelen, en wat er allemaal bij komt kijken als je een oude BMW weer ‘als nieuw’ (of misschien wel ‘beter als nieuw’) wilt maken.

Ben je een auto-fan en een BMW fan in het bijzonder, dan raad ik een bezoek aan http://www.vinkmotorsport.com van harte aan. Niet alleen om de speciale BMW onderdelen die je daar kunt kopen maar ook vanwege al die bijzondere foto’s die er te zien zijn.

Vink Motorsport

Het maken van een webshop vormt vaak een bijzondere uitdaging, omdat je met veel zaken rekening moet houden. Zo heb je natuurlijk te maken met de wensen van de klant t.a.v. het design, maar ook het aantal artikelen, de gekozen betaalmogelijkheden en de verzend opties kunnen het maken van een webshop soms behoorlijk ingewikkeld maken. Zeker als de klant zelf het onderhoud wil doen, dus zelf artikelen wil toevoegen, aanpassen en verwijderen, dan is overzichtelijkheid en relatieve eenvoud van de gekozen software een belangrijk punt. Ik kies daarom altijd voor de combinatie van WordPress met de WooCommerce webshop software.

Maar soms valt het mee, en vallen alle puzzelstukjes ‘als-bijna-vanzelf’ op hun plaats. Zo ging het met het maken van de nieuwe webshop voor Alwas Handelsonderneming in Zaandam. Het voorgestelde design was in één keer raak, en het overzetten van de tientallen producten op het gebied van buitenboordmotoren en motorboten, liep gesmeerd. Alle afbeeldingen, omschrijvingen en prijzen werden in een keurig overzicht aangeleverd en dat werkt heel fijn.

Er was nog even een uitdaging bij de aanpassing van het webhosting account, en moest er wat extra aandacht geschonken worden aan de adekwate beveiliging van de webshop, maar verder liep alles op rolletjes.

Alex, hartelijk dank voor de ontvangst met koffie en koek, en voor de prettige samenwerking. Hopelijk heb je het komende watersport seizoen veel voordeel van je nieuwe webshop.

Wat verwacht je als je een nieuwe website gaat maken voor een Hair en Make-up Artist? Dan verwacht je kleur. Vooral veel kleur!

Maar dat had ik lelijk mis! Giolina Braun die pas haar eigen bedrijf was begonnen als Hair en Make-up artist, kon me precies vertellen wat ze wilde en wat ze mooi vond. En dat was een website met hoofdzakelijk zwart en wit. Alleen de foto’s moesten in full-color, en dat waren er heel wat. Giolina leverde heel veel foto’s aan van al haar projecten : Wedding, Photoshoots en Hair Styling.

Heel veel trouwfoto’s en foto’s met k(l)eurige kapsels kwamen voorbij, en het was een hele uitdaging om een website met zoveel foto’s in HD kwaliteit toch nog een acceptabel snel te houden. Als ik iets te veel scherpte van de foto’s inleverde ten gunste van de snelheid van de website, werd ik weer gecorrigeerd door het scherpe oog van Giolina. Zelden heb ik een klant gehad met zo’n kijk op detail, en dat is leuk en uitdagend tegelijk.

Giolina (en Jeffrey) ik wil jullie bedanken voor de opdracht en voor de gezellige voortgangs-gesprekken bij jullie thuis! Hopelijk levert de website je veel nieuwe klanten op voor je bedrijf. Ik wens je veel succes!

Wie zich een keer op een bijzondere manier wil laten opmaken voor een feest of andere gelegenheid, kan ik GB Hair and Makeup van harte aanbevelen. Jammer dat ik zelf nog maar weinig haar heb. Daar is zelfs door Gionlina nog maar weinig van te maken…

Ik zal wel nooit in een Lamborghini Murciélago rijden, maar tijdens deze opdracht heb ik er in ieder geval regelmatig naar kunnen kijken. Begrijp me goed, er stond geen Lamborghini voor mijn deur, maar er moest een afbeelding van zo’n scheur-ijzer prominent op de voorpagina van een nieuwe website komen.

De heren van monster-cars waren goed voorbereid. Al bij mijn eerste kennismaking kreeg ik een stapeltje papieren mee waarop al hun wensen stonden beschreven en getekend. Dat werkt natuurlijk heerlijk. Je weet precies wat de klant wil en waarom. Duidelijk dus: op de voorpagina de reeds genoemde Lamborghini en verder een overzicht van alle auto’s die ze in de verkoop hebben, met de mogelijkheid om allerlei specificaties van die auto’s te vermelden.

Het zelf ontwerpen en maken van zo’n website voor tweede-hands auto’s is een enorme klus, maar op zo’n moment komt de wereldwijde WordPress community als geroepen. Na een tijdje goed zoeken vond ik het “autotrader” framework dat aan de meeste technische eisen van de klant voldeed. Op basis van dit framework heb ik voor monster-cars een fraaie en functionele website gemaakt.

Ben je van plan om je auto te verkopen of ben je op zoek naar een nieuwe tweede-hands auto? Kijk dan eens op de site van Monster Cars.

dekker bouw zaandamKlinkt wel leuk he, een ‘verbouwing’ uitvoeren voor een bouwbedrijf? Het is wel precies waar het op aan kwam bij deze opdracht. Niels Dekker, de directeur/eigenaar van Dekker Bouw belde me op met het verzoek om eens naar zijn bestaande website te kijken. Hij had die website een paar jaar geleden laten maken, maar hij kreeg er helemaal geen nieuwe klanten mee binnen.

Binnen een paar minuten had ik de bron van deze ellende te pakken. De website zag er zeker prima uit, maar er was helemaal niets gedaan aan optimalisatie voor zoekmachines. Zoals ik in dit artikel heb beschreven, is het verstandig om iedere pagina een duidelijke titel, beschrijving en geschreven inhoud mee te geven. En dat ontbrak allemaal, en dus was de website zo goed als onvindbaar in de zoekmachines.

De website was gemaakt op basis van een vrij onbekend CMS, waarvan ik nergens de mogelijkheden kon vinden om te optimaliseren. Al snel werd het plan gemaakt om de bestaande website over te zetten naar WordPress, en om van daaruit te gaan werken aan betere vindbaarheid in de zoekmachines.

Op het moment van schrijven (augustus 2015) is de migratie naar WordPress net afgerond. Door hierbij aandacht te schenken aan de tekst en de opmaak, zijn de eerste vermeldingen op pagina nummer 1 van “Big G” reeds een feit. Het begin is er dus… Om het in bouwtermen te zeggen : “het dak zit er op”. Het werk is nog lang niet af, maar het is wel even tijd voor ‘pannenbier‘.

Standaard installaties van WordPress zijn nog wel eens het slachtoffer van hackers, en daarom was de beveiling van deze nieuwe wordpress website éen van de eerste stappen.  Door het wijzigen van de belangrijkste standaard instellingen, hebben we daarmee de achterdeur goed op slot. Ook dit lijkt net op een woning. Goede sloten zijn erg belangrijk, maar een 100% garantie dat ongenode gasten buiten blijven, kun je niet krijgen.

Ha! Ik realiseer me nu pas dat er veel overeenkomsten zijn tussen het werk van een webdesigner en een aannemer.

Via de volgende link kun je kijken naar de vernieuwde website van Dekker Bouw. Met een nieuwe aanbouw, dakkapel of serre kan ik je niet helpen. Daarvoor moet je dus bij deze echte Zaanse aannemer zijn!

Hoe zal ik deze opdracht beschrijven? Na het mooie rood van Neeltje Waagmeester, ben ik bijna geneigd om over het mooie roze van Singh-decorations te beginnen, maar dat moet toch origineler kunnen.

Twee dames Angela en Veronica, net voor zichzelf begonnen en nog geen cent verdiend, willen voor hun bedrijf een website hebben. Budget is er eigenlijk niet, maar wensen en ideeën zijn er genoeg. Zakelijk gezien moet je zo’n opdracht eigenlijk niet aannemen, maar zijn we niet op deze wereld om elkaar een beetje te helpen? Ik weet het, met deze instelling zal ik nooit een succesvol zakenman worden, maar ik voel me er wel prima bij!

Maar goed. Terug naar de opdracht. Angela en Veronica verzorgen alles wat je bij een (groot) feest nodig hebt. Van de verhuur van stoelen tot de volledige zaalinrichting compleet met DJ, voor alles kun je bij ze terecht. De afspraak was dat ik WordPress voor ze zou installeren met een eenvoudig doch net template. Omdat ze precies weten wat mooi en smaakvol is, kwamen ze telkens met een klein verzoekje: “kan er een beetje meer van dit, of kan er een beetje minder van dat…” Ze kwamen steeds op nieuwe ideeën. Uiteindelijk moest ik de dames toch even tot de orde roepen en daarvoor greep ik terug op een oud mopje:

Ken je het verhaal van die man die met zijn auto naar de benzinepomp ging?
Vraagt–ie aan de pompbediende : “Wat kost een druppel benzine?”
Antwoordt de pompbediende: “Een druppel benzine kost niets.”
Zegt die man : “Druppel hem dan maar vol…!”

Afsluitend, een heel leuke opdracht waaraan ik nog lang met plezier zal terugdenken. Ik hoop dat als Singh-Decorations is uitgegroeid tot een multi nationaal bedrijf, de dames nog eens terugdenken aan die Zaanse Webdesigner die ze een zetje in de goede richting heeft gegeven.

Bij AH Webdevelopment wordt je eigen mobiele website speciaal ontwikkeld om op mobiele apparaten te gebruiken. Dit wil zeggen dat dit soort site gemaakt is om optimaal te functioneren op smartphones en tablets. Wanneer een flink deel van je bezoekers met deze mobiele apparaten naar je website komt, is de mobiele website de beste keuze. Een mobiele website komt ‘naast’ je gewone website, en een klein scriptje zorgt er voor dat de gebruiker altijd de juiste versie te zien krijgt.

Waarom zou je kiezen voor een mobiele website?

Met je mobiele website kun je alle mobiele bezoekers bereiken, en evenveel informatie in de website verwerken als je potentieel zou kunnen doen met je klassieke of een responsive website. Het verschil tussen een mobiele website en een responsive design website bestaat erin dat je mobiele website speciaal voor mobiel gebruik ontworpen wordt. Je mobiele gebruikers en bezoekers hebben behoefte aan snelle informatie die zo eenvoudig mogelijk wordt gebracht.

Het design van je mobiele website

Je mobiele website blinkt uit in eenvoud en gebruiksvriendelijkheid. Wanneer je gewoon bent aan je conventionele site oude stijl, vind je mogelijk dat je mobiele website er een beetje te eenvoudig uitziet en tot vervlakking kan leiden. Bepaalde functies die tot de mogelijkheden behoren in klassieke websites, zul je niet aantreffen bij je mobiele website. Ben je een liefhebber van flash, dan zul je hier niet aan je trekken komen. Je moet er dus mee rekening houden dat flash niet tot de mogelijkheden behoort van je mobiele website.

Voordelen van een mobiele website

Je mobiele website richt zich volledig op de mobiele gebruiker. Zowel de lay-out, het menu als het lettertype worden door ons volledig op maat van jouw gebruikers ontworpen. Dankzij het grote lettertype zal je mobiele gebruiker niet langer het gevoel hebben dat hij constant een vergrootglas nodig te hebben. Ook zal je mobiele website het voordeel hebben dat er minder gescrolld moet worden om iets terug te vinden op de site. Je mobiele website wordt door ons zo ontworpen dat je alles direct kan terugvinden. Dit komt omdat wij  bij het ontwerp van je site ervoor zorgen dat de schermgrootte van het toestel waarvoor je site bedoeld wordt, altijd gerespecteerd wordt.

tap to call buttonOok biedt de mobiele websites functies die alleen op een mobiel apparaat thuis horen. Denk hierbij aan de “tap-to-call” functie, waarmee de gebruiker met éen druk op de knop de eigenaar van de website kan bellen. Ook de route functie met GPS ondersteuning is iets dat alleen op een mobiele website thuis hoort. Tegenwoordig behoren electronische coupons en loyaliteitsprogramma’s ook tot de mogelijkheden van mobiele websites. Je kunt dus met je mobiele website je eigen “bonus-kaart” beginnen.

Nadelen van een mobiele website

Je kunt een mobiele website niet bekijken op een conventionele klassieke pc. Lange teksten zijn niet geschikt om op je mobiel apparaat gelezen te worden, dus het kan zijn dat je bepaalde content opnieuw moet schrijven. Ook is een mobiele website is gebouwd op functionaliteit en minder op creatief design.

Het grootste nadeel is dat je mobiele website ‘naast’ je gewone website komt te staan. Als je dus wijzigingen wilt doorvoeren (denk bijvoorbeeld aan wijzigingen van tarieven) dan moet je dat op twee plekken doen.

Ongeveer een week geleden publiceerde ik het eerste deel van serie artiken over mobiele websites. De aanleiding hiervoor was duidelijk, immers op 21 april 2015 veranderde Google zijn beleid met betrekking tot de vindbaarheid van websites in het algemeen. De algoritmes van de populaire zoekmachine zijn nu veel meer opgesteld in functie van het bedienen van de mobiele surfer. Responsive webdesign is een techniek die er voor zorgt dat je website door iedere gebruiker van het internet bekeken kan worden, ongeacht het gebruikt apparaat dat gebruikt wordt.

Responsive webdesign in de praktijk

In de praktijk betekent dat responsive webdesign zo werkt dat het niet uitmaakt of dat je je website op een pc, of op een mobiel apparaat zoals een tablet bekijkt. Responsive betekent niet meer of niet minder dan dat je website direct inspeelt op de situatie die zich in de realiteit voordoet. Dit houdt in dat responsive web design ervoor zorgt dat het formaat van je website en de functionaliteit ervan, aangepast worden al naargelang je site op een pc, een telefoon of een tablet bekeken wordt.

Hierbij zal bepaalde informatie die op een breed scherm naast elkaar wordt getoond, op een tablet of smartphone onder elkaar geplaatst worden. Ook worden afbeeldingen en font groter of kleiner met de grootte van het scherm.

Het bouwen van een dergelijke site neemt meer tijd in beslag omdat er werkelijk aan alle voorwaarden voldaan moet worden om ervoor te zorgen dat je content door iedereen bekeken kan worden. Aan  de andere kant heb je het voordeel dat je in plaats van een aparte klassieke site, een aparte app of een mobiele site, slechts éen site hoeft te laten ontwerpen.

Responsive webdesign is populair

Responsive webdesign is wellicht zo populair omdat het je de kans geeft om je website door iedereen te laten bekijken. Omdat er technisch gezien veel werk aan te pas komt, is het logisch dat niet iedereen zich aan responsive webdesign waagt. Het kan vrij ingewikkeld zijn om een website te maken met responsive webdesign. Bij AH Webdevelopment zijn we echter door de wol geverfd en zijn we trots dat we je alle technieken kunnen aanbieden om je website responsive te maken. Dit doen we door de inhoud, het design en de navigatie van je website zo aan te passen dat ze overal bekeken kan worden. Wil je een website laten maken die door iedereen bezocht kan worden, dan is het wellicht het beste idee om door ons een responsive webdesign te laten ontwikkelen. Wij bezitten over de nodige know how om je project tot een goed einde te brengen.

Het beste van responsive webdesign

Het voordeel van deze techniek is dat je slechts éen enkele website nodig hebt, om al je potentiële klanten te kunnen bereiken. Je hoeft ook maar een website te beheren om alle informatie over je bedrijf up to date te houden.

Ook op het gebied van zoekmachine optimalisatie (SEO) en marketing, zorgt responsive webdesign ervoor dat je slechts éen maal aan de slag hoeft te gaan. Op deze manier vang je twee vliegen in een klap!

De nadelen

Wat voor de éen een voordeel is, is voor de ander een nadeel. Het belangrijkste nadeel van dit type design is, dat je website wel geschikt is voor mobiele apparaten, maar hiervoor niet geoptimaliseerd is. Speciale, aparte mobiele websites zijn daarentegen wel geoptimaliseerd voor mobiel gebruik.

Op technisch gebied willen wij je waarschuwen dat er nog oudere mobiele apparaten zijn waarvoor responsive webdesign niet geschikt is. We kunnen je wel met raad en daad bijstaan. Daarbij is er nog een beperking. Heb je al een ‘gewone’ website, dan is die over het algemeen niet zomaar resposive te maken. In dat geval moet je een aparte mobiele website laten maken. Hierover meer in het volgende artikel van deze serie.

Je responsive website mag dan wel bedoeld zijn voor zowel mobiel als klassiek gebruik, het kan zijn dat je gebruikers er anders over denken. Hier is het belangrijk om goed te onderzoeken wat de wensen van je gebruikers zijn. Het motto is dus: “Ken je doelgroep!”

Mobiel gebruik  – waarom is dat nodig?

Waarschijnlijk heb je al vernomen dat Google sinds 21 april 2015 zijn algoritmes heeft aangepast. Deze keer gebeurt dit om een bepaalde groep potentiële gebruikers van jouw website beter van dienst te kunnen zijn. Steeds meer mensen surfen mobiel en het is dan ook duidelijk dat mobiel internetverkeer een steeds groter aandeel inneemt in het totale internetverkeer. Mobiel gebruik van het internet is booming! Daarom is het belangrijk dat je website geschikt is voor weergave op mobiele apparaten zoals een smartphone of tablet.

In de praktijk betekent dit dat Google in staat is om de geschiktheid van je website voor deze doelgroep te bepalen. Is je website niet geschikt voor mobiele weergave, dan is een slechtere positie in de zoekresultaten het gevolg. Daarom moet je website ook vindbaar én bruikbaar zijn voor gebruikers van mobiel internet, zodat alle bezoekers van je website een optimale gebruikerservaring zullen hebben.

Volgens de website http://www.marketingtribune.nl beschikte in 2013 al 72% procent van de Nederlanders over toegang tot mobiel internet. Inmiddels ligt dit percentage al weer veel hoger. Wil je weten hoe groot het aandeel mobiele gebruikers is van jouw website? Kijk dan eens op je Google Analytics pagina.

 

aandeel mobiele gebruikers volgens Google Analytics

 

Hoe kun je je website geschikt maken voor mobiel gebruik?

In grote lijnen bestaan er drie technieken om een website te maken die geschikt is voor mobiel internet gebruik.

Responsive webdesign

responsive-website-voor-mobiel-gebruikJe website is geschikt voor mobiel gebruik, wanneer de gebruikers van smartphones en tablets door het design van je website een betere gebruikerservaring krijgen. Bij responsive webdesign past het design van je website zich steeds aan, aan het platform waarop het gebruikt wordt. Dit maakt het voor de gebruiker gemakkelijk om met mobiel apparaat je website te bekijken. Niets is zo irritant voor een mobiele gebruiker dan een website die op een mobiel apparaat bijna niet te lezen is. Responsive webdesign zorgt ervoor dat alle bezoekers aan jouw website de beste ervaring krijgen. Tegelijkertijd zal je met deze techniek ook bezoekers van klassieke conventionele websites kunnen bereiken. Wanneer je voor responsive webdesign kiest, is het zeker dat alle gebruikers je website kunnen bezoeken. Zowel op pc, op een smartphone of op een tablet. In het volgende artikel van deze serie, zal ik deze techniek nader toelichten.

Mobiele website

mobiele websiteEen mobiele website is een website die geoptimaliseerd is voor mobiel gebruik. Dit houdt in dat deze website vanaf het begin ontworpen wordt met mobiel gebruik als uitgangspunt. Mobiele websites worden speciaal gebouwd om op een telefoon of een tablet te gebruiken, en zijn vaak herkenbaar doordat de url ervan met een m begint. Bij dit soort websites wordt rekening gehouden met het feit dat mobiele apparaten niet alle functie aankunnen die je wel in een standaardwebsite kunt gebruiken. Ook is de mobiele website geoptimaliseerd voor kleinere schermen. In het derde deel van deze serie, kom ik in meer detail terug op de voor- en nadelen van deze techniek.

De Native App

App voor AndroidEen Native App is geen echte website. Het is een stukje software dat speciaal ontwikkeld is voor gebruik op mobiele toestellen. In de praktijk komt het hier op neer dat een App apart gebouwd wordt voor de smartphone en de tablet. Los daarvan is het nodig dat een dergelijke App ook nog eens apart ontwikkeld moet worden voor de verschillende besturingssystemen: IOS, Android, Windows Phone of Blackberry. Het grote voordeel van Apps is dat ze helemaal aangepast zijn aan mobiel gebruik. Het nadeel is dat de gebruiker je App speciaal moet downloaden en installeren.

Inmiddels zijn er weer allerlei mengvormen om een website geschikt te maken voor mobiel internet gebruik, maar die laat ik hier verder buiten beschouwing.

Om je in staat te stellen om een keuze te maken die bij jou en je gebruikers past, ga ik deze verschillende technieken in een aantal volgende artikelen nader bekijken.

Heb je vragen of opmerkingen over dit onderwerp? Aarzel niet om hieronder een bericht achter te laten. Vind je deze informatie ook belangrijk voor anderen. Deel dit artikel dan op Facebook of Twitter.

Het is de hoogste tijd om je website geschikt te maken voor mobiel internet. Klik om te Tweeten

Ongeveer een jaar geleden heeft Train2Release in Haarlem een nieuwe website laten maken. De website van deze Haarlemse personal trainer en vitaliteitscoach functioneerde prima, tot ze er in april 2015 achter kwamen dat de website niet geschikt was voor smartphones. Gealarmeerd door de nieuwsberichten rondom de aanpassing van de Google Zoekalgoritmes, werd een offerte aangevraagd bij AH Webdevelopment. Het niet aanpassen van de website zou immers nadelig werken voor de zorgvuldig opgebouwde positie in de zoekresultaten.

Al snel bleken er twee mogelijkheden te zijn :

  • Een volledig nieuwe responsive website maken
  • Een aparte mobiele website maken op basis van de WPtouch plugin

In overleg werd gekozen voor de tweede mogelijkheid: het maken van een mobiele website naast de bestaande ‘gewone’ website. Omdat de bestaande website veel gebruik maakte van zogenaamde shortcodes, die niet werkten op mobiele apparaten, was het ombouwen van de bestaande website in dit geval geen optie.

Een paar dagen voor de Google deadline van 21 april, kwam de Train2Release website door de Google Mobile Friendly Test, en kon hoefden alleen nog maar wat puntjes op de “i” gezet te worden.

Mobiele website: welke mogelijkheden zijn er?

Wil je meer weten over de verschillende mogelijkheden die er zijn om je website geschikt te maken voor mobiele weergave? Over enige dagen verschijnt het eerste deel van vijf artikelen over dit onderwerp. Hierin behandelen we de verschillende mogelijkheden die er zijn om je website geschikt te maken voor tablets en smartphones. Daarbij zal duidelijk worden, dat iedere keuze zowel voordelen als nadelen heeft. Er is niet zo iets als ‘dé beste manier’ om je website mobile friendly te maken. Het maken van een mobiele website is maatwerk.

Heb je vragen over dit onderwerp? Aarzel dan niet om ze hieronder te stellen, of stuur me een email met je vraag.