Categorías
Tutoriales sobre Screaming Frog

Guía de visualizaciones de rastreo y arquitectura del sitio



Introducción a las visualizaciones

Screaming Frog tiene dos tipos de visualizaciones de sitios web interactivos: visualizaciones de rastreo y visualizaciones de árbol de directorios.

Los dos tipos de visualizaciones son fundamentalmente diferentes y son útiles para comprender la arquitectura de un sitio de diferentes maneras. Esta guía explicará las diferencias y resaltará cómo se puede utilizar cada uno.

Cada tipo de visualización también tiene dos formatos diferentes, un diagrama dirigido por fuerza y un gráfico de árbol. La elección del tipo de formato puede depender simplemente del gusto personal, pero el ‘mejor’ formato a utilizar también puede depender del tamaño del sitio y de la situación. Mire nuestro video sobre visualizaciones o continúe leyendo nuestra guía a continuación.

Si bien las visualizaciones son hermosas y divertidas, no brindan más datos de los que ya están disponibles en un rastreo. A menudo no son la mejor manera de diagnosticar problemas y no siempre cuentan la historia completa.

Sin embargo, la fuerza de las visualizaciones es que pueden ayudar a brindar perspectiva, comunicar ideas o revelar patrones subyacentes que son más difíciles de descubrir en datos y hojas de cálculo.

Profundicemos en los dos tipos de visualizaciones y sus diferencias.

Visualizaciones de rastreo

Las visualizaciones de ‘diagrama de rastreo forzado’ y ‘gráfico de árbol de rastreo’ brindan una vista de cómo Screaming Frog ha rastreado el sitio, por la ruta más corta a una página. Muestran una única ruta más corta a una página desde la URL de inicio. No muestran todos los enlaces internos, ya que esto hace que las visualizaciones sean difíciles de escalar y, a menudo, incomprensibles.

visualizaciones de rastreo

Si una página tiene varias rutas más cortas (es decir, varios enlaces desde la misma profundidad más baja), el enlace que se mostrará es el que se rastreó primero, a menudo el primero que se descubrió en el código fuente.

Las visualizaciones de rastreo son jerárquicas por profundidad de rastreo y las líneas entre las URL representan la ruta más corta. Esto hace que las visualizaciones de rastreo sean útiles al analizar el sitio. arquitecturay enlace interno.

Diagrama de rastreo dirigido por fuerza

Los diagramas de rastreo dirigidos a la fuerza son como un mapa de calor, con la URL de inicio representada por el nodo más grande de color verde oscuro (los círculos) en el medio. Esta es generalmente la página de inicio si comenzó el rastreo allí. Las líneas (conocidas como ‘bordes’) representan el enlace entre una URL y otra (por la ruta más corta, si ha estado escuchando).

Los nodos que son un poco más pequeños que el nodo más grande y están conectados por enlaces son direcciones URL que están en el siguiente nivel de profundidad de rastreo y, a medida que se alejan, los nodos se escalan más pequeños y más livianos a medida que aumenta la profundidad de rastreo.

diagrama de rastreo dirigido por fuerza

Las páginas indexables están representadas por los nodos verdes, mientras que el rojo pastel resalta las URL que no son indexables. Esto hace que sea bastante fácil detectar secciones o páginas problemáticas de un sitio web.

Hay razones válidas para las páginas no indexables, pero visualizar su proporción y dónde están puede ser útil para identificar rápidamente áreas de interés para investigar más a fondo.

El icono de menú ‘Información’ (i) proporciona una clave con más información sobre los colores de los nodos.

clave del diagrama de rastreo dirigido por la fuerza

La visualización mostrará hasta 10k URL en el navegador, pero le permitirá hacer clic con el botón derecho y ‘enfocarse’ para expandir áreas particulares de un sitio para mostrar más URL en esa sección (hasta otras 10k URL a la vez). Puede usar el navegador como navegación, escribiendo una URL directamente y moviéndose hacia adelante y hacia atrás con facilidad.

clic derecho en 'enfocar'

Cuando una visualización ha alcanzado el límite de URL de 10k, le permite saber cuándo un nodo en particular tiene elementos secundarios que se están truncando (debido a límites de tamaño), coloreando los nodos de gris. A continuación, puede hacer clic derecho y ‘explorar’ para ver a los niños. De esta forma, se pueden visualizar todas las URL de un rastreo.

nodos truncados

Gráfico de árbol de rastreo

El formato de gráfico de árbol visualmente es bastante diferente al diagrama de rastreo forzado, pero fundamentalmente representan sitios web de manera similar, con URL representadas por círculos y la ruta más corta por hipervínculo, como las líneas que los conectan.

Están jerárquicos por profundidad de rastreo de izquierda a derecha de forma predeterminada, pero puede voltearlos para que estén de arriba a abajo (o de derecha a izquierda, de abajo a arriba, etc.).

Gráfico de árbol de rastreo

Los gráficos de árbol de rastreo también mostrarán hasta 10k URL en el navegador, pero le permitirán hacer clic con el botón derecho y ‘enfocarse’ para expandir áreas particulares de un sitio para mostrar más URL en esa sección (hasta otras 10k URL a la vez). ).

