Responsive Website erstellen lassen: was du verlangen und bei der Abnahme prüfen solltest

Warum die Ansicht auf dem Smartphone zählt

Responsiv heißt: Es gibt eine Website mit einer Adresse und einem Inhalt, und ihr Layout ordnet sich je nach Breite des Bildschirms neu an. Google empfiehlt dieses Muster, weil es sich am einfachsten umsetzen und pflegen lasse, und nutzt für Indexierung und Ranking die mobile Fassung einer Website (Google Search Central, eigene Übersetzung). Im Juni 2024 schrieb Google, es crawle und indexiere bereits fast alle Websites mit dem Smartphone-Crawler; die letzten, die noch mit dem Computer-Crawler besucht wurden, sollten nach dem 5. Juli 2024 ebenfalls nur noch mit dem Smartphone-Crawler erfasst werden. Sinngemäß schreibt Google dazu: Sind die Inhalte einer Website mit einem Mobilgerät überhaupt nicht zugänglich, kann sie nicht mehr indexiert werden (Google, 3. Juni 2024, eigene Übersetzung).

Auch die Geräte sind da: 90,8 % der privaten Haushalte in Deutschland hatten 2024 mindestens ein Smartphone, 62,1 % ein Tablet (Statistisches Bundesamt, Laufende Wirtschaftsrechnungen). Wie viele Besucher deiner eigenen Website mobil kommen und mit welchen Bildschirmgrößen, zeigt dir nur deine eigene Statistik. Diese Zahlen sind die beste Grundlage für die Frage, auf welchen Geräten getestet werden soll (unsere Einschätzung).

Sieben Kriterien, die „responsive“ prüfbar machen

Ein Gesetz, das „responsive“ für jede Website festlegt, haben wir nicht gefunden. Prüfbar wird der Begriff mit den Richtlinien für barrierefreie Webinhalte des W3C (WCAG) und mit Googles Dokumentation. Die Namen der WCAG-Kriterien geben wir auf Englisch an, weil das W3C für WCAG 2.1 nur eine inoffizielle und für WCAG 2.2 keine deutsche Übersetzung aufführt (W3C); die Beschreibungen sind eigene Übersetzungen.

Ob die WCAG-Kriterien für deine Website gesetzlich gelten, hängt etwa davon ab, ob sie unter das Barrierefreiheitsstärkungsgesetz fällt. Wann das so ist und welche WCAG-Fassung dann als Maßstab dient, steht im Beitrag Barrierefreie Website erstellen lassen. Das Kriterium zu Klickflächen (2.5.8) kam erst mit WCAG 2.2 hinzu, die das W3C am 5. Oktober 2023 als Empfehlung veröffentlicht hat (W3C). Auch ohne gesetzliche Pflicht sind die Kriterien ein brauchbarer Maßstab, weil sie Zahlen nennen, die sich nachmessen lassen (unsere Einschätzung).

Was 12 Anbieter unter „responsive“ versprechen

Für den Suchbegriff „responsive webdesign agentur“ haben wir die Google-Seiten 1 und 2 laut Semrush (Datenbank Deutschland) vom 27.10.2026 ausgewertet. Von 19 Adressen waren 12 Leistungsseiten von Anbietern, die wir vollständig gelesen haben. Gezählt haben wir nach Regeln, die wir vor dem Lesen festgelegt hatten; Details und die Liste der Seiten stehen unter Methode.

Was dabei auffällt:

