Responsive design is een ontwerpmethode waarbij een website zich automatisch aanpast aan het scherm waarop deze bekeken wordt, van smartphone tot tablet en desktop, zonder dat hiervoor aparte versies van de website nodig zijn.
Belang voor SEO en UX
Met de meerderheid van bezoekers die websites via mobiel bezoeken, is een website die niet goed werkt op kleinere schermen een directe drempel voor gebruiksvriendelijkheid en kan dit leiden tot een hoge bounce rate. Zoekmachines geven bovendien de voorkeur aan websites die goed presteren op mobiel, waardoor responsive design ook indirect de vindbaarheid beinvloedt via de mobile first indexering van Google.
Aanpak
Responsive design wordt technisch gerealiseerd via flexibele lay outs, relatieve maateenheden en media queries die de opmaak aanpassen aan de schermbreedte. Regelmatig testen op daadwerkelijke apparaten, naast simulatietools, voorkomt dat specifieke schermformaten onopgemerkt problemen vertonen die enkel in een browsersimulatie niet zichtbaar zijn.