Apéndice E: Tutorial rápido de diagramas

El Apéndice E proporciona instrucciones paso a paso para crear los cuatro tipos de diagramas cubiertos en el Capítulo 9. Aprenderás a usar draw.io para árboles jerárquicos y mapas de clusters, Google Sheets para mapas de calor y Gephi para simulaciones de flujo. Cada tutorial incluye selección de herramienta, instrucciones paso a paso y consejos para la interpretación.

draw.io se usa para árboles jerárquicos y mapas de clusters (gratuito, online). Google Sheets se usa para mapas de calor (gratuito, online). Gephi se usa para simulaciones de flujo (gratuito, escritorio). Todas las herramientas son gratuitas. No necesitas software de pago para diagramas básicos.

Abre draw.io y selecciona "Crear nuevo diagrama." Elige "Avanzado" y arrastra una forma de "Árbol" al lienzo. El nodo raíz es tu página de inicio. Añade nodos hijos para cada categoría principal. Añade niveles subsiguientes (subcategorías, productos, artículos). Colorea las PVN en verde y las páginas más profundas de 3 clics en rojo. Exporta como PNG o PDF.

La forma "Árbol" es una plantilla en draw.io para crear diagramas jerárquicos. Formatea automáticamente los nodos hijos bajo los nodos padres. Puedes añadir tantos niveles como necesites. La forma de árbol es ideal para mostrar la estructura del sitio y la profundidad de clic.

Selecciona el nodo que representa la PVN. En la barra lateral derecha, elige "Relleno" y selecciona un color verde. Para páginas más profundas de 3 clics, selecciona rojo. Esta codificación visual facilita ver qué páginas están enterradas y cuáles son más importantes.

Screaming Frog tiene una vista de "Gráfico de árbol de rastreo" en "Visualizaciones." Muestra la estructura de tu sitio automáticamente. Es menos personalizable que draw.io pero más rápida. Usa Screaming Frog para comprobaciones rápidas; usa draw.io para presentaciones pulidas.

Crea un círculo central para la página pilar de cada tema. Alrededor de cada pilar, crea círculos más pequeños para cada artículo de racimo. Dibuja líneas bidireccionales (flechas en ambos extremos) entre el pilar y cada racimo. Añade líneas entre artículos de racimo relacionados. Usa diferentes colores de fondo para diferentes clusters temáticos. Etiqueta cada círculo con el título de la página o la URL.

Un cluster es un grupo de páginas sobre el mismo tema. Cada cluster tiene una página pilar central y artículos de racimo de apoyo. Los clusters están codificados por colores por tema. El mapa de clusters muestra qué temas están bien desarrollados y cuáles son débiles.

Una línea bidireccional es una línea con flechas en ambos extremos. Indica que el pilar y los artículos de racimo se enlazan entre sí. Ambas direcciones están presentes. Si una línea solo tiene una flecha, significa que el enlace solo va en una dirección. Las líneas bidireccionales son esenciales para los clusters temáticos.

Lucidchart es una alternativa a draw.io. Tiene más plantillas pero es menos gratuito (nivel gratuito limitado). draw.io es recomendado para la mayoría de los usuarios porque es completamente gratuito y fácil de usar.

Crea una tabla con columnas: URL, Enlaces internos, DR/PA y Tráfico orgánico. Selecciona los datos y ve a Insertar > Gráfico > Gráfico de burbujas. Configura: Eje X = DR/PA, Eje Y = Enlaces internos, Tamaño de burbuja = Tráfico orgánico. Las PVN deberían destacar visualmente (burbujas grandes en la parte superior derecha).

Un gráfico de burbujas es un tipo de gráfico de dispersión donde el tamaño de cada punto representa una tercera variable. En un mapa de calor, el tamaño de la burbuja representa el tráfico, el eje X representa DR/PA y el eje Y representa enlaces internos. Las burbujas más grandes indican más tráfico. Este visual muestra la distribución de autoridad.

Eje X = DR/PA (autoridad), Eje Y = Enlaces internos (recuento de enlaces). Esto posiciona las páginas basándose en autoridad y recuento de enlaces. Las páginas de alta autoridad con muchos enlaces aparecen en la parte superior derecha. Las páginas de baja autoridad con pocos enlaces aparecen en la parte inferior izquierda. Esto revela la distribución de autoridad.

