Abriss Meier by Herkenrath Bau
Marke, Design und Website für ein Abrissunternehmen im Harz: 14 Standortseiten mit eigenem Text, sechs Leistungsseiten und eine Anfragestrecke, die ein Abrissprojekt vorqualifiziert, bevor jemand zur Besichtigung fährt.
Zurück zu den Referenzen29
Seiten in einem Deploy
14
Standortseiten
121 KB
JavaScript und CSS
0
Tracking-Skripte
Projektüberblick
Abriss Meier reißt Häuser ab, entkernt Gebäude und bereitet Bauschutt direkt auf der Baustelle auf. Das Einsatzgebiet reicht von Göttingen bis Magdeburg, quer durch den Harz und die angrenzenden Regionen von Niedersachsen, Sachsen-Anhalt und Thüringen. Gesucht wird eine solche Leistung fast immer örtlich: Hausabriss Wernigerode, Abriss Goslar, Entkernung Halberstadt.
Die zweite Hürde liegt im Angebot. Was ein Abriss kostet, hängt an Gebäudeart, Fläche, Geschosszahl, Keller, Schadstoffverdacht und der Frage, ob ein schwerer Bagger überhaupt auf das Grundstück kommt. Seriös nennen lässt sich der Preis erst nach einer Besichtigung, und eine Besichtigung kostet einen Tag. Die Website musste also vorsortieren.
Abriss Meier startete ohne Website und ohne Markenauftritt. Sichtbar werden musste der Betrieb in 13 Städten und der Region Harz, verteilt auf drei Bundesländer, jeweils mit eigener Suchanfrage. Dazu kommt ein Fach, in dem Genehmigungen, Asbest und Entsorgungsrecht jeden ungenauen Satz zu einem Haftungsrisiko machen.
Wir haben Logo, Farbwelt, Design und Website komplett aufgebaut. Die Seitenarchitektur trennt sechs Leistungsseiten von 14 Standortseiten, jede mit eigenem Text zu Bausubstanz, Ortsteilen und Zufahrt. Dazu kam eine Anfragestrecke mit 14 Feldern und Foto-Upload, ausgeliefert als statisch vorgerendertes Next.js-Frontend auf Vercel.
29 Seiten gingen in einem einzigen Deploy live, alle vorgerendert und am Edge zwischengespeichert, jede mit eigenem Titel, eigener Beschreibung, einer Hauptüberschrift und der passenden maschinenlesbaren Auszeichnung für Betrieb, Leistung, Standort und Fragen. Die Startseite lädt dabei nichts von fremden Servern.
Lokale Sichtbarkeit
Standortseiten tragen erst, wenn sie mehr sind als ein ausgetauschter Ortsname. Die Wernigerode-Seite spricht über Hasserode, Nöschenrode, Silstedt und Schierke und darüber, was schmale Zufahrten in der Altstadt für die Maschinenwahl bedeuten. Goslar handelt vom Rammelsberg, von der Baßgeige und der Denkmalpflege in der Altstadt. Magdeburg von den Gründerzeitvierteln in Stadtfeld und Buckau, von Plattenbauten und der Bauordnung des Landes Sachsen-Anhalt.
Die Seitenarchitektur
13 Städte von Göttingen bis Magdeburg plus eine Seite für die Region Harz, alle auf dem gleichen URL-Muster. Der Text darunter ist je Ort neu geschrieben, inklusive eigener regionaler FAQ.
Hausabriss, Teilabriss, Entkernung, Schadstoffgutachten, Bauschutt-Recycling vor Ort und Bauschutt-Entsorgung, ergänzt um eine Übersicht, die alle acht angebotenen Leistungen bündelt.
Von der Startseite aus ist jede der 29 Seiten mit einem Klick erreichbar. Der Fußbereich jeder Seite führt in den kompletten Standort-Cluster, Querverweise stehen im Fließtext und tragen den Titel der Zielseite als Ankertext.
Jede Seite sagt Suchmaschinen maschinenlesbar, wer der Betrieb ist, wo er arbeitet und was er kann: Anschrift, Telefonnummer, 17 Orte und Regionen als Einsatzgebiet, sieben Leistungsthemen. Standort- und Leistungsseiten ergänzen die jeweilige Leistung, 17 der 29 Seiten liefern ihre Fragen und Antworten gleich mit.
Jede Seite hat einen eigenen Titel, eine eigene Beschreibung für die Trefferliste, einen Verweis auf sich selbst als Originaladresse und genau eine Hauptüberschrift. Auch die Prioritäten in der Sitemap sind von Hand vergeben, von 1.0 auf der Startseite bis 0.2 im Impressum.
Zur Genehmigung verweist der Text auf die zuständige Bauaufsichtsbehörde, zum Preis auf die Besichtigung, zur Wiederverwendung von Material auf die Ersatzbaustoffverordnung. Jede Aussage, die ein Gutachter unterschreiben müsste, ist entsprechend zurückgenommen.
Anfragestrecke
Das Anfrageformular steht auf der Startseite und auf jeder Leistungsseite. Es fragt genau die Angaben ab, aus denen eine Kalkulation entsteht. Sechs der 14 Felder sind Pflicht, der Rest hilft. Wer es ausfüllt, liefert in einem Durchgang das Bild, für das sonst zwei Telefonate nötig wären.
Einfamilienhaus, Mehrfamilienhaus, Garage, Scheune, Nebengebäude, Gewerbegebäude, Halle, Anbau oder Sonstiges.
Ein bis vier Geschosse, mit Keller oder unklar. Der Keller entscheidet über Fundamentabbruch und Verfüllung.
Ungefähre Grundfläche als Ausgangspunkt für die Massenschätzung.
Bekannt, vermutet oder unbekannt. Danach richtet sich, ob vor dem Abriss ein Gutachten organisiert wird.
Frei, eingeschränkt oder unklar. Diese Angabe entscheidet über die Maschinengröße und darüber, ob ein Kettenbagger überhaupt auf das Grundstück kommt.
Gewünschtes Zeitfenster für die Ausführung, Grundlage für die Terminplanung.
JPG, PNG, WebP, HEIC oder PDF, bis 10 MB je Datei. Ein Foto der Zufahrt beantwortet Fragen, die kein Formularfeld stellen kann.
Name, Unternehmen, Telefon, E-Mail und die Adresse des Abrissobjekts.
Abgeschickt wird über eine Server Action, das Formular kommt also auch ohne JavaScript durch. Gegen automatisierte Einsendungen arbeiten ein verstecktes Feld, ein Zeitstempel beim Öffnen des Formulars und Cloudflare Turnstile, im Datenschutzhinweis benannt und begründet.
Technik
Eine Website für ein Bauunternehmen wird oft unterwegs geöffnet, auf dem Grundstück, mit einem Balken Empfang. Deshalb liegt jede der 29 Seiten fertig gerendert im Cache. Beim Aufruf wird nichts mehr berechnet.
Technische Entscheidungen
Das Frontend ist mit dem Next.js App Router gebaut und wird auf Vercel vollständig vorgerendert. Alle 29 URLs kommen als fertiges HTML aus dem Edge-Cache, ohne Datenbankabfrage im Anfragepfad. Auch die 404-Seite ist vorgerendert, und Weiterleitungen von http, von der Apex-Domain und von URLs ohne Schrägstrich laufen sauber über 308.
Für moderne Browser lädt die Startseite rund 121 KB JavaScript und CSS, brotli-komprimiert. Die Typografie läuft auf dem System-Font-Stack: keine Webfont-Datei, kein Font-Download, kein Textsprung beim Nachladen. Das Farbsystem liegt als Tailwind-Token auf dem Markenrot #ED1C24.
Bilder kommen als WebP in der Breite, die das jeweilige Gerät braucht: neun Größenstufen, aus denen der Browser die passende zieht. Das Titelbild jeder Seite lädt mit hoher Priorität vor, alles Übrige erst beim Heranscrollen.
Beim Laden einer Seite geht keine einzige Anfrage an einen fremden Server. Kein Analytics, kein Tag Manager, kein eingebetteter Kartendienst, entsprechend auch kein Cookie-Banner. Die einzige externe Verbindung entsteht am Formular über Cloudflare Turnstile, nach dem Rendern und im Datenschutzhinweis erklärt.
Tech Stack
Umfang
14 Felder erfassen Gebäudeart, Fläche, Geschosse, Keller, Schadstoffverdacht, Zufahrt und Wunschtermin. Sechs davon sind Pflicht. Aus einer Anfrage wird damit direkt eine Kalkulationsgrundlage.
Der Versand läuft über eine Server Action als klassischer POST. Auch wenn ein Skript blockiert wird oder auf dem Weg verloren geht, kommt die Anfrage an.
Bis zu zehn Dateien pro Anfrage, JPG, PNG, WebP, HEIC oder PDF, jeweils bis 10 MB. Ein Foto der Zufahrt spart im Zweifel die erste Ortsbegehung.
Wer lieber telefoniert, hinterlässt Name, Telefonnummer und ein Zeitfenster. Mehr fragt der Dialog nicht ab, die Angaben zum Objekt klärt dann das Gespräch.
14 Seiten mit eigenem Text zu Ortsteilen, Bausubstanz und Zufahrt, jeweils mit passenden Leistungen, regionaler FAQ und eigenem Kontaktweg.
Sechs Detailseiten von Hausabriss bis Bauschutt-Entsorgung, dazu eine Übersicht über alle acht Leistungen inklusive Gebäudeabriss und Baustellenräumung.
Auf dem Telefon steht am unteren Bildschirmrand dauerhaft Anrufen und Angebot anfordern. Der Weg zum Kontakt ist nie mehr als eine Berührung entfernt.
Sprunglink zum Hauptinhalt, fünf benannte Navigationsbereiche, eine Hauptüberschrift pro Seite, beschreibende Alternativtexte an allen Bildern, ein Label an jedem Formularfeld und 67 dekorative Symbole, die Screenreader überspringen.
Ohne Tracking-Dienste braucht die Seite keine Einwilligung und blendet niemandem ein Banner vor den Inhalt. Der Datenschutzhinweis benennt Turnstile als einzigen Drittdienst samt Rechtsgrundlage.
Lieferumfang
Entscheidungen hinter der Website von Abriss Meier
Weil die Suche örtlich läuft. Wer in Goslar ein Haus abreißen lassen will, sucht nach Hausabriss Goslar und nicht nach Abrissunternehmen Harz. Eine Seite pro Ort kann diese Suche beantworten, in der Sprache des Ortes und mit den Ortsteilen, die dort jeder kennt. Eine gemeinsame Seite mit 14 Städtenamen in einer Liste tut das nicht.
Jede Seite hat eigenen Text. Wernigerode handelt von der dicht bebauten Altstadt, von Hasserode und Nöschenrode und von schmalen Zufahrten. Goslar nennt den Rammelsberg und die Denkmalpflege, Magdeburg die Gründerzeitviertel in Stadtfeld und Buckau und die Bauordnung des Landes Sachsen-Anhalt. Auch die FAQ unterscheiden sich je Ort. Gleich bleiben nur Leistungsblöcke und Kontaktwege.
Weil die Seite dadurch nichts zu tun hat, wenn sie aufgerufen wird. Alle 29 Seiten werden beim Deployment gerendert und liegen anschließend als fertiges HTML im Edge-Cache. Kein Server, der bei jedem Aufruf rechnet, keine Datenbank im Anfragepfad, keine Sicherheitsupdates, die jemand einspielen muss.
Beides kostet Ladezeit und erzeugt Pflichten. Ohne Analytics-Dienst entfällt die Einwilligung und damit das Banner, das sonst vor dem Inhalt steht. Ohne Webfont ist der Text sofort in der richtigen Schrift da. Für moderne Browser bleiben rund 121 KB JavaScript und CSS, und beim Seitenaufruf geht keine Anfrage an einen fremden Server.
Es verlagert die Rückfragen nach vorn. Gebäudeart, Fläche, Geschosse, Keller, Schadstoffverdacht und Zufahrt sind genau die Punkte, die ein Angebot bestimmen. Kommen sie mit der Anfrage und dazu bis zu zehn Fotos, ist die Bestandsaufnahme beim ersten Rückruf schon erledigt und das Gespräch dreht sich um die Abstimmung. Pflicht sind trotzdem nur sechs Felder, damit niemand vor der Länge kapituliert.
An strukturierten Daten. Jede Seite hinterlegt maschinenlesbar, wer der Betrieb ist, wo er arbeitet und was er kann: Anschrift und Telefonnummer, 17 Orte und Regionen als Einsatzgebiet, sieben Leistungsthemen. Standort- und Leistungsseiten tragen zusätzlich die jeweilige Leistung als eigenen Eintrag, dazu eine Brotkrumen-Kette von der Startseite über das Einsatzgebiet bis zum Ort. Auf 17 der 29 Seiten liegen auch die Fragen samt Antworten in maschinenlesbarer Form vor.
Du bist regional tätig und willst in jedem Ort deines Einsatzgebiets gefunden werden? Bei Abriss Meier sind wir von der Marke bis zur letzten Standortseite alles selbst gegangen. Erzähl uns von deinem Gebiet und du bekommst eine ehrliche Einschätzung.