Las partes de una página web, explicadas con claridad

Tu Negocio WB 15 de enero, 2025 10 min de lectura

Diseño web

Casi cualquier página se organiza en tres zonas: la cabecera (arriba, con el logo y el menú), el cuerpo (el centro, donde vive el contenido) y el pie de página (abajo, con contacto y enlaces). El cuerpo se divide en secciones. Entender qué resuelve cada parte te permite pedir cambios concretos en lugar de decir «no me convence».

En resumen

Cabecera: logo, menú de navegación y, cuando aplica, un botón de contacto o de WhatsApp.
Cuerpo: el contenido principal, dividido en secciones con un propósito cada una.
Pie de página: contacto, enlaces legales, mapa del sitio y redes.
La cabecera y el pie se repiten en todo el sitio; el cuerpo cambia en cada página.
Hay partes que no se ven en pantalla —título, descripción, encabezados, URL— y también forman parte de la página.
Un sitio informativo, una landing y una tienda usan las mismas partes con distinto énfasis.

¿Quieres una web bien estructurada desde el inicio? Cuéntanos qué hace tu negocio y a quién le vendes, y te proponemos la estructura antes de hablar de diseño.
Cuéntanos tu proyecto →

Por qué casi todas las páginas se parecen

No es casualidad ni falta de imaginación. El lenguaje con el que se construyen las páginas, HTML, trae etiquetas pensadas para esas zonas: la referencia de HTML de MDN describe <header> como el bloque de contenido introductorio y de ayudas a la navegación, <footer> como el pie que suele llevar autoría, datos de contacto, enlaces relacionados y avisos legales, y <main> como el contenido principal del documento, además de <nav> para el menú y <section> para agrupar bloques temáticos.

Quien construye tu sitio va a usar esos nombres en inglés. Saberlos te ahorra media reunión: «muévelo al footer» es más rápido que «ponlo abajo, donde está el teléfono».

Cabecera (header): orientar en tres segundos

Está en la parte superior y acompaña al visitante en todo el sitio. Contiene:

El logo, que es tu identidad y casi siempre enlaza al inicio.
El menú de navegación con las secciones principales.
Un botón destacado, cuando el negocio necesita una salida rápida: llamar, cotizar o escribir por WhatsApp.

La cabecera resuelve dos preguntas: dónde estoy y a dónde puedo ir. Cuando el menú tiene doce entradas y ninguna se llama como el visitante nombraría lo que busca, la cabecera existe pero no orienta.

Cuerpo: donde el visitante decide

Es la zona central y la que más cambia de una página a otra. Aquí van las secciones: bloques de contenido con un propósito claro. Los tipos que más se repiten son:

Presentación: qué haces, para quién y dónde. Suele ser la primera pantalla.
Oferta: los servicios, las líneas de negocio o el catálogo.
Prueba: casos, reseñas, certificaciones, clientes, cifras verificables.
Objeciones: preguntas frecuentes, condiciones, qué incluye y qué no.
Cierre: la llamada a la acción y el formulario o canal de contacto.

Trabajamos cada sección como la respuesta a una pregunta que el visitante trae. Si una sección no responde ninguna, normalmente está allí porque quedaba bonito el espacio. Qué bloques necesita en concreto un sitio de empresa, con cuáles empezar y cuáles dependen del alcance, lo desarrollamos en qué debe incluir una página web empresarial.

Pie de página (footer): el segundo lugar donde te buscan

El pie está abajo y se repite en todo el sitio. Suele incluir:

Datos de contacto: teléfono, correo, dirección, horario.
Enlaces útiles: secciones, políticas de privacidad y de datos, mapa del sitio.
Redes sociales y, a veces, un formulario breve o el registro a un boletín.

No es relleno. Mucha gente baja directo al pie buscando cómo contactarte, sobre todo desde el celular, donde el menú está plegado. Un pie sin teléfono ni dirección obliga a volver arriba: es una fricción que no tiene por qué existir.

Las partes que no se ven (y también son partes)

Esta es la mitad de la página que nadie muestra en una maqueta y que decide buena parte de lo que pasa después:

Parte invisible	Dónde se nota	Qué hace
Título de la página	En la pestaña del navegador y en el resultado de búsqueda	Google lo usa como base del enlace de título del resultado, aunque puede reemplazarlo si no describe bien la página
Descripción (meta description)	Debajo del título en el resultado	Es el resumen que invita —o no— a hacer clic
Encabezados (H1, H2, H3)	En el texto, como jerarquía	Ordenan el contenido para quien lee y para quien rastrea
URL	En la barra de direcciones	Dice de qué trata la página antes de abrirla
Texto alternativo de las imágenes	Cuando la imagen no carga o se usa un lector de pantalla	Describe la imagen para quien no la ve
Ruta de exploración (breadcrumb)	Arriba del contenido y en el resultado de búsqueda	Indica la posición de la página dentro del sitio; Google puede mostrarla en el resultado cuando está marcada con datos estructurados

Cuando alguien dice «la página está bien pero no aparece en Google», casi siempre la conversación empieza aquí, no en el diseño.

«Partes de una página» no es lo mismo que «páginas de un sitio»

Es la confusión más frecuente y conviene resolverla en una línea:

Las partes son las zonas dentro de una misma página: cabecera, cuerpo, pie, secciones.
Las páginas son las direcciones distintas de tu sitio: inicio, servicios, nosotros, contacto, cada artículo, cada producto.

Un sitio web informativo tiene varias páginas; una landing page normalmente es una sola; una tienda online genera una página por producto y por categoría. Todas usan las mismas partes.