• Viel „alle Endgeräte“, wenig Prüfung. 10 der 12 Seiten nennen mehrere Gerätearten. Dass sie das Ergebnis auf verschiedenen Geräten oder Browsern prüfen, erwähnen nur drei, einen Browser beim Namen nennt nur eine („Safari, Chrome und Co.“, Kreativdenker). Tests auf echten Geräten sagt keine Seite zu, einen schriftlichen Nachweis wie ein Testprotokoll auch keine.
• Feste Breiten oder stufenlos. Zwei Seiten nennen Breiten in Pixeln, und sie stehen für zwei Ansätze. Maximusweb listet „Smartphone: 320px bis 480px“, „Tablet Pc: 768px bis 1024px“ und „Standard Computer: 1024px+“. Kreativdenker schreibt dagegen, das Layout werde „nicht an feste Breakpoints angepasst“. Auch Googles Entwicklerseite web.dev rät, Umbruchpunkte nicht nach Geräteklassen, Produkten oder Marken festzulegen, sondern nach dem Inhalt (web.dev, eigene Übersetzung). Für dich heißt das: Lass dir zeigen, dass die Seite auch zwischen den genannten Breiten nicht bricht.
• Google als Argument, teils veraltet. Sechs Seiten berufen sich auf Googles Bewertung der mobilen Fassung. Eine verspricht als Standard „das Bestehen des Google-eigenen ‚Mobile Test Tools‘“ (Kreativdenker); diesen Test gibt es laut Google seit Dezember 2023 nicht mehr. Eine andere schreibt, „70% Websites wurden auf die Mobile-First-Indexierung von Google umgestellt“ (ScienceSoft). Diese Zahl hatte Google selbst im März 2020 genannt; den Beitrag kennzeichnet Google heute als veraltet (Google, 5. März 2020). Im Juni 2024 schrieb Google, es crawle und indexiere fast alle Websites mit dem Smartphone-Crawler.
• Zahlen ohne Beleg. Fünf Seiten nennen Zahlen zur mobilen Nutzung, etwa „Über 50 % des gesamten Internet-Traffics“ oder einen Anteil von „80 Prozent“ im Jahr 2020. Eine Quelle nennen nur zwei, und zwar nur mit Namen wie „Statista“, ohne Studie oder Link.
• Bedienung und Barrierefreiheit kommen kaum vor. Vier Seiten erwähnen Touch oder Finger, die Größe von Klickflächen keine. Zwei nennen Barrierefreiheit, eine davon die WCAG mit dem Zusatz „auf Anfrage“. Die WCAG-Kriterien zum Umbruch bei 320 CSS-Pixeln oder zum Vergrößern auf 200 % erwähnt keine Seite.
• Ladezeit ja, Messwerte nein. Sieben Seiten sprechen von Ladezeit oder Performance, eine nennt die Core Web Vitals, keine einen Zielwert.
• Preise fehlen. Einen Euro-Betrag nennt nur eine Seite, ab 49 € pro Monat für einen Wartungs- und Pflegevertrag kleiner Websites, ohne Angabe zur Umsatzsteuer (123webonline). Dass responsive Umsetzung bei einer neuen Website „nicht zusätzlich berechnet“ wird, schreibt ausdrücklich eine (Kreativdenker); drei weitere schreiben, alle ihre Websites seien responsive.

Eine Leistungsseite ist Werbung und kein Vertrag. Dass ein Anbieter etwas nicht erwähnt, heißt nicht, dass er es nicht macht. Es heißt aber, dass du danach fragen und es schriftlich festhalten solltest.

Was ins Angebot und in die Leistungsbeschreibung gehört

Ein Auftrag für eine neue Website gilt in der Regel als Werkvertrag. Dann ist die fertige Website frei von Sachmängeln, wenn sie die vereinbarte Beschaffenheit hat. Fehlt eine Vereinbarung, kommt es darauf an, ob sie sich für die nach dem Vertrag vorausgesetzte Verwendung eignet, sonst für die gewöhnliche Verwendung, und ob sie so beschaffen ist, wie es bei solchen Werken üblich ist und der Besteller erwarten kann (§ 633 Abs. 2 BGB). Was bei der mobilen Darstellung „üblich“ ist, lässt sich im Streit schwer belegen. Schreib die Anforderungen deshalb ins Angebot (unsere Einschätzung, keine Rechtsberatung). Diese Punkte gehören hinein:

Wie die Abnahme rechtlich abläuft und was sonst in einen Website-Vertrag gehört, etwa Nutzungsrechte und Zahlungsplan, steht im Beitrag „Webdesigner finden“ unter Was in den Vertrag gehört.

So testest du die mobile Ansicht selbst

Für einen ersten eigenen Test brauchst du kein Fachwissen, nur ein Smartphone und einen Computer mit einem aktuellen Browser. Die Grafik fasst Prüfbreiten und Prüfpunkte zusammen.

1. Am eigenen Smartphone: Öffne jeden Seitentyp, also Startseite, Leistungsseite, Kontaktseite, Blogartikel und Formular. Bedien das Menü, tippe auf Telefonnummer und Links, dreh das Gerät ins Querformat und vergrößere mit zwei Fingern. Am besten auf einem älteren, kleineren Gerät und auf einem aktuellen (unser Vorschlag).
2. In den Entwicklertools des Browsers: In Chrome öffnest du die Entwicklertools und klickst auf „Toggle device toolbar“. In der Einstellung „Responsive“ setzt du die Breite auf 320 und ziehst den sichtbaren Bereich dann an den Griffen stufenlos breiter; die Option „Show media queries“ zeigt, wo das Layout umbricht. Diese Ansicht ist laut Google nur eine erste Annäherung: Der Code läuft dabei nicht auf einem Mobilgerät, und Smartphones haben eine ganz andere Prozessorarchitektur als Laptops (Chrome DevTools, eigene Übersetzung). Sie ersetzt deshalb nicht den Test am echten Gerät.
3. Der Zoom-Test am Laptop: 320 CSS-Pixel entsprechen einem 1280 CSS-Pixel breiten Fenster bei 400 % Zoom (W3C). Zieh das Browserfenster auf etwa diese Breite und vergrößere auf 400 %: Die Seite sollte sich nur noch nach unten scrollen lassen, und nichts darf abgeschnitten sein.
4. Ladezeit messen: PageSpeed Insights zeigt für Mobilgeräte zwei Arten von Daten: Labordaten aus einer Messung unter festen Bedingungen und, wenn vorhanden, Daten echter Chrome-Nutzer aus den vorangegangenen 28 Tagen. Unser Website-Performance-Test nutzt dieselbe Messung und erklärt die Ergebnisse in einfachen Worten.
5. Automatisch prüfen lassen: Der Barrierefreiheits-Check prüft eine Seite in der Ansicht auf dem Smartphone, unter anderem auf zu kleine Schaltflächen und eine Sperre des Vergrößerns. Ob die Viewport-Angabe stimmt, zeigt der SEO-Check. Manches kann nur ein Mensch beurteilen, etwa ob bei 200 % Vergrößerung alles lesbar bleibt; Schritt 1 bis 3 ersetzen sie deshalb nicht.
6. Inhalte vergleichen: Leg Computer und Smartphone nebeneinander. Fehlen mobil Texte, Überschriften, Bilder oder Teile von Tabellen, gehört das auf deine Liste, denn Google wertet die mobile Fassung aus.
7. Mängel festhalten: Notiere zu jedem Fehler Seite, Gerät, Browser und Breite und mach ein Bildschirmfoto. Diese Liste gehört ins Abnahmeprotokoll.

