≡En resumen
- La estructura web tiene dos niveles: cómo se organizan las páginas del sitio y cómo se organiza cada página por dentro.
- La jerárquica, en forma de árbol, es la más usada en webs de empresa y tiendas online.
- Cada página debería tener un único elemento main y usar etiquetas HTML semánticas para sus bloques.
- Google descubre las páginas sobre todo a través de enlaces, por eso una estructura clara ayuda al rastreo y a la indexación.
- Se diseña antes que la parte visual: primero el mapa de páginas y la navegación, después el diseño.
01 ¿Qué es la estructura web?
Se habla de estructura web en dos sentidos. El primero es la estructura del sitio: cuántas páginas hay, en qué secciones se agrupan y cómo se enlazan. El segundo es la estructura de la página: qué bloques componen cada pantalla y cómo se marcan en HTML. Ambos se deciden antes del diseño visual, porque condicionan todo lo demás.
Cuando el foco está en la jerarquía de páginas y su efecto en el SEO, se suele usar el término arquitectura web. La estructura web es el concepto más amplio, e incluye también cómo se construye cada página.
02 Estructura web vs arquitectura web vs diseño web
| Concepto | Qué define | Pregunta que responde |
|---|---|---|
| Estructura web | Organización del sitio y de cada página | ¿Qué páginas y bloques hay y cómo se relacionan? |
| Arquitectura web | Jerarquía de páginas, URLs y enlazado interno, con foco en SEO | ¿Qué páginas son más importantes y cómo llega Google a ellas? |
| Arquitectura de la información | Clasificación y etiquetado del contenido para las personas | ¿Dónde espera el usuario encontrar cada cosa? |
| Diseño web | Aspecto visual, interacción y desarrollo | ¿Cómo se ve y cómo funciona? |
En un proyecto real, las cuatro piezas van juntas. La arquitectura de la información agrupa el contenido como lo piensa el usuario; la estructura lo convierte en un mapa de páginas y plantillas; la arquitectura web lo optimiza para buscadores; y el diseño lo hace atractivo y usable.
03 Tipos de estructura web
| Tipo | Cómo se organiza | Cuándo usarla | Ejemplo |
|---|---|---|---|
| Jerárquica o en árbol | De lo general a lo particular: inicio, secciones, subsecciones | Casi siempre: webs de empresa, tiendas, medios | Inicio > Servicios > Diseño web |
| Lineal o secuencial | Una página lleva a la siguiente en orden fijo | Procesos con pasos: compra, formularios, cursos | Carrito > Envío > Pago > Confirmación |
| En red | Páginas enlazadas libremente entre sí | Wikis, diccionarios, bases de conocimiento | Una enciclopedia online |
| Matricial o mixta | Varias formas de llegar al mismo contenido | Catálogos con filtros por varios criterios | Zapatillas por marca, talla y deporte |
04 La estructura de una página web: partes y etiquetas HTML
| Bloque | Etiqueta | Qué contiene |
|---|---|---|
| Cabecera | header | Logotipo, nombre y a menudo el menú principal |
| Navegación | nav | Enlaces a las secciones principales del sitio |
| Contenido principal | main | Lo específico de esa página; uno solo por página |
| Artículo | article | Un contenido independiente, como una entrada del blog |
| Sección | section | Un grupo de contenido relacionado, con su propio encabezado |
| Barra lateral | aside | Información complementaria: enlaces relacionados, autor, anuncios |
| Pie de página | footer | Datos de contacto, enlaces legales y enlaces secundarios |
05 Ejemplo de estructura de una web corporativa
- Inicio: qué hace la empresa, servicios destacados, pruebas de confianza y contacto.
- Servicios: instalación de aire acondicionado, aerotermia, mantenimiento y reparación, cada uno con su página.
- Proyectos: casos con fotos, por tipo de cliente.
- Empresa: equipo, certificaciones y zona de trabajo.
- Blog: guías y dudas frecuentes, enlazadas a los servicios.
- Contacto: formulario, teléfono y mapa.
- Legales: aviso legal, privacidad y cookies, enlazados desde el pie.
Con esta estructura, cualquier servicio está a dos clics del inicio y cada guía del blog empuja a la página de servicio que resuelve el problema. Tienes más ejemplos y la lista de páginas imprescindibles en nuestra guía de web corporativa: qué debe tener y estructura.
06 Cómo crear la estructura de una web paso a paso
-
1
Define objetivos y públicos
Qué debe conseguir la web (contactos, ventas, reservas) y quién la va a visitar.
-
2
Haz inventario de contenido
Lista todo lo que la web debe contar: servicios, productos, información de empresa, recursos.
-
3
Agrupa como piensa el usuario
Organiza el contenido en secciones con nombres claros; un card sorting con clientes reales ayuda a validarlo.
-
4
Dibuja el árbol
Crea el mapa del sitio con niveles, y decide qué páginas van al menú principal y cuáles al pie.
-
5
Define URLs y plantillas
Una URL legible por página que refleje la sección, y una plantilla de bloques para cada tipo de página.
-
6
Planifica los enlaces internos
Menús, migas de pan, enlaces contextuales y páginas relacionadas para que ninguna página quede aislada.
-
7
Prueba y corrige
Comprueba con usuarios que encuentran lo importante en pocos clics y revisa en Search Console que Google indexa lo que debe.
Diseñar la estructura antes de la parte visual ahorra rediseños. Por eso un proyecto de diseño web profesional empieza por el mapa del sitio y los wireframes, y el trabajo de diseño UX valida que esa estructura funciona para las personas antes de programarla.
07 Estructura web y SEO: lo que dice Google
La guía SEO de Google Search Central recuerda que los enlaces son un recurso esencial para que Google descubra las páginas, y que agrupar temas similares en directorios puede ayudarle a entender con qué frecuencia cambian las URLs de cada sección. También recomienda URLs con palabras descriptivas y guiones en lugar de identificadores largos. Las migas de pan, además, indican la posición de cada página en la jerarquía del sitio.
- ✓Páginas huérfanas, sin ningún enlace interno que lleve a ellas.
- ✓Páginas importantes enterradas a muchos clics del inicio.
- ✓Menús con decenas de opciones o con nombres internos que el cliente no entiende.
- ✓Varias páginas que tratan exactamente el mismo tema y compiten entre sí.
- ✓URLs que no reflejan la sección o que cambian sin redirección.
- ✓Filtros de una tienda que generan miles de URLs casi iguales e indexables.
Preguntas frecuentes sobre Estructura Web
Es la organización de una página en bloques: cabecera, navegación, contenido principal, barra lateral y pie, marcados en HTML con etiquetas como header, nav, main, aside y footer.
Los cuatro modelos clásicos son jerárquica o en árbol, lineal o secuencial, en red y matricial o mixta. La mayoría de webs combinan varios, con una base jerárquica.
La estructura web abarca la organización del sitio y de cada página; la arquitectura web se centra en la jerarquía de páginas, las URLs y el enlazado interno, sobre todo pensando en el SEO.
Como mínimo, inicio, servicios o productos, información de la empresa, contacto y páginas legales; a menudo también proyectos o casos y un blog.
Google descubre las páginas a través de los enlaces, así que una estructura clara con buen enlazado interno facilita el rastreo, la indexación y que entienda qué páginas son las más importantes.
No hay una cifra oficial de Google. Como regla práctica, las páginas clave deberían estar a dos o tres clics del inicio y enlazadas desde páginas relacionadas.
Basta con una hoja de cálculo o un diagrama de árbol para el mapa del sitio, y una herramienta de wireframes para la estructura de cada página. Un card sorting ayuda a validar las agrupaciones con usuarios.
Fuentes consultadas
Sobre el autor
Raúl Aránega Segura
CEO y especialista SEO en appyweb
Fundador de appyweb. Más de una década posicionando webs y tiendas online en Google y, ahora, en las respuestas de la IA.
Ver perfil en LinkedIn ↗