// f-01tempo
Instant-Ergebnisse.
Treffer erscheinen während des Tippens, ohne dass die Seite neu lädt. Der Index liegt bereit — die Suche antwortet in Millisekunden, nicht nach einem Klick auf „Los".
output: instant-index
// komponente · search
Suche.
Suche ist bei siteway eine Komponente — ein Baustein, den wir in deine Website einbauen. Aus einem leeren Suchfeld wird eine Volltextsuche über die ganze Seite: Instant-Ergebnisse, Tippfehler-Toleranz, Filter und Gewichtung — und das ganz ohne externes Tracking.
komponente
baustein: einzeln buchbar
technik: pagefind · algolia · meilisearch
output: instant-suche ohne tracking
// definition
Was ist eine Website-Suche?
Eine Website-Suche ist ein Suchfeld, über das Besucher die Inhalte deiner gesamten Website durchsuchen — eine Volltextsuche, die Seiten, Beiträge und Dokumente nach Stichworten findet und die passenden Treffer sortiert anzeigt. Als Komponente gebaut, ist sie mehr als ein Eingabefeld: ein durchsuchbarer Index deiner Inhalte, Instant-Treffer während des Tippens und Filter über die Trefferliste.
Wir reden hier über die Freitext-Suche über die ganze Seite — nicht über den strukturierten Filter eines Produktkatalogs (den findest du unter Produktkatalog) und auch nicht über einen KI-Dialog (das ist KI-Chatbots). Die Suche findet Inhalte, die es schon gibt — schnell und ohne Umwege.
// warum
Wer nicht findet, springt ab.
die suche ist ein navigationsziel
Wer sucht, hat es eilig und weiß meistens genau, was er will. Findet er es nicht in wenigen Sekunden, ist er weg. Eine gute Suchfunktion fängt genau diese Besucher auf: Sie tippen einen Begriff, sehen sofort passende Treffer und landen direkt beim Inhalt — statt sich durch die Navigation zu klicken oder abzuspringen.
Damit das funktioniert, muss die Suche mehr können als „exakt gleich". Sie muss Tippfehler verzeihen, das Wichtigste nach oben sortieren und auch bei null Treffern einen Ausweg zeigen. Wir bauen die Suche so, dass sie zum Bestandteil deiner UX wird — und dabei per Tastatur bedienbar und datenschutzfreundlich bleibt.
// baustein · 6 funktionen
Was die Komponente kann.
jede funktion ein output
Wir bauen sechs Funktionen in deine Website ein — kein fremdes Suchfeld, das Daten abzieht, sondern eine Suche, die deine Inhalte kennt und deine Besucher schnell zum Ziel bringt. Jede Funktion hat ein greifbares Ergebnis.
// f-02toleranz
Tippfehler-Toleranz.
Fuzzy-Matching und Rechtschreibkorrektur fangen Vertipper ab. Wer „Barierefreiheit" schreibt, findet trotzdem den richtigen Beitrag — die Suche denkt mit, statt stur zu vergleichen.
output: fuzzy-match
// f-03eingrenzung
Facetten & Filter.
Die Trefferliste lässt sich nach Rubrik, Typ oder Datum eingrenzen. Aus vielen Ergebnissen wird schnell das eine — besonders bei umfangreichen Seiten mit gemischten Inhalten.
output: facetten-filter
// f-04relevanz
Gewichtung.
Nicht jeder Treffer ist gleich wichtig. Wir gewichten Felder wie Titel höher als Fließtext und heben bestimmte Inhalte an, damit die relevantesten Ergebnisse oben stehen.
output: ranking-regeln
// f-05ausweg
Null-Treffer-Handling.
Kein Treffer ist keine Sackgasse. Statt einer leeren Seite zeigt die Suche Vorschläge, verwandte Begriffe oder eine gezielte Weiterleitung — der Besucher bleibt auf Kurs.
output: vorschläge
// f-06datenschutz
Ohne Tracking.
Keine Google Programmable Search, kein fremdes Widget, das Suchbegriffe abzieht. Pagefind läuft statisch im Browser, Meilisearch auf deinem Server — DSGVO-konform, ohne Consent-Zwang.
output: dsgvo-suche
// mehrwert
Suche ohne Tracking.
technik nach größe
Die meisten Ratgeber empfehlen für die schnelle Suche ein Google-Suchfeld zum Einbetten. Das ist bequem — und schickt jede Suchanfrage deiner Besucher an einen Dritten. Wir gehen den anderen Weg: Die richtige Technik hängt von der Größe deiner Seite ab, aber datenschutzfreundlich bleibt sie immer. Kein Suchbegriff verlässt ungefragt deine Website.
// t-01statisch
Pagefind.
Für kleinere und mittlere Seiten. Der Suchindex wird beim Build erzeugt und läuft rein statisch im Browser — kein Server, keine externe API, keine Daten an Dritte. Genau das nutzen wir auch auf dieser Seite.
statischer index
// t-02self-hosted
Meilisearch.
Für große Kataloge und viele tausend Einträge. Läuft auf deinem eigenen Server, liefert Tippfehler-Toleranz und Facetten out of the box — volle Kontrolle über die Daten, weil nichts das Haus verlässt.
eigener server
// t-03skaliert
Algolia.
Wenn es sehr groß wird und maximale Geschwindigkeit zählt. Ein gehosteter Dienst mit ausgereiftem Ranking — hier wägen wir Komfort gegen Datenschutz ab und klären den Einsatz vorab mit dir.
gehosteter dienst
// einbau · 4 schritte
So bauen wir den Baustein ein.
in deine seite · nicht daneben
-
// schritt 01 · umfang
Umfang klären.
Wie viele Inhalte, welche Typen, welche Filter. Daraus entscheiden wir die Technik: Pagefind statisch oder Meilisearch bzw. Algolia für große Kataloge.
output: technik-wahl
-
// schritt 02 · index
Index aufbauen.
Wir erfassen deine Inhalte, legen fest, was durchsuchbar ist, und bauen den Suchindex — inklusive Gewichtung und Feldern für die Facettenfilter.
output: suchindex
-
// schritt 03 · ui
Suchfeld einbauen.
Suchfeld, Instant-Trefferliste und Filter kommen ins Design deiner Website — tastaturbedienbar, mobil nutzbar und passend zum Rest der Oberfläche.
output: such-ui
-
// schritt 04 · test ● ergebnis
Feinschliff & live.
Wir testen echte Suchbegriffe, justieren Ranking und Null-Treffer-Fälle und schalten die Suche live. Danach findet jeder Besucher, was er sucht.
output: live-suche
// faq
Häufige Fragen.
Was ist eine Website-Suche?
Eine Website-Suche ist ein Suchfeld, über das Besucher die Inhalte deiner gesamten Website durchsuchen — eine Volltextsuche, die Seiten, Beiträge und Dokumente nach Stichworten findet und die passenden Treffer sortiert anzeigt. Als Komponente gebaut, liefert sie Ergebnisse sofort während des Tippens, toleriert Tippfehler und lässt sich nach Rubrik oder Typ filtern.
Welche Technik nutzt ihr für die Suche — Pagefind, Algolia oder Meilisearch?
Das hängt von der Größe ab. Für kleinere und mittlere Seiten setzen wir auf Pagefind: ein statischer Suchindex, der ohne Server läuft und keine Daten an Dritte gibt. Für große Kataloge mit vielen tausend Einträgen oder komplexen Filtern nehmen wir Meilisearch oder Algolia, die auf Wunsch self-hosted laufen. Welche Technik passt, entscheiden wir nach deinem Umfang im Briefing.
Ist die Website-Suche DSGVO-konform und ohne Tracking?
Ja. Wir bauen die Suche bewusst ohne Google Programmable Search und ohne externe Tracking-Widgets ein. Pagefind läuft rein statisch im Browser, Meilisearch lässt sich auf deinem eigenen Server betreiben. Es fließen keine Suchbegriffe deiner Besucher ungefragt an Dritte — Datenschutz ist bei uns kein Nachtrag, sondern Teil der Bauweise.
Toleriert die Suche Tippfehler?
Ja. Die Suche arbeitet mit Fuzzy-Matching und Rechtschreibkorrektur: Vertippt sich jemand oder schreibt einen Begriff phonetisch anders, findet die Suche trotzdem die passenden Treffer. So endet eine Suche seltener im Nichts — und wenn doch kein Treffer da ist, zeigen wir Vorschläge statt einer leeren Seite.
Was ist der Unterschied zwischen Website-Suche und Produktkatalog-Filter?
Die Website-Suche durchsucht alle Inhalte deiner Seite per Freitext — Seiten, Artikel, Dokumente. Ein Produktkatalog-Filter grenzt dagegen eine Liste von Produkten über feste Merkmale wie Preis, Größe oder Farbe ein. Beides sind eigene Komponenten: die Freitext-Suche findest du hier, den strukturierten Filter unter Produktkatalog. Oft ergänzen sie sich auf einer Seite.
Können wir die Suche einzeln buchen?
Ja. Suche ist eine modulare Komponente, kein Gesamtpaket. Du buchst sie einzeln über das Paket „Komponenten" und wir bauen sie in deine bestehende Website ein — oder als einen Baustein unter mehreren, wenn wir eine komplette Website bauen. Der Preis steht nach Briefing fest.
// passt dazu
Passt dazu.
bausteine & leistungen
// komponente · katalog
Produktkatalog.
Wenn es um Produkte und feste Merkmale geht: der strukturierte Filter statt Freitext — die Schwester zur Suche.
weiterlesen →
// komponente · dialog
KI-Chatbots.
Wenn Besucher eine Antwort statt einer Trefferliste wollen: der KI-Dialog über deine Inhalte, kein Suchindex.
weiterlesen →
// leistung · a11y
Barrierefreiheit.
Damit die Suche jeder bedienen kann — per Tastatur, Screenreader und nach WCAG 2.2. Wir bauen sie von Anfang an zugänglich.
weiterlesen →
// Suche in deine Website einbauen?
Briefing starten