Onepager: Wann eine Website auf einer einzigen Seite die richtige Wahl ist

Ein Onepager zeigt Ihr ganzes Angebot auf einer einzigen Seite. Besucher scrollen von oben nach unten und landen ohne Umweg bei der Kontaktaufnahme. Das wirkt aufgeräumt und ist schnell umgesetzt, stößt aber an Grenzen, sobald Sie viele Leistungen zeigen oder bei Google für mehrere Suchbegriffe gefunden werden möchten. Wann sich ein Onepager lohnt, wann nicht und wie ein guter Onepager aufgebaut ist, beantwortet dieser Ratgeber.

Was ist ein Onepager?

Ein Onepager, auch One Pager, Onepage-Website oder Single Page Website genannt, ist eine Website, deren Inhalte auf einer einzigen, langen Seite stehen. Statt auf Unterseiten zu wechseln, scrollen Besucher durch aufeinanderfolgende Abschnitte, zum Beispiel Einstieg, Leistungen, Ablauf, Referenzen, Team und Kontakt. Das Menü führt per Ankerlink direkt zum jeweiligen Abschnitt. Die Adresse der Seite bleibt dabei dieselbe, am Ende kommt nur ein Zusatz wie #leistungen hinzu.

Ganz ohne weitere Seiten kommt ein Onepager in der Praxis selten aus. Impressum und Datenschutzerklärung liegen meist auf eigenen Unterseiten, die im Footer verlinkt sind. Welche Angaben dort stehen müssen, klären Sie mit Ihrem Anwalt oder Datenschutzbeauftragten. Auf Aufbau und Wirkung des Onepagers haben diese Seiten keinen Einfluss.

Wie sich Onepager, Website, Webseite, Startseite und Landingpage begrifflich unterscheiden, erklärt der Artikel Unterschied zwischen Homepage, Website und Webseite.

Onepager als Dokument im Geschäftsleben

Im Geschäftsleben bezeichnet Onepager auch ein einseitiges Dokument. Es fasst ein Unternehmen, ein Produkt oder ein Projekt auf einer Seite zusammen: für Investoren mit Geschäftsmodell, Markt, Team und Kapitalbedarf, für den Vertrieb als kompaktes Produktblatt oder für eine interne Entscheidung über ein Projekt. Das Prinzip ist verwandt, denn alles Wichtige steht kompakt an einem Ort und in einer klaren Reihenfolge. In diesem Artikel geht es aber um den Onepager als Website.

Vorteile eines Onepagers

Richtig eingesetzt, ist ein Onepager mehr als eine abgespeckte Website und hat eigene Stärken:

• Klare Nutzerführung: Sie legen die Reihenfolge der Argumente fest. Besucher lesen Nutzen, Angebot, Belege und Kontakt genau in der Abfolge, die Sie geplant haben, statt sich durch ein Menü zu klicken.
• Ein Ziel statt vieler Wege: Weil alles auf eine Handlung hinausläuft, etwa eine Anfrage oder eine Anmeldung, gibt es weniger Ablenkung. Das hilft, aus Besuchern Anfragen und Leads zu machen.
• Passend für das Smartphone: Scrollen ist auf dem Smartphone die natürlichste Bewegung. Ein Onepager braucht kein verschachteltes Menü, das auf kleinen Bildschirmen schnell unübersichtlich wird.
• Schnell online: Weniger Seiten bedeuten weniger Texte, weniger Abstimmung und weniger Designvarianten. Deshalb ist ein Onepager oft in kürzerer Zeit fertig als eine mehrseitige Website und eine gute Wahl, wenn es schnell gehen muss.
• Einfache Pflege: Alle Inhalte liegen an einer Stelle. Neue Öffnungszeiten, ein neues Foto oder eine geänderte Leistung sind schnell eingetragen.
• Gut für eine Geschichte: Die Abschnitte bauen aufeinander auf. Das eignet sich für Produkte, Veranstaltungen und Angebote, die man von vorn nach hinten erzählen kann.

Nachteile und Grenzen

Die Stärken eines Onepagers kehren sich um, sobald Inhalte und Ziele vielfältiger werden. Diese Punkte sollten Sie vor der Entscheidung kennen:

