Het is echt tijd voor een responsive website
Wil jij een website waar veel bezoekers naartoe komen? Gebruik jij je website om je product of dienst te verkopen? En heb je nog geen responsive design? Lees waarom dat wel nodig is en hoe jij een responsive website krijgt.
Open jij op je smartphone weleens een website waar je totaal niets mee kunt? Letters die uit beeld lopen, foto’s die er niet goed uitzien en het lukt niet om iets te vinden op die website. Daar ben je al gauw klaar mee. De website is gemaakt voor een desktop en is totaal niet mobielvriendelijk. Zonde, want met een website die ook op mobiel goed te bekijken is, was je blijven hangen.
Een website die zich aanpast aan het beeldscherm waarop je hem bekijkt, noemen we responsive. Het gaat om de opmaak van je website, dus wordt het ook wel responsive webdesign of RWD genoemd. Bij Google kan je checken hoe mobielvriendelijk jouw website nu al is.
Is een website voor mobiel dan echt zo belangrijk?
Vroeger zat iedereen achter een bureau om via de desktop op internet te surfen. Dat is nu al lang niet meer zo. Je mobiele telefoon heb je altijd bij de hand en internetten hoort gewoon bij je dagelijkse handelingen. In de afgelopen jaren is het mobiele verkeer gegroeid. In het eerste halfjaar van 2017 bezochten we meer websites via mobiel of tablet dan via desktop. En dat wordt alleen maar meer. Check je eigen websitestatistieken eens. Grote kans dat mobiel een steeds groter wordende bezoekersgroep is.
Ook e-mail lezen we steeds vaker mobiel. Volgens het Nationaal e-mailonderzoek 2017 openen we onze e-mail al gemiddeld 43% op de smartphone. Dat was in 2014 gemiddeld 30% en blijft ook groeien. Uit eigen ervaring weet ik dat nieuwsbrieven en mailings een belangrijke manier zijn om mensen naar je website te leiden. Als de grootste groep van de lezers van je nieuwsbrief hem mobiel opent, dan moet de pagina op je website waar ze naartoe gaan ook goed mobiel te lezen zijn.
Goed te vinden in Google? Responsive!
Steeds meer mensen surfen mobiel en dat heeft Google ook gemerkt. De zoekmachine vindt het steeds belangrijker dat websites op de smartphone goed bereikbaar zijn. Steeds vaker zet Google websites die responsive zijn hoger in de zoekresultaten. En met plannen voor een mobile first index worden ook mobiele resultaten belangrijker. Wil je goed vindbaar zijn, zorg er dan voor dat je mobiele website goed is. Google helpt je daar trouwens ook bij met Accelerated Mobile Pages (AMP).
Statistieken: het werkt
Meer bezoekers op je website, ze blijven langer en je conversie gaat omhoog. Dat is te hopen en te verwachten als je je website ook voor mobiele bezoekers toegankelijker maakt. In onze eigen website restyle eerder dit jaar richtten ons naast andere aanpassingen ook op een goede responsive website. Gevolg: fors hogere mobiele resultaten.
Andere bedrijven merken dat ook. Time Magazine en O’Neill gingen in 2013 over met goede resultaten. Time zag het aantal unieke bezoekers op de homepage stijgen met 15%. O’Neill kreeg 65,71% meer conversies vanaf iPhones en maar liefst 407,32% vanaf Android-toestellen. De kans is groot dat ook jouw nieuwe responsive website beter zal werken dan de oude.
Hoe maak je dan een goede mobiele website?
Er zijn verschillende manieren om een mobiele website te maken. Een losse mobiele website naast je desktopsite is daar eentje van. Vaak zie je bij zo’n seperate website in de url ‘m.’ ervoor staan. m.mijndomein.nl zou dat bij ons zijn. Een andere optie is een adaptive website die nog een stapje verder gaat dan responsive. Adaptive pakt niet alleen de opmaak mee, maar kijkt ook naar het optimale gebruik van een apparaat. Bijvoorbeeld door een belknop zichtbaar te maken op mobiel zodat je direct kunt bellen. Eerder schreef ik daarover in een blog over gepersonaliseerde websites.
Voorbeeld van een adaptive website met belknop op mobiel.
Toch is eigenlijk de algemene consensus dat je als je dan toch een goede website voor mobiel moet hebben, een responsive design de beste prijs-kwaliteitverhouding heeft. En ook voldoende is als basis voor een goede website. Ook Google beveelt responsive webdesign aan. Daarom richten we ons in deze blog op hoe je een responsive website krijgt op verschillende manieren.
Zelf een responsive website bouwen from scratch
Ben je nou echt een techie en lijkt het je leuk om je te verdiepen in het hoe en wat van een responsive website, dan is het een uitdaging om zelf een compleet responsive website te bouwen. Om je op weg te helpen vind je op YouTube, zoals deze video van DevTips waarin je ziet hoe je een complete responsive website maakt van start tot eind.
Zelf een responsive website bouwen met een CMS
Iets minder ingewikkeld is zelf webhosting regelen en met een CMS zoals WordPress of Joomla je website maken. Ik geef tips voor een paar van de belangrijkste CMS’en:
WordPress
Let erop dat het thema dat je kiest uit zichzelf responsive is. Check van tevoren goed hoe hij eruit ziet op verschillende apparaten en of jij dat voldoende vindt. Wil je je website niet direct opnieuw bouwen, dan zijn er plugins die je website meer responsive maken. Maar eigenlijk is dat eerder wat oplapwerk in plaats van de ‘real deal’. Kies je voor responsive, zorg er dan voor dat de basis, het thema, goed is.
Nog een extra tip: check of je afbeeldingen en video’s meebewegen met het scherm. Check in je tekstversie of de width en height zijn ingesteld op width=”100%” height=”auto”.
Joomla
Vanaf Joomla! 3.0 is responsive design mogelijk. Er zijn al heel wat responsive templates te vinden en ook bekende designers als RocketTheme bieden zulke thema’s aan. In deze video zie je hoe het responsive design van zowel je website als het CMS eruit ziet:
Drupal
Responsive websites kan je ook gewoon met Drupal maken. Op hun website staat een uitgebreide guide over responsive web design met Drupal. Ze gaan in op de technische kant voor developers en designers, ze tippen thema’s en modules en geven uitgebreide informatie. Daarnaast is deze blog over responsive modules ook interessant om te lezen.
PrestaShop
Wil je een responsive webwinkel maken, dan is dit een tip van ons. Met een paar duizend responsive PrestaShop templates en handige responsive modules heb je genoeg keuze.
Zelf een responsive website bouwen voor dummies
Vind je het nou veel te veel gedoe om eerst van alles te installeren, maar wil je liever direct aan de slag? Zoek dan een klik&klaar CMS-systeem die ook responsive is. Onze Websitemaker is zo’n eenvoudig systeem waar je geen technische kennis voor nodig hebt. Hij is automatisch responsive en zelfs een stukje adaptive: je kunt heel makkelijk aanpassingen doen per apparaat.
Een responsive website laten maken
Na al dat werk van hierboven, heb je misschien wel gewoon behoefte om je website voor je te laten maken. Jij hebt geen zorgen en laat het responsive verhaal aan een professional over. Huur je een webbouwer in, controleer dan wel van tevoren of hij (of zij) goed op de hoogte is van de laatste ontwikkelingen.
Check of hij ervaring heeft met responsive websites. Vraag eens wat een snelle website te maken heeft met een responsive design. En of hij je website bouwt met Google’s AMP waardoor je website nog toegankelijker is voor mobiele bezoekers. Vergeet niet ook zelf na te denken over de inhoud, de content, van je website. Zorg ervoor dat je je doel op alle apparaten behaalt, bijvoorbeeld dat je call-to-action duidelijk zichtbaar blijft.
Wil je meer weten, bekijk dan ook eens de tips van Google over mobiele websites. Heb jij ook nog tips? Laat ze dan hieronder achter.
Wij hebben een website van domein en we zijn daar niet tevreden over
wij zijn op googel nog steeds niet vinden wel als ik op onze naam zoek maar op zoek worden werkt het niet . we krijgen als antwoord je moet dit doen en dat doen allemaal
gedaan het werkt nog niet .
We hebben spijt dat we met jullie in zee gegaan zijn.
Hoi A.,
wat jammer om dat te horen! SEO is een vak apart. Wij zijn een webhoster en we proberen onze klanten waar we kunnen te helpen. Door tips te geven zoals deze en andere blogposts: https://nieuws.mijndomein.nl/?s=seo.
Wil je echt aan de slag met SEO, dan zijn onze tips een eerste stap. Maar misschien is het slimmer om een specialist in te huren die je verder kan helpen. Er zijn genoeg bureaus die hier iets mee doen. Succes!
Tabitha
NICE AND AWESOME POST
kan mijn website ook omgebouwd worden tot een responsive website? en wie zou dat kunnen?
Hoi Miranda, dat kan een webbouwer voor je doen. Er zijn veel bedrijven die websites maken. Het is vaak wel beter om gewoon een compleet nieuwe website te bouwen die klaar is voor de toekomst. Een frisse start zonder ‘oude’ onderdelen.
Wil je alles liever zelf in handen hebben, dan kan dat eenvoudig met onze Websitemaker. Een voordeel is dat je bij Websitemaker via ‘Met URL beginnen’ je oude website kunt kopiëren in ons systeem. Scheelt veel werk. Je kunt dit hier gratis uitproberen.
Groet en succes! Tabitha
Hi
We have already a website, but i wanna convert it to mijndomein. and then making some changes! could you let me what the steps are while i dont wanna stop being published!?
Regards,
Amin
Hi Amin, you can transfer your domainname and website (and email?) to Mijndomein and you need a transfer code. In this article in Dutch we explain it: https://helpdesk.mijndomein.nl/hc/nl/articles/200366412-Naar-Mijndomein-toe-verhuizen
If this does not help enough, please contact my expert colleagues and ask them what to do: http://kort.md/nieuwticket
Tabitha
Wat kan ik precies met progressive web? ik heb een webshop via mijndomein
Hoi Marjolein, heb je al op Google gekeken wat je ermee kunt? Daar vind je vaak snel antwoord. Anders kun je eens kijken op onze helpdesk: https://helpdesk.mijndomein.nl/hc/nl
Tabitha
Wil met websitemaker beginnen maar bij login komt de foutmelding:
Can’t connect securely to this page
This might be because the site uses outdated or unsafe TLS security settings. If this keeps happening, try contacting the website’s owner.
Hoi Harry, je kunt het beste even contact opnemen met onze helpdesk via https://kort.md/nieuwticket
Tabitha
Hoi Tabitha,
Wij zijn bezig om onze website op te zetten en ondervinden problemen als we naar de mobiele configuratie gaan. Omdat de content op de mobiele versie door elkaar loopt moeten we dit aanpassen.
Maar zodra we bijvoorbeeld een foto weghalen op de mobiele versie, doet hij het ook op de desktop versie. Kunnen we dit uitschakelen zodat we ze apart en per device kunnen aanpassen?
Met vriendelijke groeten,
Dwayne
Hoi Dwayne, ik zie dat je nog geen reactie hebt gehad op je vraag. Je kunt het beste even op onze helpdesk kijken, want de comments onder blog zijn meer bedoeld voor discussie over de post. Dus ga naar https://helpdesk.mijndomein.nl/hc/nl en daar kom je ook in contact met onze support specialisten. Succes! Tabitha
Hallo,
kan ik ook uw websitemaker uitproberen zonder vantevoren te betalen?
ik wil namelijk eerst kijken of ik er mee handig ben en dan pas overgaan tot betaling?
groet
rashad
Hoi Rashad, dat kan zeker. Op https://www.mijndomein.nl/producten/websitemaker moet je iets naar beneden scrollen en dan kun je Websitemaker zonder beperkingen gratis proberen. Groet Tabitha
ben echt benieuwd waar want ik zie nergens een verwijzing hiernaar?
Hi Lisette, als je naar beneden scrollt, zie je eerst de foto van die jongen. Daaronder een paars vlak. Vul daar je e-mailadres in en klik op ‘gratis proberen’. Daarna opent een nieuwe webpagina met Websitemaker. Lukt dat?
Tabitha
Ik heb een mooi logo laten maken voor mijn visitekaartjes, kleding etc. Ik heb gevraagd om een digitale versie van mijn logo om dit ook op mijn website te kunnen plaatsen. Mijn leverancier vroeg mij in welk formaat en met welke resolutie hij dit aan mij moet leveren. Ik heb alle filmpjes bekeken, maar ik kan dit zo niet terugvinden. Graag advies!
Ik moet nog aan mijn website beginnen.
Hoi Jaqueline, als je aangeeft dat het voor je website is, dan weet de leverancier waarschijnlijk wel wat je nodig hebt. Zo niet, neem dan even contact op met onze specialisten via https://kort.md/nieuwticket
Succes! Tabitha