El mismo esqueleto, distinto énfasis

Tipo de página	Cabecera	Cuerpo	Pie
Sitio informativo	Menú completo con las secciones del negocio	Varias secciones y páginas por tema	Contacto, políticas y mapa del sitio
Landing page	Menú mínimo o sin menú	Una sola oferta, con una acción	Contacto y avisos legales, sin salidas
Tienda online	Buscador, categorías y carrito	Catálogo, ficha de producto y pasos de compra	Envíos, pagos, devoluciones y datos de la empresa

La base es la misma; lo que cambia es qué se prioriza según lo que la página quiere lograr. En una landing se quitan salidas a propósito; en una tienda, el buscador de la cabecera es una parte de trabajo, no un adorno.

Qué decide el visitante en cada parte

Esta es la lectura que usamos cuando revisamos un sitio ajeno:

Parte	Lo que el visitante decide ahí	Qué pasa si falta o está mal
Cabecera	Si está en el lugar correcto	Se va en segundos sin explorar
Primera sección del cuerpo	Si esto es para él	Baja leyendo sin entender qué le ofreces
Sección de oferta	Si lo que vendes es lo que necesita	Pregunta por WhatsApp cosas que están en la página
Sección de prueba	Si puede confiar en un desconocido	Pide referencias por fuera o compara solo por precio
Sección de cierre	Si escribe ahora o lo deja para después	Llega al final sin una acción clara
Pie	Cómo contactarte si ya decidió	Vuelve arriba, o no vuelve

Cómo revisar las partes de tu propia página

Seis comprobaciones que puedes hacer hoy, desde el celular:

Tapa el logo y lee la primera pantalla. ¿Se entiende a qué se dedica la empresa y dónde opera?
Cuenta las entradas del menú. Si son más de siete, probablemente hay secciones que deberían vivir dentro de otras.
Busca tu teléfono en el pie. Si no está, agrégalo.
Abre una página interna y mira la URL. ¿Dice de qué trata?
Revisa la pestaña del navegador. Si todas las páginas se llaman igual, los títulos no están trabajados.
Verifica que puedas cambiar los textos tú mismo. Si no puedes, el problema no es la estructura: es que el sitio no sea administrable.

Si vas a publicar un sitio nuevo, la revisión completa antes de salir al aire la reunimos en el checklist antes de publicar tu página web. Y si la estructura está bien pero la página tarda en cargar, ese es otro frente: cómo saber si tu sitio es lento.

Cómo lo hacemos en Tu Negocio WB

Antes de diseñar definimos la estructura: qué páginas existen, qué secciones lleva cada una y qué pregunta responde cada sección. Es más barato mover un bloque en esa conversación que rehacerlo cuando ya está construido.

Construimos sobre WordPress, administrable, de modo que las partes que cambian con el negocio —textos, fotos, servicios, productos— las puedas editar tú. En la entrega recibes los accesos y un documento de entrega, y hacemos la capacitación acordada. Nuestros desarrollos en WordPress cuentan con una garantía de 12 meses sobre los componentes y funcionalidades desarrollados por Tu Negocio WB, conforme a las condiciones del proyecto.

Preguntas frecuentes

¿Cuáles son las partes básicas de una página web?

Cabecera (header), cuerpo y pie de página (footer). Dentro del cuerpo, el contenido se organiza en secciones. A eso se suman las partes que no se ven en pantalla: el título de la página, la descripción, los encabezados, la URL y el texto alternativo de las imágenes.

¿Qué es el header y el footer de una página web?

El header es la cabecera superior, con el logo, el menú y a veces un botón de contacto. El footer es el pie inferior, con datos de contacto, enlaces legales y mapa del sitio. Los dos se repiten en todas las páginas, así que un cambio allí se ve en todo el sitio: es una ventaja cuando se aprovecha y un riesgo cuando se edita sin revisar.

¿Toda página web tiene la misma estructura?

Comparten la misma base porque el propio lenguaje HTML está pensado así, pero la organizan distinto según su propósito. Una landing quita el menú para no dar salidas; una tienda pone el buscador y el carrito en la cabecera; un sitio informativo reparte el contenido en varias páginas. La estructura se decide por objetivo, no por gusto.

¿Tu página tiene todas las partes pero ninguna hace su trabajo? Revisamos la estructura contigo y te decimos qué falta, qué sobra y qué conviene reordenar.

Cuéntanos tu proyecto →

Fuentes

MDN Web Docs — «Estructurar documentos» — https://developer.mozilla.org/es/docs/Learn_web_development/Core/Structuring_content/Structuring_documents — consultado el 19 de septiembre de 2026.
MDN Web Docs — «<header>: el elemento de encabezado» — https://developer.mozilla.org/es/docs/Web/HTML/Reference/Elements/header — consultado el 19 de septiembre de 2026.
MDN Web Docs — «<footer>: el elemento de pie de página» — https://developer.mozilla.org/es/docs/Web/HTML/Reference/Elements/footer — consultado el 19 de septiembre de 2026.
Google Search Central — «Controlar los enlaces de título en los resultados de búsqueda» — https://developers.google.com/search/docs/appearance/title-link?hl=es — consultado el 19 de septiembre de 2026.
Google Search Central — «Datos estructurados de ruta de exploración (breadcrumb)» — https://developers.google.com/search/docs/appearance/structured-data/breadcrumb?hl=es — consultado el 19 de septiembre de 2026.

Contenido de Equipo Tu Negocio WB, empresa de desarrollo web con sede en Bogotá, Colombia. Revisión técnica y comercial interna. Actualizado el 1 de diciembre de 2027.