¿Quieres comprender la arquitectura de un sitio web sin navegar por todas sus páginas? Con Copilot puedes generar un diagrama de la estructura de cualquier página mediante la sintaxis de Mermaid, una herramienta para crear diagramas en texto plano. De este modo obtienes un mapa jerárquico limpio y editable en cuestión de segundos.
¿Qué es un mapa de estructura?
Los mapas de estructura (o mapas mentales de sitios web) representan las secciones y subpáginas de un sitio en forma de árbol. Permiten ver de un vistazo la jerarquía del contenido: qué páginas dependen de otras, cómo están agrupadas y dónde se encuentran los contenidos clave.
Copilot crea este diagrama usando Mermaid, que utiliza texto para describir nodos y relaciones y luego genera una imagen interactiva.
Paso a paso para generar tu mapa
- Abre Copilot Chat (tanto en la versión gratuita como en Microsoft 365 Copilot).
- Escribe un prompt como: «Crea un mapa mental en Mermaid sin paréntesis ni guiones, excepto para la raíz de la página www.ejemplo.com»
Cambia la URL por el sitio que quieras analizar. - Copilot generará un bloque de código con la sintaxis de Mermaid. Haz clic en «Vista previa» para ver el diagrama directamente en la conversación.
- Si deseas editarlo, copia el código y pégalo en un editor de Mermaid para reorganizar nodos o cambiar los nombres.
- Puedes exportar la vista previa como PNG y utilizarla en presentaciones o documentos.
Personalizar y reutilizar el diagrama
El diagrama lo puedes editar, aunque te advierto que no es muy trivial.
- Abre la respuesta de Copilot en «Pages»
- Desde ahí, en modo «Código» o en modo «Vista en paralelo», añade o elimina nodos para reflejar solo las secciones relevantes de tu análisis.
- Cambia los nombres de las páginas a etiquetas más descriptivas.
Aplicaciones y beneficios
- Auditoría de sitios propios: detecta secciones redundantes o páginas huérfanas que podrían mejorar tu SEO.
- Análisis de competencia: entiende cómo estructuran su contenido otras empresas y qué jerarquías siguen.
- Planificación de mejoras: identifica dónde añadir nuevas secciones o cómo reorganizar el menú de navegación.
- Documentación: incorpora los mapas a tus presentaciones de estrategia digital.
Con un simple prompt, conviertes la arquitectura de cualquier web en un recurso visual que te ayudará a tomar mejores decisiones sobre usabilidad, contenido y SEO. ¡Pruébalo y verás cómo un diagrama puede cambiar tu perspectiva!