• Nur eine URL für Google: Ein Onepager hat einen Seitentitel, eine Meta-Beschreibung und ein Hauptthema. Für mehrere unterschiedliche Suchbegriffe gleichzeitig gut zu ranken, ist damit schwer. Mehr dazu im Abschnitt Onepager und SEO.
• Begrenzter Platz: Entweder bleiben Leistungen oberflächlich, oder die Seite wird so lang, dass Besucher den Überblick verlieren. Wer Details sucht, findet sie auf einem Onepager oft nicht.
• Ladezeit: Alle Bilder, Videos und Karten sitzen auf einer Seite. Ohne saubere Technik lädt ein Onepager langsamer als eine einzelne Unterseite einer mehrseitigen Website.
• Schwierige Auswertung: Web-Analyse-Tools zählen standardmäßig Seitenaufrufe, und bei einem Onepager gibt es nur einen. Welche Abschnitte gelesen und welche übersprungen wurden, sehen Sie erst mit zusätzlichem Event-Tracking.
• Teilen einzelner Inhalte: Ein Link auf #leistungen funktioniert zwar. In Social Media und Messengern erscheint aber immer dieselbe Vorschau mit demselben Titel und Bild wie für die ganze Seite.
• Begrenzte Skalierbarkeit: Ein Blog, eine Karriereseite, ausführliche Referenzen oder neue Leistungen passen kaum in die Struktur. Wächst Ihr Angebot, steht früher oder später ein Umbau an.

Onepager und mehrseitige Website im Vergleich

Die Tabelle stellt beide Formen gegenüber. Sie ersetzt keine Beratung, zeigt aber schnell, in welche Richtung Ihr Vorhaben tendiert.

Wann ein Onepager passt und wann nicht

Die Faustregel: Ein Onepager passt, wenn Sie ein klar umrissenes Angebot für eine Zielgruppe mit einem Ziel haben. Er passt nicht, wenn Besucher mit sehr unterschiedlichen Fragen kommen.

Gute Einsatzfälle

• Kampagne oder Aktion: Eine Produkteinführung, ein saisonales Angebot oder eine Aktion mit Frist bekommt eine eigene Seite mit allen Informationen. Geht es nur um eine einzige Handlung aus einer Anzeige heraus, ist eine Landingpage oft noch fokussierter.
• Veranstaltung: Messeauftritt, Tag der offenen Tür, Fachtagung oder Firmenjubiläum. Programm, Ort, Anfahrt, Ansprechpartner und Anmeldung passen gut auf eine Seite.
• Kleines, klares Angebot: Selbstständige, Beratende oder Handwerksbetriebe mit einer Kernleistung in ihrer Region können auf einem Onepager alles Nötige zeigen.
• Gründung und Start: Wer schnell online sein will, beginnt mit einem Onepager und baut aus, sobald Inhalte und Erfahrungen vorliegen.
• Produkt oder App: Ein einzelnes Produkt lässt sich als Geschichte erzählen: Problem, Lösung, Funktionen, Belege, Kauf oder Anfrage.
• Portfolio und Personenmarke: Fotografinnen, Designer, Referentinnen oder Coaches zeigen Arbeiten, Themen und Kontakt auf einer Seite.

Wann Sie besser mehrere Seiten planen

• Viele Leistungen: Ein Betrieb für Heizung, Sanitär und Elektro oder eine Kanzlei mit Angeboten für Privatpersonen und Unternehmen braucht für jede Leistung eine eigene Seite. Sonst bekommt jedes Thema nur einen Absatz.
• SEO für mehrere Suchbegriffe: Wer für „Badsanierung“, „Heizungswartung“ und „Wärmepumpe“ gefunden werden will, braucht drei Seiten, die jeweils eine Suchanfrage gründlich beantworten.
• Erklärungsbedürftige Angebote: Technische Produkte, B2B-Dienstleistungen oder Tarife mit Varianten brauchen Raum für Details, Datenblätter und Vergleiche.
• Regelmäßig neue Inhalte: Blog, Neuigkeiten, Stellenanzeigen oder ausführliche Referenzen brauchen eigene Seiten. Für offene Stellen lohnt sich eine eigene Karriereseite.
• Onlineshop: Produkte brauchen eigene Produktseiten mit Varianten, Preisen und Bewertungen.
• Mehrere Standorte oder Zielgruppen: Jede Zielgruppe und jeder Standort hat eigene Fragen, die auf einer gemeinsamen Seite untergehen.

Onepager mit Unterseiten als Zwischenlösung

Zwischen beiden Formen gibt es einen Mittelweg: eine Startseite im Onepager-Stil, die das Angebot im Überblick erzählt, und wenige Unterseiten für die wichtigsten Leistungen. So behalten Sie die klare Führung und schaffen trotzdem Platz für Details und Suchbegriffe. Planen Sie die Adressen der späteren Unterseiten von Anfang an mit. Wer Inhalte nachträglich verschiebt, muss alte Adressen per 301-Weiterleitung auf die neuen umleiten.

