Site Auditor

Das Problem

Technische SEO-Probleme und fehlerhafte Metadaten zu erkennen erfordert normalerweise das manuelle Durchsehen mehrerer verstreuter Tools, was schnelle Audits verlangsamt.

Die Lösung

Site Auditor zentralisiert die Analyse: Es nimmt eine URL entgegen, prüft deren OpenGraph-Tags und HTTP-Antwortzeiten und erstellt einen visuellen Übersichtsbericht auf einem einzigen Bildschirm.

Architektur / Engineering

• Next.js Server Actions implementiert, um Scraping und Analyse zu orchestrieren, ohne einen öffentlichen API-Endpunkt offenzulegen.
• Den Parser für OpenGraph-Tags und HTML-Metadaten entworfen, inklusive Umgang mit unvollständigen oder fehlerhaften Fällen.
• Die Ergebnisvisualisierung mit Recharts gebaut, wobei jede Prüfung einem Status zugeordnet wird (bestanden / Warnung / Fehler).
• Eingegebene URLs validiert und bereinigt, um Anfragen an unsichere Domains zu verhindern.

Wichtigste Funktionen

• Analyse einer einzelnen URL auf Abruf, ohne Registrierung oder vorherige Konfiguration.
• Parsing von OpenGraph-Tags und wichtigen HTML-Metadaten.
• Visueller Bericht mit Status pro Prüfung (bestanden / Warnung / Fehler).
• Ergebnisvisualisierung mit Recharts.
• Validierung und Bereinigung der eingegebenen URLs.

Technische Herausforderungen

• Reales, unvollständiges Web-HTML parsen (fehlende oder fehlerhafte OpenGraph-Tags), ohne dass die Analyse fehlschlägt.
• Scraping und Analyse über Server Actions statt über einen öffentlichen API-Endpunkt orchestrieren, um keine unnötige Angriffsfläche zu schaffen.
• Verhindern, dass das Tool zum Abfragen unsicherer Adressen oder Domains missbraucht werden kann.

Ergebnis / Aktueller Stand

Auf Vercel bereitgestellt. Analysiert jede URL in Echtzeit und liefert den visuellen Bericht auf demselben Bildschirm, ohne öffentlich exponiertes Backend.

Stack