Responsive Design bezeichnet die Gestaltung einer Website so, dass sie sich automatisch an die Bildschirmgrösse des jeweiligen Geräts anpasst – vom grossen Desktop-Monitor bis zum Smartphone. Dabei ordnen sich Inhalte, Bilder und Menüs neu an, statt einfach verkleinert zu werden.
Warum Responsive Design heute Pflicht ist
Mehr als die Hälfte aller Webseitenbesuche findet auf dem Smartphone statt. Für viele Branchen – Gastronomie, Handel, lokale Dienstleistungen – ist der Anteil sogar noch höher. Eine Website, die auf dem Smartphone unbequem zu bedienen ist, verliert diese Besucher fast vollständig.
Dazu kommt, dass Google Webseiten primär in ihrer mobilen Version bewertet. Das nennt sich Mobile First Indexing und ist seit 2023 der Standard. Was Google von einer Webseite „sieht”, ist also nicht die Desktop-Ansicht, sondern die mobile. Wer auf dem Handy eine schlechte Erfahrung bietet, wird im Ranking entsprechend abgestraft.
Was bedeutet Mobile First Indexing konkret?
Google crawlt und indexiert die mobile Version einer Webseite. Ist diese schlechter strukturiert, hat weniger Inhalt oder lädt langsamer als die Desktop-Version, wirkt sich das direkt auf das Ranking aus. Inhalte, die nur auf dem Desktop, aber nicht auf dem Mobilgerät erscheinen, werden von Google ignoriert.
So prüft man die mobile Darstellung
Google Search Console: Unter „Nutzererfahrung > Mobile Usability” zeigt die Search Console, welche Seiten Probleme haben, beispielsweise zu kleiner Text, zu nahe beieinander liegende Tipp-Ziele oder Inhalte, die breiter als der Bildschirm sind.
Browser-Entwicklertools: Jeder Browser erlaubt es, eine Webseite in verschiedenen Bildschirmgrössen zu simulieren. Im Chrome-Browser: Rechtsklick → „Untersuchen” → Geräte-Symbol in der Symbolleiste.
Google PageSpeed Insights: Zeigt neben den Core Web Vitals auch Hinweise auf mobile Darstellungsprobleme.
Typische Fehler bei Baukästen und älteren Websites
Text zu klein: Wer die Schriftgrösse für den Desktop optimiert, landet auf dem Handy oft bei unlesbaren 11 oder 12 Pixeln.
Buttons sind zu klein und zu nah beieinander: Auf dem Touchscreen benötigt ein Klickziel eine Mindestgrösse von 48 × 48 Pixeln, um zuverlässig getroffen zu werden.
Bilder, die breiter als der Bildschirm sind: Horizontales Scrollen ist auf dem Smartphone extrem unbeliebt und ein sicheres Zeichen für mangelhafte mobile Optimierung.
Pop-ups, die den gesamten Bildschirm überdecken: Google straft aufdringliche Interstitials auf Mobilgeräten explizit ab.