Anbieter finden und richtig anfragen

Responsiv arbeiten nach eigener Aussage alle 12 Anbieter unserer Auswertung. Unterschiede zeigen sich bei der Frage, wie sie das prüfen. Frag im Erstgespräch: Auf welchen echten Geräten testet ihr? Ab welcher Breite muss die Seite funktionieren? Zeigt ihr mir das Testprotokoll eines früheren Projekts? Öffne außerdem zwei Referenzen auf deinem Smartphone und mach dort den Zoom-Test aus dem vorigen Abschnitt. Wie du Angebote allgemein vergleichst, erklärt Webdesigner finden; funktioniert deine bestehende Website auf dem Smartphone schlecht, hilft der Beitrag Website-Relaunch. Für eine einzelne Werbeseite lies Landingpage erstellen lassen, für Websites mit WordPress WordPress-Website erstellen lassen.

Kontaktpfad ist unser eigenes Angebot. Dort beschreibst du dein Vorhaben kostenlos, etwa so: „Website mit zehn Seiten und Kontaktformular, responsive ab 320 CSS-Pixeln ohne seitliches Scrollen, getestet auf einem iPhone und einem Android-Smartphone, mit Testprotokoll zur Abnahme.“ Webdesigner, deren Fachgebiet passt, können sich daraufhin bei dir melden. Starten kannst du unter Projekt beschreiben; Anbieter selbst durchsehen kannst du im Dienstleister-Verzeichnis.

Methode: wie wir die 12 Anbieterseiten ausgewertet haben

Grundlage ist die Trefferliste für „responsive webdesign agentur“ auf Google-Seite 1 und 2 laut Semrush (Datenbank Deutschland, Ansicht für Computer) vom 27.10.2026 mit 19 Adressen. Der Begriff wird laut Semrush rund 880-mal im Monat gesucht. Aufgenommen haben wir Leistungsseiten, auf denen der Betreiber ein eigenes Angebot für Webdesign beschreibt. Nicht aufgenommen haben wir einen Lexikoneintrag, ein Video, zwei Artikel aus Blog- und Wissensbereichen, eine Informationsseite, deren Angebot nur in einem Kontaktkasten am Rand steht, und eine Seite, die nicht mehr existiert. Ausgeschlossen haben wir außerdem eine Seite, die heute auf die Startseite des Anbieters weiterleitet, laut einer Archivfassung aber ein Artikel war; die Weiterleitung ersetzt nicht den gelisteten Treffer.

Die Zählregeln haben wir vor dem Lesen der ersten Seite schriftlich festgelegt. Jede Seite haben wir am 27.10.2026 im Browser vollständig gelesen, einschließlich zugeklappter Antworten in Fragebereichen. Gezählt hat nur der Text der Seite, nicht Menü, Kopf- und Fußzeile, Cookie-Hinweise, eingeblendete Hilfsleisten, Verweise auf Referenzprojekte oder Kundenstimmen. Für jedes gezählte Merkmal haben wir den Satz wörtlich notiert. Einige Grenzfälle haben wir beim Zählen genauer gefasst, mit Datum nachgetragen und auf alle Seiten gleich angewendet: Ein Gerätename in einem historischen Nebensatz zählt nicht als Prüfgerät; Zahlen in Worten wie „über die Hälfte“ zählen als Zahl; „inklusive“ oder „Standard“ nur mit ausdrücklichem Signalwort; Touch nur bei Bedienung per Touch oder Finger; eingeblendete Vorlese- und Kontrast-Hilfen sowie Auswahlfelder in Formularen sind kein Seitentext.

Grenzen: Die Auswertung ist eine Momentaufnahme vom 27.10.2026 und zeigt, was Anbieter auf ihren Seiten schreiben, nicht, wie sie tatsächlich arbeiten. 12 Seiten sind keine repräsentative Stichprobe aller Webdesigner. Die ausgewerteten Seiten: