~/home / website-stadt
✨ n8n · just for fun
Deine Website als Stadt.
Jede Website ist eine Stadt. Die Startseite ist die leuchtende Spitze in der Mitte, jeder Bereich (/blog, /tools …) ein Viertel, die Unterseiten sind seine Türme. Security-Header spannen eine Energiekuppel, die Ladezeit fließt als Licht über die Brücken. Gib eine Domain ein, und ein n8n-Workflow vermisst sie live.
- Seiten–
- Viertel–
- Gewicht–
- TTFB–
- Sicherheit–
- Mail–
- TLS–
- HTTP–
◈ KI-Stadtführer
Stadtplan
Struktur nicht verfügbarDiese Stadt wurde ohne Stadtplan gebaut (ältere Messung oder keine lesbare Struktur). Die Viertel in der Grafik sind deshalb Platzhalter.
Legende: was die Stadt bedeutet
- Mitte = Startseite
Die leuchtende Spitze in der Mitte ist deine Startseite (/). Von ihr führen Brücken in alle Bereiche.
- Viertel = Bereich deiner Website
Jede Plattform ist ein Bereich wie /blog oder /tools. Je mehr Seiten, desto größer das Viertel.
- Türme im Viertel = Unterseiten
Türme mit Namen sind Unterbereiche, ihre Höhe wächst mit der Seitenzahl (logarithmisch). Die übrigen Türme füllen das Viertel nach Seitenzahl auf.
- Lichtpakete = Ladezeit
Die Pakete auf den Brücken zeigen die Antwortzeit (TTFB): schnell unter 0,6 s, zäh bis 1,5 s, darüber Stau in Rot.
- Kuppel = Security-Header
Sechs Sender am Rand spannen die Kuppel: HSTS, CSP, nosniff, Frame, Referrer, Permissions. Fehlt ein Header, hat sein Segment ein rotes Leck.
- Energiekern = TLS
Der Kern am Eingang leuchtet bei gültigem HTTPS und zeigt die Resttage des Zertifikats. Ohne HTTPS bleibt er rot.
- Antenne = E-Mail-Schutz
Grünes Signal: SPF und DMARC mit Wirkung. Gelb: teilweise. Rot: Absender lassen sich leicht fälschen.
- Holo-Panels = Technik
Über den höchsten Türmen schweben die Technologien, die der Workflow erkannt hat.
- Ringe = Sprachen
Farbige Ringe um die Mitte: ein Ring pro Sprachversion der Website.
- Klick = Seite öffnen
Klick auf ein Viertel oder einen Turm öffnet diesen Bereich der Website, die Mitte öffnet die Startseite.
Zuletzt gebaute Städte
Die Städte anderer Besucher. Tippe auf eine Stadt, um sie zu öffnen.
So funktioniert's
- WebhookDein Klick startet einen n8n-Workflow auf meinem Server, mit der Domain im Gepäck.
- PrüfstelleZuerst ein Sicherheits-Check: Ist die Domain öffentlich und erlaubt? Dazu die finale URL nach Weiterleitungen, Security-Header, TLS, SPF und DMARC.
- Drei Abrufe gleichzeitigParallel lädt n8n die Startseite, die sitemap.xml und die sitemap_index.xml.
- MergeEin Merge-Knoten wartet, bis alle drei Antworten da sind, und legt sie zusammen.
- Stadtplan lesenEin Code-Knoten liest aus der Sitemap die Bereiche, Unterbereiche, Tiefe und Sprachen. Ohne Sitemap dienen die Links der Startseite als Plan; Teil-Sitemaps werden nachgeladen.
- Stadt vermessenLadezeit, Gewicht und Anfragen der Startseite werden gemessen und mit den Prüfwerten zu Punkten und Gesamtnote verrechnet.
- KI-StadtführerEin KI-Modell, gehostet bei IONOS in Deutschland, schreibt die Stadtführung und gibt der Stadt einen Namen. Ein Code-Knoten prüft den Text.
- IngestDas Ergebnis landet als JSON auf dem Server, und diese Seite zeichnet daraus die Stadt.
Datenschutz: Geprüft werden nur öffentlich abrufbare Dinge (Startseite, Sitemap, Header, DNS-Einträge). Gespeichert werden Domain und Ergebnis, damit der Link funktioniert, aber nicht dauerhaft deine IP-Adresse. Mehr in der Datenschutzerklärung
Damit der Generator nicht überhitzt, gibt es eine kurze Pause zwischen zwei Städten und ein Limit pro Stunde.
Mehr n8n-Workflows zum Ausprobieren →