Loader

Wat is responsive design?

Online marketing begrippen
 
Online Marketing Begrippen

Bij responsive design worden webpagina’s juist weergegeven op verschillende apparaten met afwijkende beeldscherminstellingen. Dit gebeurt automatisch, zo hoeft er slechts eenmaal een layout ontwikkeld te worden die er overal goed uitziet, zowel op PC of mobiel. Naast schalen kan ook de indeling en weergave van elementen veranderen. Wat is responsive design en wat zijn de voordelen van deze manier om websites te ontwerpen?

Definitie responsive design

Voorheen waren er computermonitoren die qua specificaties vrijwel gelijk waren. De webdesigner kon zich richten op een standaard indeling die vrijwel overal goed vertoond werd. Met de populariteit van smartphones, tablets en andere apparaten die voorzien zijn van een browser was er voor iedere configuratie een ander ontwerp nodig. Met responsive design kan er een basis ontwerp gemaakt worden die dynamisch schaalt op basis van de informatie vanuit de browser.

Voordelen voor SEO

In 2015 vond “Mobilegeddon” plaats, Google begon mobielvriendelijke websites hoger te plaatsen in de zoekresultaten. Dit kon een handmatig ontworpen mobiele versie van de site zijn, veel websites zijn ondertussen overgeschakeld op een dynamisch schaalbare versie. Dit beperkt de ontwerper in flexibiliteit, maar het verhoogt de efficiëntie van webdesign en verzekert een goede weergave op ieder apparaat. Bij zoekmachine optimalisatie zal ook de mobiele versie van de website aangepakt worden om zo het beste resultaat te halen.

Desktop mode

Naast indeling kan er bij responsive design ook verschil worden gemaakt in functionaliteit. Zo kan er op een smartphone een telefoonnummer worden weergegeven die direct aanklikbaar is, terwijl deze ontbreekt op een PC zonder telefoonverbinding. Of plug-ins zoals Flash worden op mobiel weggelaten terwijl ze op de desktop wel zichtbaar zijn. Omdat de webversie soms te beperkt is bieden de meeste mobiele browsers de optie om alsnog een desktop versie weer te geven.

Met responsive design is het eenvoudiger om websites te ontwerpen die er op alle apparaten en browsers goed uitzien en functioneel zijn. Het levert wel een beperking op voor de ontwerper. Gezien de “mobile first” aanpak van Google, en de diversiteit aan beeldschermen is het meestal de beste manier om een website te ontwerpen.

Quick scan

Ontdek binnen één minuut de knelpunten van uw website en weet waar de kansen liggen voor uw onderneming. Met deze vrijblijvende SEO scan analyseert u uw website op meer dan 150 punten, daarnaast krijgt u inzage in hoe de punten verbeterd kunnen worden.

Direct, online een complete analyse met diverse tips en feiten over de zoekmachine optimalisatie van uw website.





 
Online kansenonderzoek

Meer weten over online marketing? Bekijk alle begrippen. Terug naar de begrippenlijst

DoubleWeb: Onze partner in techniek

Technische verbeteringen aan de website worden uitgevoerd door DoubleWeb, ons zusterbedrijf. Met DoubleWeb heeft u technische specialisten binnen handbereik. Ga naar de website

Close