Het verzoek om even snel een eenvoudige website te maken voor Serious Request Zaanstad kon ik eenvoudig niet weigeren.

Drie dominees laten zich van 18 – 24 december 2016 insluiten in een Zaans Glazen Huis met de bedoeling om € 10.000 in te zamelen voor de landelijke actie Serious Request. Daar moet je als Zaanse Webdesigner toch gewoon aan mee doen?!

Met heel veel plezier aan gewerkt. Veel succes heren dominees, en ik hoop dat het streefbedrag gehaald gaat worden.

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.

Het was even heftig, dat geef ik toe. De opdracht van Neeltje was om een website te maken gebaseerd op haar favoriete kleur rood. Nu zeg ik vaak: “Mooi rood is niet lelijk”, maar dat zeg ik meestal als ik voor een stoplicht moet wachten.

Deze kleur rood was wel ‘heel erg rood’. Het werd dus proberen, aanpassen, weggooien, opnieuw proberen, even rustig kijken, nog eens aanpassen, totdat deze favoriete kleur rood ook echt tot zijn recht kwam op een website met een zakelijke inslag.

Niet te overheersend. Niet te schreeuwerig. Mooi rood, en toch ook zakelijk. Dat is het uiteindelijke resultaat.

Heeft u een klus die op een of andere wijze te maken heeft met het schrijven van teksten, breng dan eens een bezoek aan die prachtige, rode website van Neeltje Waagmeester. En al heeft u op dit moment niets te schrijven, gewoon kijken is ook leuk.

Google heeft de gewoonte om regelmatig wijzigingen door te voeren in de manier waarop de zoekresultaten worden weergegeven. De laatste paar updates hadden tot doel om websites met echte content beter te laten scoren dan websites met een ‘vluchtig karakter’. De bedoeling hiervan is om de ‘zoekers’ de meest relevante en waardevolle sites aan te bieden in de zoekresultaten. De komende tijden zullen we zien dat er wijzigingen doorgevoerd gaan worden die websites met een hoge gebruikerswaarde een ‘bonus’ gaan geven in de zoekresultaten.

Per 21 april a.s. zal weer zo’n wijziging plaatsvinden. Kenmerk van de komende wijziging is, dat websites die geschikt zijn voor weergave op een tablet en smartphone, een voordeel krijgen ten opzichte van websites die daarvoor niet geschikt zijn. Natuurlijk is dat niet het enige criterium, maar het is wel iets waar je op kunt letten.

Hoeveel dit werkelijk uit gaat maken, is nu nog niet te zeggen, maar Google waarschuwt dat het verschil aanzienlijk kan zijn.

Mobile friendly test

Als je wil controleren of Google vindt dat je website ‘mobile friendly’ is, dan kun je dat hier testen :

https://www.google.com/webmasters/tools/mobile-friendly/