Google Data Studio es una alternativa. Ofrece visuales más pulidos y mejor integración con paneles. Sin embargo, Google Sheets es más rápido y fácil para análisis rápido. Usa Data Studio para presentaciones a clientes; usa Sheets para tu propio análisis.

Exporta tus datos de enlaces desde Screaming Frog como un CSV con columnas: Fuente, Destino, Peso. Importa el CSV en Gephi. Ejecuta el diseño "Force Atlas 2" para visualizar el gráfico. Ajusta el tamaño de los nodos basado en "In-Degree" (enlaces entrantes). Ajusta el color de los nodos basado en DR/PA. Exporta la visualización.

Force Atlas 2 es un algoritmo de diseño en Gephi que organiza los nodos por fuerza de enlace. Agrupa nodos fuertemente conectados y separa nodos débilmente conectados. Esto hace que tu estructura de enlaces sea visualmente obvia. Es el mejor diseño para visualizaciones de enlazado interno.

In-Degree es el número de enlaces entrantes a un nodo (página). Las páginas con alto In-Degree reciben muchos enlaces internos. En Gephi, puedes dimensionar los nodos por In-Degree para que las páginas con más enlaces aparezcan más grandes. Esto muestra visualmente qué páginas reciben más autoridad.

draw.io puede usarse para simulaciones de flujo manuales. Colocas nodos y dibujas flechas manualmente. Es menos preciso que Gephi pero suficiente para visualizaciones básicas. Usa Gephi para análisis basado en datos; usa draw.io para diagramas conceptuales.

Gephi funciona en Windows, Mac y Linux. Requiere Java. Mínimo 4GB de RAM, 8GB recomendado. El software es lo suficientemente ligero para la mayoría de las computadoras modernas. Gephi es gratuito y de código abierto.

Descarga desde gephi.org. Instala como cualquier aplicación de escritorio. Para Mac, es posible que necesites ajustar la configuración de seguridad. Para Windows, ejecuta el instalador. Se requiere Java; Gephi te lo indicará si no está instalado. La instalación toma unos 5 minutos.

Gephi tiene una curva de aprendizaje pronunciada. Planifica pasar 2-3 horas aprendiendo lo básico: importar datos, ejecutar diseños, ajustar tamaños y colores de nodos y exportar. Hay muchos tutoriales en línea. Si no te sientes cómodo con herramientas avanzadas, usa draw.io para simulaciones de flujo manuales.

draw.io es muy intuitivo. La mayoría de los usuarios pueden crear un diagrama básico en 5 minutos. Las características avanzadas (formas, estilos, exportación) son fáciles de aprender. draw.io es recomendado para usuarios de todos los niveles de habilidad. Es la herramienta más fácil del stack de diagramación.

Los gráficos de burbujas de Google Sheets son directos. Importa tus datos, selecciónalos, inserta gráfico, elige gráfico de burbujas, configura ejes. La mayoría de los usuarios pueden crear un mapa de calor en 15 minutos. La curva de aprendizaje es mínima. Google Sheets es accesible para todos.

draw.io exporta como PNG, PDF o SVG. Google Sheets exporta gráficos como PNG. Gephi exporta como PNG o SVG. Usa PNG para presentaciones y PDF para informes. SVG es mejor para editar después. Exporta a alta resolución (300 DPI) para calidad de impresión.

La sección de interpretación explica qué buscar en cada diagrama. Para árboles jerárquicos: busca PVN en rojo (enterradas). Para mapas de calor: busca PVN como burbujas grandes (recibiendo autoridad). Para simulaciones de flujo: busca sumideros de autoridad (páginas con muchos entrantes pero pocos salientes). Para mapas de clusters: busca clusters débiles (1-2 artículos). La interpretación guía tus acciones.

Árbol jerárquico: PVN en rojo = enterradas → añade enlaces desde páginas más superficiales. Mapa de calor: burbujas pequeñas en PVN = sub-enlazadas → añade enlaces desde páginas de alta autoridad. Simulación de flujo: sumideros de autoridad = autoridad desperdiciada → añade enlaces desde el sumidero a PVN. Mapa de clusters: clusters débiles = brechas de contenido → crea más artículos de racimo.

