Zum Inhalt springen

Onepager

oder auch Einseiter, Single-Page-Website

Männliche Person, frontal, schaut in die Kamera; trägt kariertes Hemd über dunkelfarbigem T‑Shirt; heller Innenraum mit unscharfem Monitor oder Poster links und Fenster rechts.

von Richard Albrecht am 15.10.2026

Ein Onepager ist eine Website, die ihre Inhalte auf einer einzigen scrollbaren Seite zeigt. Die Navigation springt zu Abschnitten derselben Seite statt zu Unterseiten. Das hält den Aufbau einfach und begrenzt zugleich, wofür die Website gefunden werden kann.

Onepager

Website, die ihre Inhalte auf einer einzigen scrollbaren Seite zeigt statt auf mehreren Unterseiten.
Beispiel: „Der Onepager stellt Angebot, Team und Kontakt untereinander dar.“

Auch: Einseiter oder Single-Page-Website. Zu unterscheiden von der Single Page Application, bei der eine technische Bauweise gemeint ist und nicht der Umfang.

Abgrenzung zur Landingpage: Beide kommen mit einer Seite aus. Die Landingpage gehört zu einer Kampagne und verfolgt ein Ziel. Der Onepager ist der gesamte Auftritt.

Links ein Onepager als eine lange Seite mit vier untereinander liegenden Abschnitten und einem Pfeil nach unten, rechts dieselben vier Themen als getrennte Seiten mit je eigener Adresse
Vier Themen, einmal als Abschnitte und einmal als eigenständige Seiten.

Wofür sich ein Onepager eignet

Für Auftritte mit einem Thema und wenig Text: die Ankündigung einer Veranstaltung, ein einzelnes Produkt, die Visitenkarte eines Selbständigen. Dort entspricht die lineare Form dem, was ohnehin erzählt werden soll, und der Besucher kommt ohne eine einzige Entscheidung ans Ziel.

Dazu kommt der praktische Vorteil beim Bauen und Pflegen. Es gibt eine Vorlage, eine Adresse und eine Stelle, an der etwas geändert wird.

Die Grenze liegt bei der Sichtbarkeit

Die Bewertungseinheit einer Suchmaschine ist die Seite. Ein Onepager kann deshalb im Kern für ein Thema ranken, aber nicht für fünf. Wer zu mehreren Leistungen gefunden werden will, braucht je Leistung eine eigene Adresse mit eigenem Titel und eigener Beschreibung.

Aus unserer Arbeit an über 2.500 Website-Projekten ist das der häufigste Grund, aus dem ein Onepager nach ein bis zwei Jahren erweitert wird. Wir planen die Struktur deshalb von Anfang an so, dass einzelne Abschnitte später zu eigenen Seiten werden können.

Worauf beim Bauen zu achten ist

Die Abschnitte brauchen Ankeradressen, damit sich einzelne Stellen verlinken lassen. Die Navigation markiert den Abschnitt, in dem der Besucher gerade ist. Und die Ladezeit braucht Aufmerksamkeit: Alle Bilder liegen auf derselben Seite, weshalb alles außerhalb des ersten Bildschirms verzögert geladen werden sollte.

Siehe auch:

Website

Gesamtheit der Seiten, die unter einer Domain zusammengehören und über eine gemeinsame Navigation erreichbar sind.

#Webdesign-Grundlagen

Unterseite

Einzelne Seite innerhalb einer Website, erreichbar unter einem eigenen Pfad hinter der Domain.

#Website-Struktur

Startseite

Seite, die unter der Domain ohne weiteren Pfad erscheint und von dort auf die Unterseiten verteilt.

#Website-Struktur

Klicktiefe

Anzahl der Klicks, die von der Startseite bis zu einer bestimmten Unterseite nötig sind.

#Website-Struktur

Scroll-to-Top

Schaltfläche, die nach längerem Scrollen an den Seitenanfang zurückführt.

#Website-Struktur