Styropor Recycling Website

StyroR nimmt Styropor beziehungsweise Airpop, extrudiertes Polystyrol (XPS), EPP, EPE und PUR an, auch verschmutzt oder mit dem Flammschutzmittel HBCD belastet. Das Material wird zerkleinert, zu Blöcken verdichtet und zur Verwertung transportiert. Kunden sind Unternehmen, bei denen Transportverpackungen aus Elektronik und Lebensmittellogistik oder Dämmmaterial vom Bau anfallen.

Wer Styropor entsorgen muss, sucht meist nach Material und Ort. Die Website muss deshalb in erster Linie gefunden werden und dann ohne Umweg zur Anfrage führen.

Eine React-Anwendung liefert zunächst ein fast leeres HTML-Gerüst und baut ihre Inhalte erst im Browser auf. Für Besucher spielt das keine Rolle, für Suchmaschinen und Linkvorschauen schon: Titel, Beschreibung und Strukturdaten müssen im ausgelieferten HTML jeder einzelnen Seite stehen.

Gleichzeitig sollte der Betrieb schlank bleiben. Die Website läuft als Container auf einem eigenen Server, und Änderungen an Inhalten oder Kontaktdaten sollen ohne manuelle Schritte online gehen.

Die Startseite erklärt, welche Materialien StyroR annimmt, auch verschmutzt oder belastet, und warum Recycling für Unternehmen eine Alternative zur Verbrennung ist. Eine eigene Seite beschreibt den Recyclingprozess Schritt für Schritt, von der Volumenreduzierung über das Pressen zu Blöcken bis zur Wiederverwendung des Materials, mit Bildern, die sich in einer Großansicht öffnen.

Auf der Kontaktseite erreichen Interessenten das Unternehmen per Telefon, E-Mail oder WhatsApp. Der WhatsApp-Button öffnet auf dem Smartphone die App und am Desktop WhatsApp Web, sodass Kunden direkt ein Foto ihres Materials schicken können. Impressum und Datenschutzerklärung ergänzen die fünf Seiten.

Damit Interessenten ihren eigenen Fall wiedererkennen, zeigt die Website typische Anwendungen, aus denen das Material stammt.

Titel, Beschreibung und Canonical-URL sind für jede Route zentral hinterlegt. Nach dem Build rendert react-snap alle fünf Routen in einem Headless-Browser vor und speichert sie als statisches HTML mit eingebettetem CSS. Weil die Meta-Tags aus React Helmet dabei nicht übernommen werden, schreibt ein eigenes Skript anschließend Titel, Beschreibung, Canonical-URL, Open-Graph-Angaben und JSON-LD in jede Seite.

Die Strukturdaten beschreiben StyroR als lokales Unternehmen mit Einzugsgebiet Hamburg, die Recyclingleistungen als Angebotskatalog und die Seitenhierarchie als Breadcrumbs. Ändern sich Kontakt- oder Standortdaten, passt DuoByte Seiten, Impressum und Strukturdaten gemeinsam an, damit Suchmaschinen keine widersprüchlichen Angaben finden.

Bilder liegen als WebP vor und werden überwiegend erst beim Scrollen geladen. Eine Sitemap mit allen fünf Seiten und die robots.txt verweisen Suchmaschinen auf die Inhalte.

Ausgeliefert wird über Nginx in einem Docker-Container. Bekannte Routen zeigen direkt auf ihr vorgerendertes HTML, unbekannte Pfade erhalten einen echten 404-Status statt der Startseite, und Textdateien werden komprimiert übertragen. Seit Juni 2026 übernimmt ein GitHub-Actions-Workflow bei jedem Push Build, Prerendering, Image-Erstellung und Neustart des Containers, die vorher manuell nach Anleitung liefen. Besuche erfasst Google Analytics, eingebunden über den Google Tag Manager.

StyroR hat eine Website, deren Seiten Suchmaschinen mit vollständigem Inhalt, eigenem Titel und Strukturdaten erreichen und über die Interessenten mit einem Klick anrufen, schreiben oder ein Foto schicken. Änderungen, zuletzt an Kontakt- und Standortangaben, gehen über die automatisierte Pipeline live, ohne dass jemand den Server von Hand anfassen muss.