Cartografía y visualizaciones

La cartografía clásica para los informes y la vista de exploración 2D / 3D - árbol de rastreo, directorios, grafo de enlaces, filtros, inspector, exportaciones.

Dos vistas, un solo conjunto de datos

Tras un rastreo, la barra lateral ofrece dos pestañas complementarias que comparten los mismos datos, filtros, búsqueda e inspector de página, y cada una recuerda sus propios ajustes:

  • Cartografía: el mapa clásico al estilo Screaming Frog. Fondo blanco, enlaces finos, etiquetas oscuras, árbol horizontal, pensado para capturas de pantalla e informes de clientes.
  • Visualización 2D / 3D: la vista de exploración. Estilo oscuro, disposición radial, 2D o 3D, coloreada por problemas SEO por defecto.
Cartografía en estilo clásico: árbol de rastreo horizontal sobre fondo blanco, una etiqueta por página, listas largas resumidas como «+ N páginas más»
Estilo clásico: página de inicio a la izquierda, una columna por nivel.

Tres representaciones

  1. Árbol de rastreo: cada página bajo la página desde la que se alcanzó por el camino más corto desde la página de inicio, registrado por el motor durante el rastreo, de modo que la ruta mostrada tiene siempre exactamente profundidad clics. Las páginas no alcanzadas por un enlace seguido se agrupan bajo un nodo virtual No alcanzadas desde la página de inicio, nunca un enlace inventado.
  2. Directorios: la jerarquía de rutas de las URL. Las carpetas son virtuales y nunca se cuentan como páginas; una página cuya URL es la propia carpeta la lleva la carpeta (/en lleva /en/), y una carpeta sin página en su propia dirección se etiqueta como agrupación (/blog/page/*). Las etiquetas son relativas a la carpeta padre, como en un explorador de archivos.
  3. Enlazado interno: los enlaces dirigidos reales entre páginas rastreadas, ciclos incluidos, nofollow excluidos. Las páginas bien enlazadas se agrupan en el centro; las páginas aisladas se alejan hacia el borde.
Árbol de rastreo en 3D con ramas etiquetadas, la página seleccionada, su ruta de descubrimiento y el inspector de página
La vista 3D, coloreada por problemas SEO.

Las listas largas de páginas hermanas conservan sus ramas más grandes y resumen el resto en un nodo + N páginas más que mantiene el problema más grave de lo que oculta; Mostrar la lista completa lo despliega. La página seleccionada y su ruta se conservan siempre.

Colores, tamaños y filtros

  • Color por: problemas SEO (por defecto), profundidad, estado HTTP, indexabilidad (la desconocida se muestra como tal), directorio, o segmento cuando hay segmentos definidos; anillos de error y de advertencia.
  • Tamaño de los nodos: Link Score (el PageRank interno relativo de Arachnide, no una métrica de Google), peso de la página, enlaces entrantes o tiempo de respuesta.
  • Filtros sobre todas las páginas rastreadas, no solo sobre las dibujadas: problemas y gravedad, profundidad, carpeta (a cualquier nivel), patrones de URL que incluir o excluir (texto simple, comodín * o expresión regular, uno por línea), estado HTTP, indexabilidad, enlazado entrante débil con un umbral explícito, rango de Link Score. Resaltar o aislar; preajustes Analizar; chips y restablecer.
  • La búsqueda en todas las páginas despliega los grupos contraídos y encuadra la página.
  • Hasta 6 000 nodos dibujados; solo se dibujan páginas (imágenes, PDF, CSS y JS se cuentan y se ocultan).

Inspector de página

Haz clic en un nodo: título, URL (copiar, abrir), estado, indexabilidad (solo si se conoce), profundidad en clics, Link Score, páginas fuente, enlaces salientes, ruta de descubrimiento, problemas con su recomendación; Aislar la rama / el entorno, Ver los enlaces internos, Ver el plan de acción, Volver a la vista general. El inspector carga los vecinos de una página bajo demanda, de modo que el navegador nunca recibe el grafo de enlaces entero.

Exportaciones y accesibilidad

Las exportaciones PNG y PDF (A4 horizontal) conservan las etiquetas, la leyenda y un encabezado con la vista, el sitio, la fecha del rastreo y las páginas mostradas; CSV de las páginas. Una vista Lista da acceso por teclado, hay pantalla completa y un inspector plegable, los navegadores sin WebGL recurren al 2D, y se respeta prefers-reduced-motion.

Grafo de enlaces internos dirigido por fuerzas en 2D
Visualización del árbol de directorios

Rendimiento

Los árboles usan una disposición determinista calculada una sola vez, no una simulación física; los nodos 3D se dibujan como un solo objeto con un shader, los enlaces en un solo lote, y no se redibuja nada en reposo. Medido en la misma máquina con renderizado por software, un árbol 3D de 5 000 páginas se estabiliza en 0,9 s en lugar de 11,7 s, a 47 imágenes por segundo al girar en lugar de 1 (detalles en el historial de versiones, 3.9).

Versión 3.21.0 Las tablas de referencia y el historial de versiones se generan desde el repositorio de Arachnide (commit f287355). Editar esta página en GitHub