Je zult de vraag maar krijgen. Is jouw website wel responsive? En je hebt geen idee. Ja, het is zeker wel belangrijk. Maar wat is het? En waarom is het belangrijk?
Wat is een responsive website?
In 2009 kwam Apple met de iPhone 3gs. Dat was zo’n beetje de eerste groots geaccepteerde en gebruikte smartphone. Hierdoor veranderde er heel veel voor ons website makers. In de jaren daar voorafgaand letten we op de maximale grootte van schermen. Die scherm resoluties werd namelijk steeds hoger.De website konden dus steeds groter en breder worden.
Nu moesten we ineens rekening gaan houden met steeds meer diverse maten schermen. Een website moest op alle formaten goed leesbaar zijn. En dat is wat we responsive noemen. Dat je website zich aanpast aan het schermformaat waarop hij getoond wordt. Een look en feel ligt dus niet meer 100% vast maar wordt bepaald door het formaat van het scherm waarop er naar gekeken wordt.
Hoe werkt dat dan een responsive website?
Om responsive websites te kunnen maken is HTML5 bedacht. Met HTML5 kun je in je opmaak aangeven hoe de website zich moet gedragen. Je geeft maten aan waarbinnen een bepaalde gedraging plaats moet vinden. Bijvoorbeeld onder de 700 pixels breed laat je geen volledig menu meer zien, maar een hamburger menu zoals je veel op mobiele websites ziet. Dat zijn de drie horizontale streepjes boven elkaar.
Waarom is een responsive website belangrijk?
In april 2015 heeft Google aangekondigd en doorgevoerd dat alle websites die niet responsive zijn automatisch lager zullen ranken dan websites die wel responsive zijn. Waarom doen zij dit? Zij zien dat websites steeds vaker op mobiele apparaten worden bekeken. Google heeft als doel om jou zo snel mogelijk te laten vinden wat je zoekt. Een website die niet goed toont (meestal heel klein) op een mobiel apparaat, daar heb jij dus niks aan als je op je mobiele apparaat kijkt. Dus zakt jouw website in de zoekresultaten naar beneden en stijgt een website die wel responsive is.
Is HTML5 dan de beste oplossing?
Nee, dat is het niet! Wat??? Je wilt dat mijn website responsive is, maar het is niet de beste oplossing. Dat klopt. De beste oplossing is voor elk apparaat een aparte website of zelfs app maken. Maar aangezien dat voor de meeste bedrijven niet haalbaar is is een responsive website op basis van HTML5 een prima oplossing.
Is mijn website responsive?
Goede vraag. Dat is heel eenvoudig te bekijken via de tool die Google gratis aanbiedt. Is je website het niet dan help ik je graag verder. Het is belangrijk om met de tijd mee te gaan en er voor te zorgen dat iedereen je website goed kan bekijken.