Actualizado el 10 de noviembre de 2026 por Nicolas Finet, CEO de Sortlist. Hemos reescrito esta guía: las partes de una página web (cabecera, navegación, contenido principal, barras laterales, pie y la parte invisible del código), las páginas que suele necesitar un negocio, cómo organizarlas según tu objetivo y qué errores evitar. Para el diseño general, consulta buen diseño web.
Entender la estructura de una página ayuda a diseñarla, a pedir presupuestos con precisión y a comunicarte con quien la desarrolla. Una página bien estructurada guía al visitante y facilita el trabajo a los buscadores.
Lo esencial
- Toda página tiene zonas visibles (cabecera, contenido, pie) y partes invisibles (título, metadatos, código) igual de importantes.
- El contenido principal debe tener un único objetivo y una jerarquía clara de encabezados.
- Los negocios suelen necesitar, como mínimo: inicio, servicios o productos, sobre nosotros, contacto y páginas legales.
Zonas de una página y sus elementos
| Zona | Qué contiene | Consejo |
|---|---|---|
| Cabecera (header) | Logotipo, menú, buscador, contacto o botón de acción | Clara y ligera; accesible en móvil |
| Navegación | Enlaces principales y migas de pan | Pocas opciones con etiquetas comprensibles |
| Sección principal (hero) | Titular, subtítulo, imagen y llamada a la acción | Debe explicar qué ofreces en segundos |
| Contenido | Texto, imágenes, vídeo, formularios, tablas | Encabezados, listas y párrafos cortos |
| Barra lateral (opcional) | Enlaces relacionados, filtros, llamadas a la acción | Evita sobrecargar, sobre todo en móvil |
| Pie de página (footer) | Datos de contacto, enlaces legales, redes, mapa del sitio | Incluye aviso legal, privacidad y cookies |
La parte invisible
- Título y meta descripción: aparecen en los resultados de búsqueda. Ver SEO on-page.
- Encabezados (H1 a H6): estructura del contenido. Ver etiqueta H1.
- Texto alternativo de imágenes: accesibilidad y contexto.
- Datos estructurados: ayudan a los buscadores a entender el contenido.
- Metaetiquetas y canónicas: control de indexación y duplicados.
- Comentarios del código: notas para el equipo. Ver comentarios en HTML.
Páginas que puedes necesitar
| Página | Función |
|---|---|
| Inicio | Presentar la propuesta y dirigir a las secciones clave. Ver homepage |
| Servicios o productos | Explicar la oferta y captar conversiones |
| Sobre nosotros | Dar confianza con equipo e historia |
| Contacto | Facilitar la acción. Ver página de contacto |
| Blog o recursos | Atraer tráfico y mostrar experiencia |
| Preguntas frecuentes | Resolver dudas. Ver página de FAQ |
| Casos y testimonios | Prueba social |
| Páginas legales | Aviso legal, privacidad, cookies y condiciones |
Antes de diseñar, haz un inventario de páginas y asígnale a cada una un objetivo y una acción principal. Si una página no tiene objetivo, probablemente no necesita existir.
Consejo del equipo editorial de Sortlist
Cómo organizar la estructura
- Define los objetivos de la web y los recorridos de los usuarios.
- Agrupa las páginas por temas y crea un mapa del sitio.
- Limita la profundidad: lo importante a pocos clics de la home.
- Diseña plantillas coherentes para cada tipo de página.
- Planifica enlaces internos entre páginas relacionadas.
Errores frecuentes
- Menús con demasiadas opciones.
- Páginas sin objetivo ni acción clara.
- Pie de página sin información legal.
- Contenidos enterrados a muchos clics.
- No pensar en la versión móvil.
Preguntas frecuentes sobre las partes de una página web
¿Cuántas páginas necesita una web de empresa?
Las necesarias para cumplir sus objetivos; un mínimo habitual es inicio, servicios, sobre nosotros, contacto y páginas legales.
¿Qué es el «hero»?
La sección principal de la parte superior de una página, con titular, imagen y llamada a la acción.
¿Es obligatorio el pie de página?
No, pero es donde suelen ir los enlaces legales y datos de contacto exigidos en muchos casos.
¿Cómo planifico la estructura?
Con un mapa del sitio basado en los objetivos y los recorridos de los usuarios.
¿Necesitas ayuda? Publica tu proyecto en Sortlist y compara agencias de España.
Fuentes: elaboración del equipo editorial de Sortlist; MDN Web Docs como referencia técnica.