Onepager und SEO: was geht und was nicht

Google zeigt in den Suchergebnissen einzelne Adressen an, also URLs. Ein Onepager hat eine einzige URL und damit einen Seitentitel, eine Meta-Beschreibung und eine Hauptüberschrift. Das ist kein Nachteil, solange Ihr Angebot ein klares Hauptthema hat, etwa Ihren Firmennamen, ein Produkt oder eine Leistung an einem Ort. Dafür kann ein gut gemachter Onepager solide ranken.

Schwierig wird es bei mehreren Themen. Ankerlinks wie #badsanierung sind für Google keine eigenen Seiten, der Text aller Abschnitte zählt für dieselbe URL. Klar benannte Abschnitte helfen Google, den Inhalt zu verstehen, und können in den Suchergebnissen als Sprunglinks erscheinen. Ein eigenes Ranking für jeden Abschnitt entsteht daraus aber nicht. Hinzu kommt: Je mehr Themen sich eine Seite teilt, desto weniger Tiefe hat jedes einzelne. Wettbewerber mit einer eigenen Seite pro Leistung beantworten die Suchanfrage meist gründlicher.

Das Beste holen Sie aus einem Onepager heraus, indem Sie diese Punkte umsetzen:

• Eine H1 mit dem Hauptthema und, bei lokalem Angebot, dem Ort
• Eine H2 pro Abschnitt mit sprechender Überschrift, etwa „Ablauf einer Badsanierung“ statt „So geht’s“
• Genug echter Text, nicht nur Schlagworte unter Bildern
• Seitentitel und Meta-Beschreibung, die Angebot und Ort nennen
• Angaben zu Ihrem Unternehmen als strukturierte Daten
• Kurze Ladezeit und gute Core Web Vitals
• Bei lokalem Angebot ein gepflegtes Google-Unternehmensprofil, das auf den Onepager verlinkt

Für lokale Betriebe mit einer Kernleistung ist diese Kombination ein guter Start: Das Unternehmensprofil bringt Sichtbarkeit in Google Maps und in der lokalen Suche, der Onepager liefert die Details. Mehr dazu lesen Sie im Artikel über Local SEO.

Aufbau eines guten Onepagers

Ein Onepager folgt keinem starren Schema, aber einer klaren Logik: Er beantwortet die Fragen der Besucher in der Reihenfolge, in der sie entstehen. Bewährt hat sich dieser Aufbau:

1. Einstieg mit der Kernaussage

   Der erste sichtbare Bereich sagt in einem Satz, was Sie anbieten und für wen. Darunter steht ein Button zur Hauptaktion. Auf dem Smartphone müssen beide ohne Scrollen sichtbar sein. Ein aussagekräftiges Foto wirkt besser als ein Slider mit wechselnden Botschaften.

2. Nutzen für Ihre Kunden

   Drei bis fünf konkrete Punkte, was Kunden von Ihrem Angebot haben. Also nicht „Qualität und Service“, sondern zum Beispiel „Termin innerhalb einer Woche“ oder „Festpreis vor Beginn“, sofern das für Sie zutrifft.

3. Angebot oder Leistungen

   Was genau Sie anbieten, in kurzen Blöcken mit Überschrift und zwei, drei Sätzen. Bei einer Veranstaltung stehen hier Programm, Termin und Ort.

4. Ablauf

   Wie die Zusammenarbeit funktioniert, in drei bis fünf Schritten. Das nimmt Unsicherheit, besonders bei Leistungen, die Kunden nicht jeden Tag einkaufen.

5. Belege

   Echte Kundenstimmen, Referenzen, Bewertungen, Mitgliedschaften oder Zertifikate. Verwenden Sie nur, was Sie belegen können. Ausgedachte Bewertungen schaden mehr, als sie nutzen.

6. Über uns

   Die Menschen hinter dem Angebot, mit echten Fotos und kurzen Angaben. Gerade bei regionalen Dienstleistern entscheidet oft das Gefühl, mit wem man es zu tun hat.

7. Häufige Fragen

   Die Fragen, die im Vertrieb immer wieder kommen: Kosten, Dauer, Einzugsgebiet, Voraussetzungen. So räumen Sie Einwände aus, bevor sie zum Abbruch führen.

