Onepager oder mehrseitige Website: Wann eine Seite reicht

Ein Onepager zeigt alles auf einer Seite: Leistungen, Referenzen, Team und Kontakt folgen beim Scrollen aufeinander, eine Navigation springt zu den Abschnitten. Das wirkt übersichtlich und ist schnell gebaut. Für Unternehmen mit mehreren Leistungen, offenen Stellen oder mehreren Sprachen stellt sich aber die Frage, was eine einzelne Adresse leisten kann und wo sie an Grenzen stößt.

Davon zu unterscheiden ist der One-Pager als Dokument: eine einseitige Zusammenfassung, etwa als PDF-Unternehmensprofil, Projektsteckbrief oder Pitch, um die es in diesem Eintrag nicht geht.

So funktioniert ein Onepager

Jeder Abschnitt der Seite trägt eine ID, etwa <section id="leistungen">. Die Navigation verlinkt auf #leistungen, der Browser springt an diese Stelle. Der Teil nach dem # heißt Fragment. Laut URI-Standard RFC 3986 wird das Fragment „separated from the rest of the URI prior to a dereference“, also abgetrennt, bevor die Anfrage den Server erreicht. Der Server sieht es nie.

1. Browser fragt/
2. Server liefertganze Seite, 200 OK
3. Klick auf#leistungen
4. Browser scrolltohne neue Anfrage

Impressum und Datenschutzerklärung stehen auch bei Onepagern in der Praxis fast immer auf eigenen Seiten. Welche Anforderungen an ihre Erreichbarkeit gelten, regelt § 5 DDG; die IHK Rhein-Neckar stellt die Vorgaben und die Rechtsprechung dazu zusammen. Die Prüfung im Einzelfall ist eine rechtliche Frage.

Nicht dasselbe wie ein Onepager ist die Single-Page-Application. Das ist eine Technik, bei der JavaScript Inhalte austauscht, ohne die Seite neu zu laden. Eine solche Anwendung kann viele Adressen haben; Google rät dafür, die History API zu verwenden und keine Fragmente. Auch die Landingpage ist etwas anderes: Sie verfolgt ein einziges Ziel, meist für eine Kampagne, und verzichtet oft auf die Hauptnavigation.

Wie die Abschnitte angeordnet sind, ist eine inhaltliche Entscheidung. In einer Eyetracking-Studie der Nielsen Norman Group entfiel der größte Teil der Betrachtungszeit auf den Anfang einer Seite:

Quelle: Nielsen Norman Group, Scrolling and Attention, 15.04.2018.

Onepager, Hybrid oder mehrseitig im Vergleich

Zwischen der einen langen Seite und einer klassischen Website mit vielen Unterseiten gibt es einen Mittelweg: eine starke Startseite, die alle Themen in Abschnitten zusammenfasst und von jedem Abschnitt auf eine vertiefende Unterseite führt.

Quelle: Google Search Central (URL-Struktur, JobPosting, mehrsprachige Websites), eigene Zusammenstellung.

Was Google mit einem Onepager macht

Die verbreitete Aussage „Google mag keine Onepager“ ist zu grob. Was Google tatsächlich sagt, lässt sich an wenigen Stellen festmachen. Zu Fragmenten schreibt Google in der eigenen Dokumentation:

„Don’t use fragments to change the content of a page, as Google Search generally doesn’t support URL fragments.“

Google Search Central, URL structure best practices (Stand 10.12.2025)

John Mueller von Google beschrieb 2019, wie Seiten in den Index kommen:

„We don’t index parts of a page independently, we index the pages as a whole, and try to understand the context of the content there.“

John Mueller auf Twitter, 07.08.2019, via Search Engine Roundtable

Lange Seiten sind deshalb nicht chancenlos. Als Google 2020 das Passage Ranking einführte, stellte Danny Sullivan klar: Google indexiert weiterhin ganze Seiten, kann aber „passages from pages as an additional ranking factor“ berücksichtigen. Ein Onepager kann also für mehrere verwandte Suchanfragen gefunden werden.

Was bleibt, ist der eine Titel. Laut SEO-Starter-Guide ist ein guter Titel „unique to the page“ und beschreibt deren Inhalt. Bietet ein Unternehmen Lagerlogistik, Gefahrgut und Kontraktlogistik an, zeigt Google für alle drei Suchen dieselbe Adresse mit demselben Titel. Die Faustregel „eine Adresse, ein Hauptthema“ ist eine Branchenmeinung, folgt aber aus diesen Aussagen.

Harte Grenzen: Stellen und Sprachen

An zwei Stellen gibt die Google-Dokumentation vor, dass Inhalte eigene Seiten brauchen. Für Stellenanzeigen in der Jobsuche gilt: „Put structured data on the most detailed leaf page possible. Don’t add structured data to pages intended to present a list of jobs.“ Die Daten müssen auf derselben Seite stehen wie die Stellenbeschreibung. Ein Onepager kann Stellen anteasern, für die Karriereseite mit Google for Jobs braucht jede Stelle eine eigene Seite.

Für Sprachfassungen empfiehlt Google „different URLs for each language version of a page rather than using cookies or browser settings“. Ein Onepager in drei Sprachen besteht also aus mindestens drei Seiten, die per hreflang verknüpft werden, mehr dazu im Eintrag Mehrsprachige Website.