Visualizaciones de árbol de directorios

Las visualizaciones ‘diagrama de árbol de directorios dirigido por la fuerza’ y ‘gráfico de árbol de directorios’ muestran la arquitectura URL de un sitio web. Los nodos (los círculos) están organizados por los componentes de las URL, desde el protocolo hasta el host y la ruta. A diferencia de las visualizaciones de rastreo, los nodos no siempre reflejan las URL de resolución y las líneas no representan hipervínculos.

visualizaciones de árbol de directorios

Si ya está familiarizado con la vista de árbol de directorios en Screaming Frog , entonces las visualizaciones de árbol de directorios son similares. Si no lo está, haga clic en el icono del árbol de directorios en la pestaña Interno.

Vista de árbol del directorio

Las visualizaciones del árbol de directorios son jerárquicas por componente de URL y ruta, y las líneas entre las URL representan la ruta del directorio. Esto hace que las visualizaciones del árbol de directorios sean útiles al analizar Estructura de URL y generales arquitectura informacional de un sitio web

También suele ser más fácil detectar problemas con esta vista, ya que las direcciones URL que comparten el mismo directorio suelen compartir también la misma plantilla.

Diagrama de árbol de directorio forzado

Los diagramas de árbol de directorios forzados son como un mapa de calor, con los protocolos representados por el nodo verde más oscuro y más grande (los círculos) generalmente colgando del nodo central que es la página de inicio (el nombre de host).

Las líneas (‘bordes’) representan la ruta de la URL, por lo que los nodos del protocolo se conectarán al host, que se conectará al primer directorio, ruta y en adelante.

Los nodos que son ligeramente más pequeños que el nodo más grande que están conectados por enlaces es la página de inicio y, a medida que se alejan, los nodos se escalan más pequeños y más livianos al aumentar la ruta.

En el siguiente diagrama de árbol de directorios, puede ver la ruta a nuestras páginas de autor, como https://www.screamingfrog.co.uk/author/screamingfrog/.

Diagrama de árbol de directorio forzado

Protocolo (https://), nombre de host (www.screamingfrog.co.uk/), directorio (/author/) y finalmente la ruta, /screamingfrog/, que es una URL de resolución. Los nodos rojos debajo del directorio del autor son todas las páginas del autor.

Son de color rojo porque no son indexables con una etiqueta meta ‘noindex’ y obviamente comparten la misma plantilla de página. En el diagrama de rastreo, estas páginas se distribuyen a lo largo de la visualización en lugar de agruparse, ya que están vinculadas y se descubren primero desde varias páginas de blog. Aquí está la misma vista de las páginas del autor:

páginas de autor noindex en un diagrama de rastreo dirigido por la fuerza

Como la vista de árbol del directorio agrupa las páginas por ruta que a menudo comparten la misma plantilla, a menudo facilita ver este tipo de patrones y comprender la estructura general y amplia.

Gráfico de árbol de directorios

El formato de gráfico de árbol de directorio representa sitios web de forma similar al diagrama de árbol de directorio forzado, con los componentes de URL representados por los nodos y las líneas que los conectan con la ruta de URL.

Están jerárquicos por ruta de URL de izquierda a derecha de forma predeterminada, pero puede voltearlos para que estén de arriba a abajo (o de derecha a izquierda, de abajo a arriba, etc.).

Gráfico de árbol de directorios

Escalar diagramas dirigidos por fuerza

Tanto el ‘diagrama de rastreo dirigido por la fuerza’ como el ‘diagrama de árbol de directorio dirigido por la fuerza’ se pueden escalar según diferentes métricas (haciendo clic en el icono de la rueda dentada). Como se describió anteriormente, el tamaño y el color de los nodos se escalan según la profundidad de rastreo o la ruta de URL, respectivamente.

Sin embargo, ambos diagramas se pueden escalar con otros elementos, como enlaces internos únicos, puntaje de enlace (PageRank) o métricas externas como Moz Page Authority o Ahrefs URL Rating, por ejemplo.

Diagramas dirigidos por fuerza de escala

Esto significa que los diagramas se pueden configurar para visualizar qué URL en un sitio web tienen la autoridad más alta (incluidas las métricas de enlaces externos, no solo los enlaces internos), utilizando la calificación de URL de Ahrefs, como ejemplo. Para nuestro sitio web, la página Screaming Frog es la página más autorizada y con más enlaces.

Escalado por clasificación de URL de Ahrefs

O alternativamente, para considerar solo los enlaces internos, Link Score representa el PageRank interno en todo el sitio.

Escalado por puntaje de enlace (PageRank)

Los dos ejemplos anteriores pueden ayudar a visualizar páginas y secciones clave de un sitio que tienen más autoridad y aquellas que requieren mejoras con mejores enlaces.

Resumen final

La guía anterior debe aclarar cómo se puede usar cada tipo y formato de visualización en Screaming Frog

Si tiene más consultas, simplemente deje un comentario

Deja una respuesta

Tu dirección de correo electrónico no será publicada.