Nicht jedes Projekt braucht eine Website mit zehn Unterseiten. Wer ein Angebot, ein Event oder sich selbst vorstellen möchte, kommt oft mit einer einzigen, gut aufgebauten Seite schneller und überzeugender ans Ziel. Genau darum sind One-Pager seit Jahren ein fester Bestandteil im Webdesign. In diesem Beitrag erfährst du, wie sie funktionieren, wo ihre Stärken und Grenzen liegen und wie du bei der Umsetzung vorgehst.
Was ist eine One-Pager-Website?
Ein One-Pager (auch Single-Page-Website oder One-Page-Design genannt) ist eine Website, die vollständig auf einer einzigen Seite untergebracht ist. Alle Inhalte wie Text, Bilder, Videos, Kundenstimmen und Formulare stehen untereinander in Abschnitten. Statt über Unterseiten navigieren Besucher:innen durch Scrollen oder über Ankerlinks, die direkt zu einem Abschnitt der Seite springen. Das Menü ist dann meist nur eine kurze Liste solcher Sprungmarken.
Das Konzept verfolgt in der Regel ein Ziel: Die Besucher:innen sollen eine bestimmte Handlung ausführen. Dieses Ziel will man mit einem sogenannten Call-to-Action (CTA) erreichen, also einer konkreten Handlungsaufforderung wie «Jetzt anmelden» oder «Termin buchen».
Der Unterschied zur mehrseitigen Website
Bei einer klassischen Website sind die Inhalte auf Unterseiten verteilt, die über ein Hauptmenü erreichbar sind. Jede Seite kann ein eigenes Thema abdecken und separat in Suchmaschinen erscheinen. Ein One-Pager setzt dagegen auf Konzentration:
| One-Pager | Mehrseitige Website | |
|---|---|---|
| Aufbau | Eine Seite mit Abschnitten | Mehrere Unterseiten |
| Navigation | Scrollen und Ankerlinks | Hauptmenü und Untermenüs |
| Themenfokus | Ein Hauptthema | Mehrere Themen und Angebote |
| SEO | Ein Thema pro Seite | Viele Themen über viele Seiten |
| Ziel | Eine Handlung auslösen | Informieren, vertiefen, verkaufen |
| Pflegeaufwand | Gering | Steigt mit jeder Seite |
Wofür eignet sich eine One-Pager-Website?
Ob sich das Format lohnt, hängt vom Projekt ab. Die folgenden Einsatzbereiche haben sich bewährt.
Events und Hochzeiten
Datum, Ort, Programm, Anfahrt und Anmeldeformular auf einer Seite: Für Veranstaltungen ist das ideal, weil Gäste alle Informationen auf einen Blick finden. Dasselbe gilt für Hochzeitswebsites, auf denen Brautpaare Termin, Location, Geschenkwünsche und Anreise bündeln. Nach dem Fest lässt sich dieselbe Seite als digitales Gästebuch oder Fotogalerie weiterverwenden.
Landingpages und Produktvorstellungen
Eine Landingpage ist eine Seite, auf der Besucher:innen nach dem Klick auf eine Anzeige, einen Newsletter oder einen Link «landen» und genau eine Aktion ausführen sollen. Hier ist ein One-Pager die natürliche Form: Nutzen erklären, Vertrauen aufbauen, zur Handlung führen. Ohne ablenkende Menüs fällt es leichter, Besucher:innen beim Ziel zu halten.
Digitale Visitenkarte für Selbständige und Kleinunternehmen
Wer als Coach, Handwerker:in, Fotograf:in oder Therapeut:in vor allem Leistungen, Kontaktdaten und ein paar Referenzen zeigen möchte, braucht oft keine grosse Website. Ein One-Pager reicht, solange das Angebot überschaubar bleibt.
Wann ein One-Pager nicht passt
Onlineshops mit vielen Produkten, Unternehmen mit mehreren, klar getrennten Leistungsbereichen oder Wissensportale brauchen Kategorien, Detailseiten und eine tiefe Struktur. Hier würde ein einziger langer Text unübersichtlich und liesse sich kaum sinnvoll für Suchmaschinen aufbereiten.
Vorteile einer One-Pager-Website
Klare Nutzerführung
Ein One-Pager erzählt eine Geschichte von oben nach unten: Problem, Lösung, Beweis, Handlung. Besucher:innen müssen nicht entscheiden, welchen Menüpunkt sie als Nächstes anklicken. Das senkt die Hürde, die Seite bis zum Ende zu lesen.
Fokus auf die Handlungsaufforderung
Weil alles auf einer Seite steht, kannst du Call-to-Action-Elemente an mehreren Stellen platzieren, etwa nach dem Einstieg, nach den Referenzen und am Ende. Ob ein One-Pager tatsächlich mehr Anfragen erzeugt als eine mehrseitige Website, hängt von Zielgruppe, Angebot und Umsetzung ab. Eine pauschale Verbesserung der Conversion-Rate lässt sich deshalb nicht versprechen. Messen kannst du es aber leicht: Wenn alle Klicks auf einer Seite zusammenlaufen, erkennst du schnell, welche Abschnitte funktionieren.
Schnelle Umsetzung und einfache Pflege
Weniger Seiten bedeuten weniger Inhalte, die du erstellen, aktualisieren und aufeinander abstimmen musst. Das macht One-Pager besonders für Einsteiger:innen und kleine Projekte attraktiv.
Gut geeignet fürs Smartphone
Scrollen ist die natürlichste Bewegung auf dem Smartphone. Ein sauber aufgebauter One-Pager lässt sich deshalb auch mobil bequem nutzen, vorausgesetzt, Bilder und Schriften sind für kleine Bildschirme optimiert.
Nachteile und Grenzen von One-Pager-Websites
Begrenzte Reichweite in der Suchmaschinenoptimierung
Bei einer mehrseitigen Website kann jede Unterseite für ein eigenes Keyword ranken. Ein One-Pager hat dagegen nur eine einzige URL. Ankerlinks ändern daran nichts: Abschnitte können in den Suchergebnissen zwar als Direktlinks auftauchen, indexiert wird aber die Haupt-URL. Wer einen Abschnitt als eigene Seite ranken lassen möchte, braucht eine eigene URL, wie auch Googles Hinweise zur URL-Struktur nahelegen.
Das heisst nicht, dass SEO unmöglich ist. Ein One-Pager kann für ein klar umrissenes Thema sehr gut ranken, etwa für ein Angebot in einer Region. Sobald du aber viele unterschiedliche Themen auf einer Seite unterbringst, wird es für Suchmaschinen (und für Leser:innen) schwer, den Schwerpunkt zu erkennen.
Ladezeit
Viele Bilder, Videos und Animationen auf einer Seite erhöhen die Datenmenge, die beim ersten Aufruf geladen werden muss. Das ist nicht nur lästig für Besucher:innen: Google nutzt die Core Web Vitals, also Messwerte zu Ladeverhalten, Reaktionsfähigkeit und visueller Stabilität, in seinen Ranking-Systemen. Gute Werte garantieren keine Top-Platzierung, schlechte Werte schaden aber der Nutzererfahrung.
Ungewohnte Navigation
Besucher:innen erwarten ein Menü, über das sie gezielt zu einem Thema springen. Fehlt es oder ist es unübersichtlich, verlieren sie schneller die Orientierung. Ein fixiertes Ankermenü am oberen Seitenrand löst das Problem in den meisten Fällen.
One-Pager-Website erstellen: 7 Tipps für die Umsetzung
1. Ziel und Zielgruppe festlegen
Ein One-Pager funktioniert dann am besten, wenn er genau eine Hauptaktion verfolgt. Überlege dir vorab: Was sollen Besucher:innen tun? Und wer sind sie? Von dieser Antwort hängen Inhalt, Tonalität und Aufbau ab.
2. Suchbegriffe recherchieren
Auch wenn du nur eine Seite hast, lohnt sich eine Keyword-Recherche. Entscheide dich für ein Hauptthema und die Suchbegriffe, unter denen du gefunden werden willst, auch mit regionalem Bezug, falls du lokal arbeitest. Verwende das Hauptkeyword im Seitentitel, in der Hauptüberschrift und in den Zwischenüberschriften der Abschnitte, und schreibe Texte, die ein Thema wirklich beantworten, statt viele Themen nur anzureissen.
3. Den Seitenaufbau planen
Bewährt hat sich folgende Reihenfolge:
- Einstieg mit Kernbotschaft und erstem CTA
- Nutzen und Leistungen
- Belege wie Referenzen, Bewertungen oder Zahlen
- Details, Ablauf oder häufige Fragen
- Abschliessender CTA mit Kontaktmöglichkeit
- Fussbereich mit Pflichtangaben wie Impressum und Datenschutzerklärung, je nachdem, was für dein Angebot gilt
Wichtige Inhalte gehören nach oben, Ergänzendes nach unten. Skizziere die Abschnitte vorher auf Papier oder in einem Präsentationsprogramm, bevor du Inhalte einfügst.
4. Vorlage oder Baukasten nutzen
Mit einem Baukasten sparst du dir Design- und Programmierarbeit. Im Website Creator von hosttech lässt du dir mit der integrierten KI einen ersten Entwurf generieren, passt Texte und Bilder im Drag-and-drop-Editor an und ergänzt Elemente wie Bildergalerien oder Kontaktformulare. Hosting und ein SSL-Zertifikat sind enthalten, und das integrierte SEO-Tool gibt dir Hinweise zur Optimierung. Wer lieber mit einem Content-Management-System arbeitet, findet für WordPress zahlreiche One-Page-Themes und Plugins. Dafür bietet hosttech passendes, auf Performance optimiertes WordPress Hosting an. Für weniger umfangreiche Projekte reicht in der Regel aber auch ein klassisches Shared Hosting aus.
5. Navigation und Scrollverhalten gestalten
Setze ein übersichtliches, möglichst fixiertes Ankermenü mit wenigen, klaren Begriffen ein. Sanftes Scrollen und ein «Nach oben»-Button erleichtern die Bedienung. Effekte wie Parallax (Hintergründe bewegen sich beim Scrollen anders als der Vordergrund) können die Seite lebendiger machen, sollten aber sparsam eingesetzt werden: Sie kosten Ladezeit und können manchen Menschen Unwohlsein bereiten. Berücksichtige deshalb die Systemeinstellung «Bewegung reduzieren» und achte auf ausreichende Kontraste und Bedienbarkeit per Tastatur.
6. Call-to-Action gezielt platzieren
Formuliere CTA-Buttons konkret, zum Beispiel «Jetzt anmelden», «Termin buchen» oder «Angebot anfragen». Der erste CTA sollte ohne Scrollen oder spätestens im oberen Drittel der Seite sichtbar sein. Wiederhole ihn nach Abschnitten, die Vertrauen aufbauen. Wichtig: Pro Seite sollte eine Hauptaktion klar dominieren, sonst verwässert die Wirkung. Führen Links auf externe Seiten, wähle aussagekräftige Linktexte statt «hier klicken».
7. Ladezeit optimieren
Komprimiere Bilder vor dem Hochladen, etwa mit TinyPNG, oder in WordPress mit einem Plugin wie Smush. Setze moderne Bildformate wie WebP ein, lade Bilder unterhalb des sichtbaren Bereichs erst beim Scrollen nach (Lazy Loading) und verzichte auf automatisch startende Videos. Mit PageSpeed Insights prüfst du die Werte deiner Seite für Smartphone und Desktop. Auch das Hosting spielt eine Rolle: Das Webhosting von hosttech setzt auf 100% NVMe-Speicher aus der Schweiz, was kurze Antwortzeiten begünstigt.
Sonderfall One-Pager-Bewerbung
Der Begriff One-Pager wird auch für kompakte Bewerbungen verwendet. Gemeint ist ein einseitiges Profil mit Kontaktdaten, Berufserfahrung, Ausbildung und den wichtigsten Fähigkeiten, meist als PDF. Es eignet sich zum Beispiel für Jobmessen oder Networking-Anlässe, bei denen du in kurzer Zeit auf dich aufmerksam machen möchtest. Wer sich online präsentieren will, kann dieses Prinzip auch als persönliche One-Pager-Website umsetzen und dort Profil, Projekte und Kontaktmöglichkeit bündeln.
Fazit
Eine One-Pager-Website ist die richtige Wahl, wenn du ein klar umrissenes Angebot, ein Event oder dich selbst auf den Punkt bringen möchtest. Sie führt Besucher:innen konsequent zu einer Handlung und ist schnell aufgebaut und einfach zu pflegen. Ihre Grenzen liegen bei der SEO-Reichweite und bei umfangreichen Inhalten, die mehrere Seiten brauchen. Mit einem klaren Ziel, einem durchdachten Aufbau und optimierten Ladezeiten holst du das Beste aus dem Format heraus. Du möchtest direkt loslegen? Mit dem Website Creator von hosttech erstellst du deine eigene Website samt Hosting und SSL-Zertifikat in wenigen Schritten.
FAQ zu One-Pager-Websites
Was ist ein One-Pager?
Ein One-Pager ist eine Website, die aus nur einer einzigen Seite besteht. Alle Inhalte stehen in Abschnitten untereinander, und die Navigation erfolgt durch Scrollen oder über Ankerlinks. Ziel ist meist eine konkrete Handlung wie eine Anmeldung, eine Anfrage oder ein Kauf.
Für wen lohnt sich eine One-Pager-Website?
Sie lohnt sich für Projekte mit überschaubarem Inhalt und einem klaren Ziel, zum Beispiel Events, Hochzeiten, Landingpages, Produktvorstellungen oder digitale Visitenkarten. Für Onlineshops mit vielen Produkten oder Unternehmen mit mehreren getrennten Leistungsbereichen ist eine mehrseitige Website besser geeignet.
Kann ich mit einem One-Pager bei Google ranken?
Ja, für ein klar abgegrenztes Thema ist das möglich. Da ein One-Pager nur eine URL hat, kannst du aber nicht mit mehreren Unterseiten für verschiedene Keywords ranken. Konzentriere dich deshalb auf ein Hauptthema und sorge für gute Ladezeiten und eine saubere mobile Darstellung.
Wie erstelle ich einen One-Pager?
Lege zuerst Ziel und Zielgruppe fest und plane die Abschnitte von der Kernbotschaft bis zum abschliessenden CTA. Danach setzt du die Seite mit einem Baukasten wie dem Website Creator oder mit einer WordPress-Vorlage um, komprimierst die Bilder und testest die Seite auf Smartphone und Desktop.
Was kostet ein One-Pager und gibt es ihn kostenlos?
Die Kosten hängen vom gewählten Weg ab. Für eine eigene Website brauchst du in der Regel eine Domain und Hosting. Beim Website Creator ist das Hosting inklusive, die aktuellen Pakete findest du auf der Produktseite. Kostenlose Angebote sind für professionelle Auftritte meist eingeschränkt, etwa bei Domainname, Werbeeinblendungen oder Support.