Los diagramas son excelentes herramientas de comunicación. Muestra a las partes interesadas el árbol jerárquico para explicar la estructura del sitio. Muestra el mapa de calor para explicar la distribución de autoridad. Muestra la simulación de flujo para explicar el flujo de autoridad. Muestra el mapa de clusters para explicar la estrategia de contenido. Los visuales son más persuasivos que las hojas de cálculo.

Actualiza tu árbol jerárquico y mapa de clusters trimestralmente, o cada vez que hagas cambios estructurales significativos. Actualiza tu mapa de calor y simulación de flujo semestralmente como parte de tu ciclo completo de auditoría. Las actualizaciones regulares mantienen tus diagramas relevantes y reflejan tu estructura de enlazado actual.

Sí. Usa Google Data Studio o una diapositiva de presentación. Coloca los cuatro diagramas en una página. Añade métricas clave (profundidad de clic promedio, recuento de huérfanas, recuentos de enlaces de PVN). Comparte el panel con tu equipo. Actualízalo trimestralmente.

Crea diagramas antes y después de implementar cambios de enlazado. Compáralos lado a lado. Esta comparación visual demuestra la efectividad de tu trabajo. Es poderosa para presentaciones a clientes e informes de equipo.

draw.io funciona en tabletas y teléfonos a través del navegador web (amigable para táctil). Google Sheets funciona en dispositivos móviles. Gephi es solo de escritorio. Para bocetos rápidos, draw.io en móvil es suficiente. Para análisis detallados, usa una computadora.

PNG para presentaciones (universal). PDF para informes (calidad de impresión). SVG para edición (gráficos vectoriales). Los gráficos de Google Sheets se pueden compartir como enlaces. Gephi exporta como PNG o SVG. Elige el formato según tu audiencia y propósito.

Usa colores de alto contraste. Evita esquemas de colores rojo-verde (usuarios daltónicos). Usa etiquetas para todos los nodos. Proporciona texto alternativo para imágenes digitales. Los diagramas accesibles son mejores para todos. La accesibilidad también mejora la experiencia del usuario para todas las partes interesadas.

Una auditoría visual es usar diagramas en lugar de hojas de cálculo para analizar tu enlazado interno. Es más rápida, más intuitiva y más accesible. Una auditoría visual incluye los cuatro diagramas. Revela patrones que las hojas de cálculo ocultan. Es el enfoque moderno para el análisis de enlazado interno.

Antes de una migración, crea diagramas base. Después de la migración, crea nuevos diagramas. Compáralos para asegurar que los enlaces se conservaron, la estructura permanece intacta y la autoridad fluye correctamente. Los diagramas detectan problemas de migración que las hojas de cálculo pasan por alto.

Los mapas de clusters muestran temas superpuestos. Los árboles jerárquicos muestran secciones duplicadas. Usa diagramas para identificar contenido que se puede fusionar o consolidar. Después de la consolidación, actualiza tus diagramas para reflejar la nueva estructura. Los diagramas guían las decisiones de consolidación de contenido.

Los diagramas son excelentes herramientas de capacitación. Úsalos para mostrar a los nuevos miembros del equipo cómo está estructurado tu sitio, dónde fluye la autoridad y cuál es tu estrategia de contenido. Los visuales son más fáciles de entender que el texto. Los diagramas aceleran la incorporación.

El árbol jerárquico es el más importante para sitios pequeños. Muestra si alguna página está enterrada. Los sitios pequeños no tienen problemas complejos de distribución o flujo de autoridad. Enfócate en la estructura primero. Añade otros diagramas a medida que tu sitio crezca.

El mapa de calor es el más importante para sitios grandes. La distribución de autoridad es crítica. Los sitios grandes tienen muchas páginas; la autoridad puede desperdiciarse fácilmente. El mapa de calor muestra hacia dónde va la autoridad y si está concentrada en las páginas correctas. Las simulaciones de flujo y los mapas de clusters también son importantes para sitios grandes.

Presenta el mapa de calor y el mapa de clusters a la dirección. Muestran la distribución de autoridad y la estrategia de contenido. La dirección se preocupa por los resultados de negocio, no por los detalles técnicos. El árbol jerárquico y la simulación de flujo son más técnicos. Adapta tu presentación a tu audiencia.