8. Kontakt

   Ein kurzes Formular mit so wenigen Feldern wie möglich, dazu Telefon, E-Mail und Adresse. Den Button zur Hauptaktion wiederholen Sie mehrmals über die Seite verteilt.

Im Footer stehen die Links zu Impressum und Datenschutzerklärung, bei Bedarf auch Öffnungszeiten und Ihre Social-Media-Profile. Wie Sie Texte für diese Abschnitte schreiben, die tatsächlich gelesen werden, zeigt der Artikel Website-Texte schreiben.

Abschnitte gestalterisch klar trennen

Auf einer langen Seite brauchen Besucher Orientierung. Wechselnde Hintergrundfarben, großzügige Abstände und wiederkehrende Elemente wie Icons oder Zwischenüberschriften zeigen, wo ein Abschnitt endet und der nächste beginnt. Farben, Schriften und Bildsprache folgen Ihrem Corporate Design, damit das Design zu Ihrer Marke passt. Mit Effekten wie Parallax oder Animationen beim Scrollen sollten Sie sparsam umgehen. Sie beeindrucken beim ersten Besuch, kosten aber Ladezeit und können Menschen stören, die empfindlich auf Bewegung reagieren.

Technik, Ladezeit und Barrierearmut

Weil ein Onepager alles auf einer Seite bündelt, fallen technische Schwächen stärker ins Gewicht als bei einer mehrseitigen Website. Diese Punkte sollten erfüllt sein:

• Fixiertes Menü mit Ankerlinks, das den aktuellen Abschnitt markiert
• Sprungziele werden nicht vom fixierten Menü verdeckt, zum Beispiel per CSS mit scroll-margin-top
• Vollständige Bedienung per Tastatur: Nach einem Klick auf einen Ankerlink landet auch der Fokus im Zielabschnitt, und kein fixiertes Element verdeckt das fokussierte Element vollständig. Die WCAG 2.2 fordern das im Kriterium „Fokus nicht verdeckt“.
• Sanftes Scrollen und Parallax-Effekte werden abgeschaltet, wenn Nutzer im Betriebssystem „Bewegung reduzieren“ eingestellt haben
• Bilder in passender Größe und in modernen Formaten wie WebP oder AVIF, weiter unten mit Lazy Loading, das erste Bild ohne
• Videos und Karten laden erst nach einem Klick
• Eine H1 und eine saubere Überschriftenhierarchie, damit Screenreader und Suchmaschinen die Gliederung erkennen
• Ein „Nach oben“-Link bei langen Seiten
• Event-Tracking für Scrolltiefe, gesehene Abschnitte und abgeschickte Formulare, technisch an Ihr Einwilligungs-Tool gekoppelt
• Test auf echten Smartphones, nicht nur im verkleinerten Browserfenster

Wie Sie eine Website barrierearm nach WCAG 2.2 umsetzen, lesen Sie im Artikel zur WCAG. Grundlagen zur Darstellung auf allen Geräten finden Sie unter Responsive Webdesign.

Onepager erstellen mit Baukasten oder Agentur?

Viele Website-Baukästen bieten Onepage-Vorlagen an, manche Tarife sind sogar kostenlos. Diese sind meist eingeschränkt, zum Beispiel ohne eigene Domain oder mit Werbung des Anbieters. Für ein privates Projekt oder einen ersten Test kann das reichen. Bei einem Unternehmen zählt eher, ob Texte, Bilder und Aufbau zu Ihrem Angebot passen, und das liefert keine Vorlage von selbst. Beide Wege vergleichen wir im Artikel Website-Baukasten oder Agentur. Wenn Sie selbst loslegen möchten, hilft der Leitfaden Website selbst erstellen.

Der Aufwand für einen Onepager hängt vor allem von diesen Punkten ab:

• Anzahl und Umfang der Abschnitte
• Texte: Liefern Sie sie selbst, oder werden sie für Sie geschrieben?
• Bilder: vorhandene Fotos, ein Fotoshooting oder Illustrationen
• Design: angepasste Vorlage oder individuelle Gestaltung
• Funktionen wie Formular, Terminbuchung, Karte oder Newsletter-Anmeldung
• Barrierearmut, Tracking und die Pflege nach dem Start

Welche Kosten bei Websites allgemein entstehen, erklärt der Artikel Was kostet eine Website?. Bei dpi Design gilt: Preis auf Anfrage. Nach dem kostenlosen Erstgespräch erhalten Sie innerhalb von drei Werktagen ein Festpreisangebot.

Unterstützung bei Ihrem Onepager

Häufige Fragen