Website-Karte und Visualisierungen

Die klassische Website-Karte für Berichte und die 2D-/3D-Erkundungsansicht - Crawl-Baum, Verzeichnisse, Link-Graph, Filter, Inspektor, Exporte.

Zwei Ansichten, ein Datensatz

Nach einem Crawl bietet die Seitenleiste zwei sich ergänzende Tabs, die dieselben Daten, Filter, Suche und Seiteninspektor teilen und sich jeweils ihre eigenen Einstellungen merken:

• Website-Karte: die klassische Karte im Stil von Screaming Frog. Weißer Hintergrund, dünne Verbindungen, dunkle Labels, horizontaler Baum, gemacht für Screenshots und Kundenberichte.
• 2D-/3D-Visualisierung: die Erkundungsansicht. Dunkler Stil, radiales Layout, 2D oder 3D, standardmäßig nach SEO-Problemen eingefärbt.

Drei Darstellungen

1. Crawl-Baum: jede Seite unter der Seite, über die sie auf dem kürzesten Weg von der Startseite erreicht wurde, von der Engine während des Crawls aufgezeichnet, sodass der angezeigte Pfad immer genau Tiefe Klicks hat. Seiten, die nicht über einen gefolgten Link erreicht wurden, werden unter einem virtuellen Knoten Nicht von der Startseite erreicht gruppiert, nie unter einem erfundenen Link.
2. Verzeichnisse: die Hierarchie der URL-Pfade. Ordner sind virtuell und werden nie als Seiten gezählt; eine Seite, deren URL der Ordner selbst ist, wird vom Ordner getragen (/en trägt /en/), und ein Ordner ohne Seite unter seiner eigenen Adresse wird als Gruppierung beschriftet (/blog/page/*). Die Labels sind relativ zum übergeordneten Ordner, wie in einem Datei-Explorer.
3. Interne Verlinkung: die tatsächlichen gerichteten Links zwischen gecrawlten Seiten, Zyklen inklusive, nofollow ausgeschlossen. Gut verlinkte Seiten sammeln sich in der Mitte; isolierte Seiten treiben an den Rand.

Lange Geschwisterlisten behalten ihre größten Zweige und fassen den Rest in einem Knoten + N weitere Seiten zusammen, der das schwerwiegendste Problem dessen behält, was er verbirgt; Gesamte Liste anzeigen klappt ihn auf. Die ausgewählte Seite und ihr Pfad bleiben immer erhalten.

Farben, Größen und Filter

• Farbe nach: SEO-Problemen (Standard), Tiefe, HTTP-Status, Indexierbarkeit (unbekannt wird als solche angezeigt), Verzeichnis oder Segment, wenn Segmente definiert sind; Fehler- und Warnungsringe.
• Knotengröße: Link Score (der relative interne PageRank von Arachnide, keine Google-Metrik), Seitengewicht, eingehende Links oder Antwortzeit.
• Filter auf jeder gecrawlten Seite, nicht nur auf dem Gezeichneten: Probleme und Schweregrad, Tiefe, Ordner (auf jeder Ebene), ein- oder auszuschließende URL-Muster (einfacher Text, Platzhalter * oder regulärer Ausdruck, eines pro Zeile), HTTP-Status, Indexierbarkeit, schwache eingehende Verlinkung mit ausdrücklichem Schwellenwert, Link-Score-Bereich. Hervorheben oder isolieren; Voreinstellungen Analysieren; Chips und Zurücksetzen.
• Die Suche über alle Seiten klappt zusammengefasste Gruppen auf und rückt die Seite ins Bild.
• Bis zu 6 000 Knoten werden gezeichnet; nur Seiten werden gezeichnet (Bilder, PDF, CSS und JS werden gezählt und ausgeblendet).

Seiteninspektor

Klicken Sie auf einen Knoten: Title, URL (kopieren, öffnen), Status, Indexierbarkeit (nur wenn bekannt), Tiefe in Klicks, Link Score, Quellseiten, ausgehende Links, Entdeckungspfad, Probleme mit ihrer Empfehlung; Zweig / Umgebung isolieren, Interne Links anzeigen, Maßnahmenplan anzeigen, Zurück zur Gesamtansicht. Der Inspektor lädt die Nachbarn einer Seite bei Bedarf, sodass der Browser nie den gesamten Link-Graphen erhält.

Exporte und Barrierefreiheit

PNG- und PDF-Exporte (A4 quer) behalten die Labels, die Legende und eine Kopfzeile mit Ansicht, Website, Crawl-Datum und angezeigten Seiten; CSV der Seiten. Eine Listen-Ansicht ermöglicht die Bedienung per Tastatur, Vollbild und ein einklappbarer Inspektor sind verfügbar, Browser ohne WebGL fallen auf 2D zurück, und prefers-reduced-motion wird respektiert.

Performance

Bäume verwenden ein deterministisches, einmal berechnetes Layout, keine Physiksimulation; 3D-Knoten werden als ein Objekt mit einem Shader gezeichnet, Links als ein Stapel, und im Ruhezustand wird nichts neu gezeichnet. Gemessen auf demselben Rechner mit Software-Rendering stabilisiert sich ein 3D-Baum mit 5 000 Seiten in 0,9 s statt 11,7 s, bei 47 Bildern pro Sekunde beim Drehen statt 1 (Details im Changelog, 3.9).