Jede Sprachfassung mit eigener Adresse, verknüpft per hreflang · Konzept TAKASEKI

Ladezeit, Messung und Barrierefreiheit

Ladezeit

Dass Onepager schneller laden, ist eine verbreitete, aber pauschale Behauptung. Ein Onepager lädt nur einmal, trägt aber das Gewicht aller Abschnitte auf einer Adresse. Ob das schnell ist, entscheidet die Umsetzung. web.dev empfiehlt, Bilder außerhalb des ersten Sichtbereichs mit loading="lazy" erst beim Scrollen zu laden, und warnt zugleich: „Always eager-load images visible in the first viewport“. Wird das große Bild oben verzögert geladen, leidet der Messwert für den größten sichtbaren Inhalt. In Chrome-Experimenten auf Android waren 97,5 Prozent der verzögert geladenen Bilder über 4G innerhalb von 10 Millisekunden nach dem Sichtbarwerden vollständig da. Grenzwerte und Messung erklärt der Eintrag Core Web Vitals.

Messung

Eine Adresse bedeutet einen Seitenaufruf. Welche Abschnitte gelesen wurden und welche Leistung Interesse geweckt hat, zeigt die Statistik ohne Zusatzmessung nicht. Google Analytics 4 misst Scrollen automatisch nur einmal, wenn 90 Prozent der Seitenhöhe sichtbar werden. Aussagekräftiger sind eigene Ereignisse: eines, wenn ein Abschnitt in den Sichtbereich kommt, und eines je Klick auf eine Handlungsaufforderung. Cookielose Werkzeuge wie Umami erlauben das über ein Attribut am Element. Bei Hybrid und mehrseitiger Website liefern die Seitenaufrufe je Thema den Großteil dieser Antwort ohne Zusatzaufwand.

Barrierefreiheit

Lange Seiten mit fixierter Kopfleiste berühren mehrere Kriterien der WCAG 2.2. Das W3C nennt fixierte Kopfleisten ausdrücklich als typische Ursache für verdeckten Fokus.

Quelle: W3C, WCAG 2.2 (Empfehlung vom 12.12.2024) und Understanding 2.4.11.

In CSS sind das wenige Zeilen:

/* Höhe der fixierten Kopfleiste als Abstand für Sprungziele und Fokus */
html { scroll-padding-top: 5rem; }

/* Weiches Scrollen nur, wenn keine reduzierte Bewegung gewünscht ist */
@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
}

Wann ein Onepager im Mittelstand passt

Für ein Unternehmen ab etwa 30 Mitarbeitenden ist der Onepager als Hauptauftritt selten die richtige Form. Neben der Hauptwebsite hat er aber feste Einsatzgebiete:

Grenzen setzen dagegen mehrere Leistungen mit eigener Suchnachfrage, Stellenanzeigen, Sprachfassungen, Produkte mit Datenblättern, mehrere Standorte und Inhalte, die verschiedene Abteilungen mit eigenen Freigaben pflegen.

Der Mittelweg: starke Startseite plus Unterseiten

Das Hybridmodell nimmt vom Onepager den Überblick und von der mehrseitigen Website die Tiefe. Die Startseite erzählt alles in Abschnitten mit Sprungnavigation, jeder Abschnitt verlinkt auf eine Unterseite mit eigener Adresse, eigenem Titel und eigener Messung. So ist die Stadtseite für Düsseldorf von hhcreative.de aufgebaut: Sie springt zu #preise, #projekte, #ablauf, #fragen und #vergleich und führt von dort zu Leistungen, Projekten, Über uns und Kontakt.

Aus der Praxis · Eigene WebsiteStadtseite Düsseldorf · Sprungnavigation plus Unterseiten↓

Vom Onepager zur mehrseitigen Website

Inhalte wachsen: eine neue Leistung, eine neue Stelle, eine neue Sprache. Irgendwann wird aus einem Abschnitt eine eigene Seite. Dabei gibt es eine technische Besonderheit.

Was Onepager und mehrseitige Websites am Markt kosten

Eine neutrale, methodisch offengelegte Marktstudie für Deutschland gibt es nicht. Die folgenden Spannen stammen von Agenturen und sind Anbieterangaben:

Anbieterangaben, abgerufen am 01.10.2026. Die Werte von Dennis Masur beruhen auf einer eigenen Auswertung von 113 vergleichbaren Angeboten auf 477 Anbieterseiten.

Mehrere Anbieter weisen darauf hin, dass ein nicht ausbaufähig gebauter Onepager beim späteren Wechsel zur mehrseitigen Website doppelte Kosten verursachen kann. Das ist eine Branchenmeinung, spricht aber dafür, die Entscheidung an den Inhalten festzumachen und nicht am Preisunterschied.

Die häufigsten Fehler

Entscheidungshilfe in zehn Fragen

Die folgenden Fragen sind ein Vorschlag von H&H Creative, keine Norm. Jedes „Ja“ zählt einen Punkt.

Auswertung (Vorschlag H&H): 0 bis 1 Punkt: Ein Onepager reicht. 2 bis 3 Punkte: Hybrid aus starker Startseite und Unterseiten für die Ja-Themen. Ab 4 Punkten: mehrseitige Website. Für eine Kampagne, einen Produktstart oder ein Event mit Enddatum kann ein Onepager unabhängig von der Punktzahl neben der Hauptwebsite stehen.