// komponente · catalog
Produktkatalog ist bei siteway eine Komponente — ein Baustein, den wir in deine Website einbauen. Wer einen Produktkatalog erstellen will, der Teil der Seite ist statt PDF zum Blättern, bekommt hier einen durchsuchbaren, filterbaren Online-Katalog: mit Product-Schema je Produkt, Detailseiten, Suche und Anfrage statt Kasse.
// definition
Ein Online-Produktkatalog ist ein durchsuchbarer, filterbarer Bereich auf der eigenen Website, der ein Sortiment oder Portfolio strukturiert zeigt — mit einer eigenen Detailseite je Produkt, aber ohne Kasse. Als Komponente gebaut, ist er mehr als eine Liste: Facettenfilter, eigene Produktseiten, On-Site-Suche, Product-Schema und eine Anbindung an die Produktdaten aus deinem PIM.
Der Katalog zeigt das Sortiment und führt zur Anfrage, nicht zur Bestellung. Damit passt er für B2B, erklärungsbedürftige Produkte und Portfolios. Wer bis zur Kasse verkaufen will, ist bei der Schwester-Komponente Shop & E-Commerce richtig — hier steht am Ende der Vertrieb, kein Warenkorb.
// warum
jedes produkt eine eigene url
Ein PDF- oder Flipbook-Katalog sieht aus wie Papier auf dem Bildschirm: Man blättert, aber Google findet darin nichts, Filter gibt es keine, und jede Aktualisierung heißt neu exportieren. Ein Online-Produktkatalog als Website-Komponente dreht das um — jedes Produkt bekommt eine eigene, indexierbare Seite, die für seine konkrete Frage ranken kann.
Damit das trägt, muss die Technik stimmen. Wir bauen den Katalog so, dass Produkte sauber ausgezeichnet sind, Filter sofort greifen und die Daten aus deinem System kommen statt aus einer zweiten Pflege. Sichtbar werden die Produktseiten über SEO & GEO, schnell bleiben sie über Performance & Core Web Vitals.
// baustein · 6 funktionen
jede funktion ein output
Wir bauen sechs Funktionen in dein CMS ein — kein loses Katalog-Plugin, sondern ein Produktkatalog, den deine Redaktion pflegt und den Suchmaschinen wie KI-Systeme lesen können. Jede Funktion hat ein greifbares Ergebnis.
// f-01filter
Produkte nach Attributen eingrenzen — Kategorie, Serie, Material, Maß, Leistung. Mehrere Filter kombinierbar, das Ergebnis erscheint sofort. So findet auch ein großes Sortiment in wenigen Klicks das passende Produkt.
output: facetten + attribute
// f-02detailseite
Jedes Produkt bekommt eine eigene URL mit Bildern, technischen Attributen, Datenblatt und Downloads. Eine echte HTML-Seite, die man verlinken, teilen und indexieren kann — kein Eintrag in einer PDF-Datei.
output: url je produkt
// f-03suche
Eine Instant-Suche über den ganzen Katalog: Treffer beim Tippen, Tippfehler-Toleranz und Vorschläge — etwa auf Basis von Algolia. Wer die Artikelnummer kennt oder nur ein Stichwort hat, ist in Sekunden am Ziel.
output: instant-suche
// f-04auszeichnung
Jedes Produkt erhält Product-JSON-LD: Name, Marke, Attribute und Bild maschinenlesbar. Google und KI-Systeme wissen so genau, was dein Produkt ist — die Basis für Produkt-Treffer und Zitate in KI-Antworten.
output: product-json-ld
// f-05daten
Produktdaten kommen aus deinem PIM oder ERP und laufen per Schnittstelle in den Katalog — Attribute, Preise, Bilder. Einmal pflegen, überall aktuell, ohne doppelte Arbeit. Details bei Schnittstellen & Integration.
output: pim-sync
// f-06abschluss
Kein Warenkorb: Je Produkt ein Anfrage- oder Kontakt-CTA, der Merkliste, Formular oder Vertrieb auslöst. Der Katalog qualifiziert die Anfrage vor — dein Team bekommt eine Anfrage mit Kontext statt einer anonymen Bestellung.
output: anfrage-cta
// mehrwert
quelle: dein pim
Die meisten Ratgeber zum Produktkatalog reden über Layout und Vorlagen. Der eigentliche Hebel liegt woanders: bei den Daten. Ein Filter ist nur so präzise wie die Attribute dahinter, eine Suche nur so gut wie die gepflegten Felder. Deshalb bauen wir den Katalog nicht auf einer zweiten, von Hand gepflegten Kopie auf, sondern speisen ihn direkt aus dem System, in dem deine Produktdaten leben. Beim Case Spelsberg läuft der Produktfinder so in 13 Sprachen auf TYPO3 — versorgt aus PIM und Cadenas, durchsuchbar über Algolia.
// d-01quelle
Attribute, Preise und Bilder kommen aus dem PIM oder ERP. Der Katalog ist eine Ansicht dieser Daten, keine zweite Pflege — geändert wird einmal, an der Quelle.
pim · erp · cadenas
// d-02attribute
Jedes gepflegte Attribut wird zur Filter-Achse: Material, Norm, Maß, Leistung. Saubere Produktdaten sind damit direkt der Bauplan für die Facetten im Katalog.
attribut → facette
// d-03skala
Tausende Produkte, mehrere Sprachen, regelmäßige Updates: Weil die Daten aus dem System fließen, wächst der Katalog mit dem Sortiment — ohne dass jemand Seiten von Hand nachbaut.
13 sprachen · spelsberg
// einbau · 4 schritte
in deine seite · nicht daneben
// schritt 01 · datenmodell
Welche Produktfelder gibt es, welche werden zu Filtern, woher kommen die Daten. Wir klären das Datenmodell und die Quelle, bevor eine Zeile gebaut wird.
output: attribut-plan
// schritt 02 · anbindung
Wir verbinden Katalog und Datenquelle per Schnittstelle — PIM, ERP oder Cadenas — und richten die Suche ein, damit Attribute und Bilder automatisch einlaufen.
output: import + index
// schritt 03 · frontend
Filter, Detailseiten, On-Site-Suche und Product-Schema werden ins CMS gebaut und verdrahtet — die durchsuchbare, maschinenlesbare Ansicht entsteht.
output: facetten + json-ld
// schritt 04 · übergabe ● ergebnis
Anfrage-CTAs und Kontaktwege je Produkt werden angeschlossen, ein Testlauf zeigt den Weg vom Filter bis zur Anfrage. Danach pflegst du Produkte an der Quelle — der Katalog folgt automatisch.
output: live-katalog
// faq
Ein Online-Produktkatalog ist ein durchsuchbarer, filterbarer Bereich auf der eigenen Website, der ein Sortiment oder Portfolio strukturiert zeigt — mit einer eigenen Detailseite je Produkt, aber ohne Kasse. Als Website-Komponente gebaut, besteht er aus Facettenfilter, Produktdetailseiten, On-Site-Suche, Product-Schema und einer Anbindung an die Produktdaten aus deinem PIM.
Ein Shop führt bis zur Kasse: Warenkorb, Bezahlung, Bestellung. Der Produktkatalog zeigt das Sortiment, endet aber bei der Anfrage — je Produkt ein Kontakt- oder Anfrage-CTA statt „In den Warenkorb". Er passt für B2B, erklärungsbedürftige Produkte und Portfolios, bei denen der Abschluss über den Vertrieb läuft. Willst du verkaufen, ist die Schwester-Komponente Shop & E-Commerce der richtige Baustein.
Nein. Wir bauen keinen PDF- oder Flipbook-Katalog, sondern einen echten Teil deiner Website: eigene HTML-Seiten je Produkt, filterbar, durchsuchbar und für Google und KI-Systeme lesbar. Ein PDF kann man als Datenblatt zum Download daneben legen — der Katalog selbst bleibt eine Website-Komponente, keine Blätter-Datei.
Ja. Produktdaten pflegst du dort, wo sie hingehören — im PIM oder ERP. Wir binden den Katalog per Schnittstelle an, sodass Attribute, Preise und Bilder automatisch in die Website laufen, statt doppelt gepflegt zu werden. Für den Case Spelsberg haben wir dafür PIM, Cadenas und Algolia verbunden. Die Anbindung selbst ist Teil unserer Leistung Schnittstellen & Integration.
Ja. Jedes Produkt erhält Product-JSON-LD mit Name, Marke, Attributen und Bild. Das macht dein Sortiment für Google und KI-Systeme eindeutig lesbar und ist die Basis für Produkt-Treffer in der Suche. Details dazu findest du bei der Leistung Strukturierte Daten.
Ja. Der Baustein ist auf große Sortimente ausgelegt: Filter und Suche bleiben schnell, auch bei tausenden Produkten. Für den Case Spelsberg läuft der Produktfinder in 13 Sprachen auf TYPO3, gespeist aus PIM und Cadenas, mit Algolia als Suche. Mehr oder weniger Umfang klären wir im Briefing.
Ja. Produktkatalog ist eine modulare Komponente, kein Gesamtpaket. Du buchst sie einzeln über das Paket „Komponenten" und baust 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
bausteine & leistungen
// komponente · commerce
Wenn aus dem Katalog verkauft werden soll: der gleiche Aufbau, aber mit Warenkorb, Kasse und Warenwirtschaft dahinter.
weiterlesen →
// leistung · daten
Der Katalog braucht Daten — diese Leistung liefert die Anbindung: PIM, ERP und Cadenas sauber an die Website verdrahtet.
weiterlesen →
// case · spelsberg
Ein Produktkatalog im Einsatz: 13 Sprachen auf TYPO3, gespeist aus PIM und Cadenas, durchsuchbar über Algolia.
zum case →
// Produktkatalog in deine Website einbauen?
Briefing starten