Metallbau Buchwald aus Westsachsen hat eine neue Website. Ich zeige, was beim Wechsel von WordPress zu einer individuellen PHP-Lösung verändert wurde: von Gestaltung und Bildgalerien über das Kontaktformular bis zu Weiterleitungen alter Seiten und Bilder.
Metallbau Buchwald aus Niederalbertsdorf in Westsachsen hat eine Geschichte, die bis 1896 zurückreicht. Auf der Website sollen Besucher schnell erkennen, welche Arbeiten der Betrieb übernimmt und wie diese in der Praxis aussehen. Für den Relaunch habe ich deshalb die Gestaltung erneuert, den umfangreichen Bildbestand aufgearbeitet und die technische Grundlage neu aufgebaut. Seit dem 24. Oktober 2026 ist die neue Website online.
Was von der bisherigen Website bleiben sollte
Die vorhandene WordPress-Website enthielt bereits die drei Leistungsbereiche Metallbau, Edelstahlverarbeitung und Kunstschmiede sowie zahlreiche Referenzfotos. Die Galerien liefen über NextGEN. Dazu kamen Kontaktdaten, Ansprechpartner und fachliche Angaben, die auch auf der neuen Website ihren Platz behalten sollten.
Vor der Umsetzung habe ich die alten Seiten, Galerien und Bildadressen erfasst. Gerade bei einem Handwerksbetrieb steckt in diesem Bestand viel Arbeit: Ein Geländer, eine Treppe oder eine individuelle Schmiedearbeit erzählt mehr über die Möglichkeiten des Betriebs als ein austauschbares Werbeversprechen. Diese Referenzen sollten beim Umzug erhalten bleiben.
Vorher und nachher: die wichtigsten technischen Änderungen
| Bereich | Bisherige Website | Neue Website |
|---|---|---|
| Technische Basis | WordPress mit Theme und Erweiterungen | Individuelle PHP-Website mit zentralen Inhaltsdateien und wiederverwendbaren Templates, ohne Datenbank |
| Referenzgalerien | NextGEN-Galerien mit eigener Seitennavigation | Eigene Galerien mit zwölf Bildern je Seite, Großansicht und getrennten Vorschau- und Bilddateien |
| Bilder | Vorhandener Bildbestand in WordPress-/Galeriepfaden | WebP-Dateien in Ordnern je Leistungsbereich, mit beschreibenden Namen und Alternativtexten |
| Kontakt | Eigene Kontaktseite mit Telefon- und E-Mail-Angaben | Direkte Kontaktaktionen und ein Formular mit Anliegen und gewünschtem Kontaktweg |
| Alte Adressen | WordPress-Seiten, Kurzlinks, Galerie- und Bildadressen | Gezielte Weiterleitungen zu passenden neuen Zielen sowie eindeutige Antworten für entfernte oder unbekannte Inhalte |
| Pflege | Verwaltung über WordPress und die Galerie-Erweiterung | Pflege über Projektdateien und einen dokumentierten Ablauf zum Erstellen des Uploadpakets |
Warum hier eine PHP-Website ohne CMS passt
Die neue Website konzentriert sich auf das Unternehmen, seine Leistungen, Referenzen und Anfragen. Dafür habe ich eine überschaubare PHP-Struktur umgesetzt. Wiederkehrende Elemente wie Navigation, Footer und Galerien verwenden gemeinsame Templates. Unternehmensdaten und Leistungsbeschreibungen liegen zentral, statt an mehreren Stellen unabhängig gepflegt zu werden.
Damit entfallen in diesem Projekt WordPress, dessen Datenbank und die bisherigen Erweiterungen. Der Pflegeweg ändert sich allerdings: Neue Bilder und Texte werden über die Projektdateien ergänzt, nicht über ein Redaktionsbackend. Wer regelmäßig selbst umfangreiche Inhalte veröffentlichen möchte, braucht möglicherweise eine andere Lösung. Auch diese Website benötigt weiterhin Wartung, etwa für PHP, die eingesetzte Mailbibliothek und das Hosting.
Ein Auftritt, der zum Handwerk passt
Dunkle Blau- und Grautöne bilden den Hintergrund, Rot setzt Akzente bei Schaltflächen und wichtigen Details. Die kräftige Merriweather-Schrift gibt den Überschriften Gewicht. Die Jahreszahl 1896 erhält im Unternehmensbereich bewusst viel Raum. Auf der Startseite fasst „Metall. Mit Hand und Verstand.“ den Auftritt zusammen.
Für Smartphone, Tablet und Desktop wurden Navigation, Textgrößen und Bildausschnitte angepasst. Auf kleinen Bildschirmen stehen Telefonnummer und Anfragebutton direkt im Kopfbereich. Die Leistungsseiten führen von der Beschreibung zu passenden Referenzen und zur Kontaktaufnahme.
Inhaltlich bleiben auch konkrete Fachinformationen sichtbar: Dazu gehören WIG-, MAG/MIG- und E-Handschweißen sowie der vom Betrieb angegebene Hinweis auf die DIN-EN-1090-Zertifizierung seit 2015. Das Ambossfoto auf der Kunstschmiede-Seite stammt aus dem vorhandenen Kundenmaterial. Die KI-generierten Headerbilder anderer Bereiche sind auf der Website entsprechend gekennzeichnet.
Viele Referenzbilder, aber eine übersichtliche Ablage
Beim Relaunch kamen aktuelle Projektfotos zu den bisherigen Referenzen hinzu. Neue Aufnahmen stehen in den jeweiligen Galerien vorn; ausgewählte Motive erscheinen zusätzlich in der allgemeinen Referenzübersicht.
Die Dateien sind nach Metallbau, Edelstahlverarbeitung, Kunstschmiede und allgemeinen Referenzen geordnet. Jeder Bereich besitzt einen eigenen Vorschauordner. Das hilft bei der späteren Pflege und trennt kleine Vorschaubilder von den größeren Dateien für die Detailansicht.
Die Galerien zeigen jeweils zwölf Bilder. Vorschauen werden im WebP-Format ausgeliefert und bei Bedarf nachgeladen. Hinterlegte Bildabmessungen helfen dem Browser, den benötigten Platz früh zu reservieren. Das sind konkrete technische Maßnahmen; eine prozentuale Verbesserung der Ladezeit lässt sich daraus ohne vergleichbare Vorher-nachher-Messung nicht ableiten.
Alte Links beim Relaunch mitnehmen
Ein neuer Auftritt muss auch mit den Adressen umgehen, die bereits im Umlauf sind. Für Buchwald wurden deshalb die bekannten alten Seiten, WordPress-Kurzlinks, Galerieadressen und 500 frühere WordPress-Bildadressen zugeordnet.
Ein einfaches Beispiel: /kontakt/ führt heute per 301-Weiterleitung direkt zum Kontaktabschnitt der Startseite. Die bisherigen Leistungsseiten führen zu ihren entsprechenden neuen URLs. Entfallene Feeds liefern den Status 410; unbekannte Adressen bleiben echte 404-Seiten.
Für die neue Struktur sind Seitentitel, Beschreibungen, Canonicals und strukturierte Daten hinterlegt. Eine Sitemap enthält die zur Indexierung vorgesehenen Hauptseiten. Nach dem Livegang habe ich unter anderem die HTTPS-/www-Weiterleitungen, die Indexierungsfreigabe und ausgewählte alte Adressen öffentlich geprüft. Wie sich die Sichtbarkeit entwickelt, muss sich anschließend im laufenden Betrieb zeigen.
Das Kontaktformular gehört zur technischen Abnahme
Besucher können ihr Anliegen beschreiben und wählen, ob sie per E-Mail oder Telefon kontaktiert werden möchten. Die Website prüft Eingaben auf dem Server. Sitzungsgebundene Formulartokens, ein für Besucher unsichtbares Bot-Feld und eine Begrenzung der Versandversuche erschweren missbräuchliche Anfragen. Bei Fehlern bleiben die Eingaben erhalten.
Die Nachrichten werden über einen authentifizierten SMTP-Zugang verschickt. Zugangsdaten liegen getrennt von den regulären Auslieferungsdateien, damit spätere Updates sie nicht überschreiben. Den Formularversand haben wir auch auf der veröffentlichten Website erfolgreich getestet.
Bedienbarkeit bis ins Detail
Sichtbare Tastaturfokusse, beschriftete Formulare, ein Sprunglink zum Inhalt und bedienbare Dialoge für Menü und Bildansichten gehören zur Umsetzung. Wer im Betriebssystem reduzierte Bewegung eingestellt hat, erhält eine entsprechend angepasste Darstellung. Diese Maßnahmen wurden gezielt geprüft; sie ersetzen keine vollständige Prüfung der Barrierefreiheit.
Am Ergebnis gefällt mir besonders, dass die Geschichte des Betriebs und seine heutigen Arbeiten zusammen sichtbar werden. Dazu kommen eine nachvollziehbare Dateistruktur, erhaltene Referenzen und ein getesteter Anfrageweg. Genau diese Verbindung aus Gestaltung und technischer Sorgfalt macht für mich einen gelungenen Relaunch aus.
Den fertigen Auftritt finden Sie unter metallbau-buchwald.de. Wenn Sie Ihre eigene Website neu aufstellen möchten, erläutere ich auf meiner Seite zum Website-Relaunch, wie ich Bestandsaufnahme, Gestaltung und Umsetzung angehe.
Quellen und weiterführende Informationen
Für aktuelle oder veränderliche Angaben habe ich unter anderem folgende Quellen herangezogen.