Vul het adres van je website in (inclusief http://) en druk op de knop “Analyze”.
De weergave die Google daarbij laat zien, kan iets afwijken van de werkelijke weergave op een smartphone.
Het gaat om het resultaat! Is je website mobile friendly ja of nee.

Alle websites die door AH-Webdevelopment worden gemaakt op basis van het WordPress CMS zijn gemaakt volgens de responsive methode en zijn dus mobile friendly. Deze web sites zullen dus geen nadeel ondervinden bij de komende verandering.

Als gevolg van een reorganisatie (of is het modernisering of hervorming?) gaan de docenten van Fluxus in Zaandam vanaf komend najaar door het leven als zelfstandig ondernemer. Dat geldt ook voor keyboard docent Marcel de Hoop uit Hoofddorp. Hij blijft gewoon keyboardles geven in Zaandam en Hoofddorp, maar dan los van Fluxus. Daar hoort natuurlijk ook een nieuwe website bij.

Oorspronkelijk was het idee van Marcel om een website in zwart-wit te laten maken, geïnspireerd op de toetsen van een keyboard. Door het plaatsen van foto’s kwam er vanzelf kleur in de website, zodat het zwart-wit idee steeds meer werd losgelaten. Uiteindelijk is het een site geworden met een rustige uitstraling, gebouwd rondom de informatie die Marcel wil geven aan zijn toekomstige leerlingen. Centraal op de website staat het inschrijfformulier.

Natuurlijk is het de bedoeling dat iedere bezoeker van de website zich gaat aanmelden voor de gezellige en professionele keyboard lessen. Het inschrijfformulier is gemaakt met Joftorm, wat zeker een aanrader is voor complexere webformulieren.

Bekijk hier de nieuwe website van Marcel de Hoop Muziek

Rijopleiding de Kort is een nieuwe autorijschool die gevestigd is in Wormerveer. En daar hoort natuurlijk ook een nieuwe website bij. Eigenaar Harry de Kort had heel duidelijke ideeën over wat hij wel en niet wilde; over wat hij wel en niet mooi vond. Ook waren de teksten en afbeeldingen prima voorbereid.

Zulke duidelijke klanten maken het ontwerpen en maken van een nieuwe bedrijfswebsite een stuk eenvoudiger.

Als Harry zijn rijlessen ook zo gestructureerd aanpakt, dan is het een echte aanrader!

Qua webdesign waren er niet heel veel valkuilen. Alleen het ‘knoppen-menu’ vergde enige extra aandacht, zodat het correct wordt weergegeven op kleinere beeldschermen zoals van een tablet of smartphone.

Ook deze website is weer gemaakt met WordPress als uniek gemaakt child theme van het Genesis Framework.

South-end Mobiel

screenshot south-end mobielSouth-end.nl is de website van South-end Food & Health Coaching in Oostzaan. Deze website is door een andere partij gemaakt n.a.v. een gedetailleerd Photoshop ontwerp. Een prachtig ontwerp, maar het bleek nogal lastig om de site goed functionerend online te krijgen. Door een aantal aanpassingen is het toch gelukt, om deze site online te krijgen. Geen misverstanden dus : dit ontwerp is niet van mij.

Ook bleek dat deze site niet goed werd weergegeven op smartphones. Om dit op te lossen heb ik een speciale “mobiele versie” van de website gemaakt. Benieuwd naar het resultaat? Ga dan met uw smartphone naar www.south-end.nl.

Heeft u dus een bestaande website die niet geschikt is voor smartphones? Vraag dan een offerte aan om een speciale mobiele versie van uw website te laten maken.

Als voor je bedrijf een sterke relatie met (potentiële) klanten via het internet belangrijk is, dan heb je een website nodig met een representatief design die zonder problemen functioneert. Het laatste wat je kunt gebruiken is een verstoorde relatie met die online klanten, zodat ze je slecht ontworpen website verlaten zonder dat je dat merkt.

Bijvoorbeeld : het eerste wat online gebruikers merken is de snelheid waarmee een webpagina laadt. Voor ongeveer 50% van de webgebruikers is een laadttijd van ongeveer 2 seconden nog acceptabel. Maar als uw webpagina er vier seconden over doet om te laden, verliest u ongeveer 40% van de belangstellenden. Zij geven het op, en gaan naar een andere website.

Gebruikers met een smartphone hebben gemiddeld iets meer geduld, maar na zo’n 5 seconden probeert 75% van de mobiele gebruikers een andere website. Waarschijnlijk zie je deze (potentiële) klanten niet meer terug. Daarom is het principe hetzelfde : Een snelle, responsive website maakt het verschil voor je bedrijf.

Naar verwachting zullen volgend jaar de mobiele media (tablet en de smartphone) de desktop en laptop passeren als meest gebruikte apparaten om internet te gebruiken.

Als je regelmatig de content van uw website wilt aanpassen, of misschien een weblog (blog) wilt bijhouden, dan is een Content Management System (CMS) zoals WordPress onontbeerlijk. Om de inhoud van je website te ondersteunen is het gebruik van social media een belangrijk marketing instrument. Uiteraard wil je hieraan niet te veel van je kostbare tijd besteden. Maar bedenk eens dat er iedere week zo’n drie miljard berichten en links worden uitgewisseld op Facebook. Dan is het toch zeker aan te bevelen om ook daar aanwezig te zijn.

Dit zijn een paar verschillende aspecten die van belang zijn, als je je bedrijfs-website aantrekkelijk wilt maken voor je online klanten.

Als je vragen hebt over Content Management Systemen, Social Media of Responsive Webdesign, dan zijn je reacties hieronder van harte welkom.

Gerelateerd artikel : Het belang van een snelle website

Recent kwam ik op de website van Webdesigner Magazine een interessant artikel over het sneller maken van een WordPress-site. In de eerste plaats is snelheid belangrijk voor de bezoekers van je website. Tegenwoordig is snelheid alles, en de snelheid waarmee je website laadt, is een van de belangrijkste factoren waarop een bezoeker besluit om te blijven of om de “Terug” knop van de webbrowser te gebruiken.

Niet alleen ben je dan een potentiële klant kwijt, ook de zoekmachines (met Google als belangrijkste voorop ) registreren dit gedrag. Als gebruikers je website verlaten en niet doorklikken naar volgende pagina’s, dan wordt je site als minder belangrijk voor het betreffende zoekwoord beschouwd. Een gevolg kan zijn dat je website daalt in de zoekresultaten, waardoor je minder bezoekers zult krijgen.

Reden genoeg dus om je website zo snel mogelijk te maken en te houden.

Het genoemde artikel in Webdesigner Magazine noemt een twintig-tal factoren die er toe kunnen bijdragen dat uw WordPress-website snel blijft laden. Een aantal van die factoren geldt uiteraard voor alle soorten websites.

Hosting van je Website

Het begint bij het uitkiezen van een goede webhost. Veel aspirant webeigenaars kiezen hun hoster op basis van de aangeboden schijfruimte en bandbreedte. De kwaliteit (=snelheid) van de servers is naar mijn mening veel belangrijker. Het heeft geen zin om heel veel tijd te steken in het optimaliseren van de website, als uw hoster de vertragende factor is. Daarom werk ik veel met dit hostingsbedrijf. Een echte aanrader voor degenen die zelf een webhost willen uitzoeken. Denk er aan het achteraf verhuizen van een bestaande website, naar een andere host, een heel gedoe kan zijn!

Webdesign en ontwikkeling

De volgende belangrijke factor is de manier waarop uw website gebouwd is. Ik zal u niet vermoeien met de technische details, maar u kunt er zeker van zijn dat de door mij gemaakte WordPress websites alles aan boord hebben om optimaal te presteren, zonder dat het extra onderhouds werk oplevert. Iedere maand doorsmeren en olie-verversen is dus niet nodig.

Wat kun je zelf doen

Als je zelf je website gaat beheren, dus zelf teksten, foto’s en video’s gaat plaatsen dan is het belangrijk om een aantal zaken in acht te nemen:

Foto’s en afbeeldingen optimaliseren voor gebruik op een website. Hiervoor kan speciale fotobewerkings-software gebruikt worden, of je kunt het doen op een website als http://www.webresizer.com

Veel webeigenaars maken gebruik van Youtube video’s of afbeeldingen van flickr.com (of vergelijkbare diensten). Bedenk wel dat deze video’s en afbeeldingen vanaf die andere website geladen moeten worden, waardoor uw eigen website trager wordt. Probeer al dit soort media dus zoveel mogelijk op uw eigen website te hebben, of overweeg het gebruik van Content Delivery Networks (CDN). Hierdoor komt je content te staan op zeer snelle servers met een extreem hoge beschikbaarheid.

snelheid van je website metenMeten is weten. Maak af en toe gebruik van Google Pagespeed Insights, om de snelheid van je website in de gaten te houden. Waarschijnlijk kun je niet zo veel met de technische adviezen die je krijgt, maar het geeft wel de gelegenheid om mij er tijdig naar te laten kijken. Aarzel daarom ook niet om contact met me op te nemen.