KleWaTec Rastatt: Bewässerungstechnik mit eigenem WordPress-Theme

Zehn Seiten ordnen das Angebot der KleWaTec GmbH: vier Leistungsbereiche, Projektgalerie, Team und Geschichte, Kontakt und Rechtstexte. Gestaltung und Programmierung kamen von uns, ebenso technische Umsetzung, Betrieb und Hosting. Drei Vorgaben lassen sich im Quelltext ablesen: kein Baukasten, keine Fremdserver beim Seitenaufruf, ein Kontaktformular, das Anfragen durchlässt und Spam abweist.

Das Theme haben wir eigens für KleWaTec programmiert. Das Gestaltungskonzept heißt „Die Wasserlinie“: Tropfen und Welle aus dem Logo werden zu einer durchlaufenden grünen Linie, die Inhalte stehen in Sektoren mit klaren Kanten, Rundungen gibt es keine. Gesetzt ist die Seite in der Serifenschrift Domine und der serifenlosen Onest, beide als woff2 (komprimiertes Schriftformat für das Web) vom eigenen Server und mit Vorabladen im Seitenkopf. Die Startseite führt vom Hero-Bild mit Regnern über die vier Bereiche, Kennzahlen und den Ablauf in vier Schritten zum Kontakt-Aufruf; die Projektseite zeigt 25 Bilder aus drei Aufträgen in einer Lightbox (Großansicht im selben Fenster) mit Tastatursteuerung.

Alle zehn Seiten liegen als feste Vorlagen im Theme, samt Seitentiteln, Beschreibungen und strukturierten Daten; beim Aktivieren legt das Theme die Seiten selbst an. Ein Page-Builder (Baukasten-Erweiterung für WordPress) kommt nicht vor, im Quelltext lädt kein Plugin-Skript, und die gesamte Interaktion – Navigations-Schublade, Einblendungen, Lightbox, Kartenfreigabe – steckt in einem einzigen Skript ohne Bibliotheken. Bilder liefert das Theme als WebP (modernes, kleines Bildformat), das Hero-Bild in zwei Größen mit hoher Ladepriorität, alle weiteren erst beim Scrollen. Das Kontaktformular verarbeitet das Theme selbst und schützt es ohne Captcha-Dienst: Nonce (ein Prüfschlüssel, der belegt, dass die Anfrage von der eigenen Seite stammt), Honeypot (ein unsichtbares Feld, das nur Maschinen ausfüllen), Zeitfalle (zu schnell abgeschickte Formulare gelten als automatisiert) und Ratenlimit (Begrenzung der Anfragen je Absender-Adresse). Die Datenschutz-Einwilligung ist Pflichtfeld und wird serverseitig geprüft.

Ein Cookie-Banner braucht die Seite nicht: Sie setzt keine Cookies zu Analyse- oder Werbezwecken und lädt beim Aufruf nichts von Fremdservern – Schriften, Bilder und Skripte kommen vom eigenen Server. Die Google-Maps-Karte auf der Kontaktseite erscheint erst nach einem Klick auf „Karte von Google Maps laden“ (Zwei-Klick-Lösung); vorher fließen keine Daten an Google. Für Suchmaschinen liefert jede Seite strukturierte Daten (JSON-LD, ein maschinenlesbarer Datenblock im Quelltext): den Betrieb als lokales Unternehmen mit Adresse, Logo, Leistungskatalog der vier Bereiche und acht Ländern als Einsatzgebiet, dazu vollständige Open-Graph-Angaben (Vorschau beim Teilen eines Links) und die WordPress-eigene Sitemap. Ein Sprunglink zum Inhalt, sichtbare Beschriftungen an allen Formularfeldern, eine per Tastatur bedienbare Navigation und Rücksicht auf die Systemeinstellung „Bewegung reduzieren“ gehören zum Grundgerüst.