Ein Pop-up-Biergarten wird zur WM-Adresse von Aschaffenburg.
Statische Astro-Website mit WM-Engine und Live-Score: Während der WM meist Platz 1 für „public viewing aschaffenburg“, danach umgebaut zur Stadtfest-Seite.
Ein Biergarten, der nur zu großen Anlässen öffnet.
Der Biergarten am Herstallturm ist ein Pop-up in der Aschaffenburger Innenstadt. Er wird pro Event aktiviert, zuletzt zum Stadtfest, als Nächstes zur Fußball-WM 2026 mit Public Viewing unter freiem Himmel auf einer 2 × 3 Meter großen Leinwand, bei freiem Eintritt und ohne Reservierung.
Online gab es dafür nur eine einzelne, veraltete Seite. Bis zum WM-Start am 11. Juni blieben 38 Tage. Wer „Public Viewing Aschaffenburg“ suchte, sollte nicht bei der Konkurrenz landen, sondern beim Biergarten. Ein Reservierungssystem, eine Bestellfunktion und fremde Markenzeichen standen bewusst nicht auf der Liste.
WM unter freiem Himmel.
Eine Antwort pro Frage: wann, wo, welches Spiel?
Die Startseite beantwortet in Sekunden, was ein Gast wissen will: Wann läuft das Spiel, wo ist der Biergarten, wie komme ich hin? Gebaut ist sie als statische Astro-Website, also ohne Datenbank und ohne Plugins.
- 1
Hero: „WM unter freiem Himmel“
- 2
Direkt zum Spielplan
- 3
Wetter live am Herstallturm
- 4
Hell/Dunkel-Schalter
104 Spiele, eine Datenquelle, null Handarbeit pro Seite.
Aus dem offiziellen Spielplan entstehen Seiten, Filter, K.-o.-Baum und Live-Stände. Ursprünglich war ein Live-Score als „zu komplex“ aus dem Umfang genommen. Er wurde später trotzdem gebaut.
Ein Spielplan, 104 Spiele, 54 eigene Seiten
Der Spielplan liegt als strukturierte Datei vor. Für die Spiele, die im Biergarten laufen, entsteht je eine eigene Match-Seite aus einem Datensatz, mit sauberem Titel, URL und Strukturdaten.
Filter, K.-o.-Baum und „Wir zeigen das Spiel“
Gäste filtern nach Tag oder Mannschaft und sehen den K.-o.-Baum. Spiele, die der Biergarten nicht zeigt, sind ehrlich als „nicht im Programm“ gekennzeichnet, statt falsche Erwartungen zu wecken.
Live-Stand während des Spiels
Läuft ein Spiel, zeigt die Karte Minute, Spielstand und Torschützen. Darunter stehen die nächsten Spiele am selben oder am nächsten Tag und die Ergebnisse der letzten 24 Stunden. Die Aufnahme stammt aus dem Demo-Modus der Engine mit Beispieldaten.
Astro 6 · Content Collections · JSON-Spielplan · PHP-Proxy für Live-Daten · sonst reine HTML-Dateien
Live-Ergebnisse, ohne eine eigene Datenbank.
Ein kleiner PHP-Proxy fragt football-data.org und OpenLigaDB ab, gleicht beide Antworten ab, wählt die aktuellere und hält sie vier Minuten im Cache. Das schont die Limits der Dienste und lässt die Seite trotzdem lebendig wirken. Die Startseite zeigt daraus das nächste Public Viewing mit Countdown und die Ergebnisse der letzten 24 Stunden, der Turnierbaum füllt sich mit jedem Spiel.
Das erste Bild zeigt die Live-Ansicht im Demo-Modus der Engine mit Beispieldaten, denn die echten Live-Daten der Turniertage sind nicht archiviert. Die beiden weiteren Bilder sind echte Screenshots vom 7. Juli 2026, 11:26 Uhr, während des Turniers.
Sauber gebaut, auch dort, wo man es nicht sieht.
Eine statische Seite ist nicht automatisch eine sorglose. Bei diesem Projekt standen Tests, Rechtssicherheit und Transparenz im Pflichtenheft.
Live-Score
Zwei Datenquellen, Abgleich und Cache. Das Ergebnis erscheint ohne Datenbank und ohne Anmeldung.
Getestet
Schema-Builder und Inhalte sind mit Vitest abgesichert. Ein Fehler im Datensatz fällt im Build auf, nicht erst im Biergarten.
Rechtlich sauber
Keine FIFA-Marken, kein offizielles Logo. Veraltete Karten und fremde Stadtfest-Pläne wurden bewusst aus dem Netz genommen.
Wetter live
Das aktuelle Wetter am Herstallturm beantwortet die wichtigste Frage vor dem Besuch: Biergarten oder Regenjacke?
Hell und dunkel
Ein Theme-Schalter passt die Seite an Tageslicht und Abendstimmung an.
KI-Transparenz
Eine eigene Seite erklärt, wo KI-Bilder eingesetzt wurden, nach den Vorgaben von Artikel 50 des EU-KI-Gesetzes.
Dieselbe Seite, ein zweites Leben.
Nach dem Turnierende im Juli war der Biergarten geschlossen, die Seite stellte sich darauf um. Am 10. August wurde das Stadtfest 2026 zur Hauptseite: mit Programm, Künstlerporträts, dem nächsten Act im Hero, Wetteranzeige, Anfahrt und Besucherinfos.
Das war die einfachere Ausbaustufe, denn die Struktur stand. Neue Inhalte sind Datensätze, keine neuen Baustellen. Zum Saisonende schloss ein Danke-Banner im Hero das Fest ab.
Ein Pillar, viele Cluster, und jede Seite beantwortet eine Suche.
Die Strategie baute auf einer zentralen Seite „WM 2026 Public Viewing Aschaffenburg“ auf, ergänzt um Cluster zu Spielplan, Deutschland-Spielen, „Spiel heute“ und einzelnen Partien. Grundlage waren eine Keyword-Recherche, eine Wettbewerbsanalyse und eine feste Seitenstruktur, dazu technische Basics wie Sitemap, Schema-Auszeichnung und saubere Core Web Vitals.
Nach dem Turnier wurden die Stadtfest-Seiten für die aktuelle Suche geschärft. Der Name der Domain, „Biergarten am Herstallturm“, blieb dabei die Marke, unter der gesucht wird.
Aus einer Pop-up-Seite wurde ein Suchmaschinen-Treffer.
Zahlen aus der Google Search Console, Domain-Property, 23.5. bis 7.10.2026. Sie umfassen die WM-Phase und das Stadtfest.
23.5.–7.10.2026, Klickrate 5,0 %
Ø Position 5,0 über alle Suchanfragen
während der WM meist Platz 1 · 526 Klicks, Klickrate 30,9 %
- WM-Phase (23.5.–20.7.): 3.220 Klicks bei 27.600 Impressionen, Klickrate 11,7 %, Ø Position 4,2.
- „public viewing wm 2026 aschaffenburg“ lag im Schnitt auf Position 1,8, „aschaffenburg public viewing“ auf 2,5, der Markenname „biergarten am herstallturm“ auf 1,3.
- Stadtfest: „stadtfest aschaffenburg 2026“ brachte 1.219 Klicks bei 23.418 Impressionen (Ø Position 3,0), „… programm“ 228 Klicks (3,7) und „… bands“ 86 Klicks (3,8).
- 611 verschiedene Suchanfragen führten auf die Seite, vom Spielplan bis zum Stadtfestprogramm.
- 104 Spiele im Plan, 54 eigene Match-Seiten und 82 Seiten im WM-Stand, alle aus Daten erzeugt.
- Astro 6
- Tailwind CSS 4
- TypeScript (strict)
- Sharp für Bilder
- JSON-Spielplan (104 Spiele)
- Content Collections
- football-data.org + OpenLigaDB
- Wetter-Anzeige
- Vitest
- Schema-Builder
- Sitemap & strukturierte Daten
- Hetzner
- Plesk-Git mit automatischem Build
- Strategie, Design & EntwicklungThomas Peter · 70six
- Auftraggeber400 Grad Aschaffenburg
Ähnliche Ergebnissefür Ihr Projekt?
Kein Pitch-Deck. Ein ehrliches Gespräch über das, was technisch möglich ist. 30 Minuten, kostenlos.
Erstgespräch vereinbaren