Estructura de una página web: las partes que la hacen vender y qué poner en cada una

Cuando alguien habla de la estructura de una página web puede referirse a dos cosas distintas, y conviene separarlas antes de diseñar. Una es el mapa del sitio completo: cuántas páginas hay y cómo se llega de una a otra. La otra es el orden de las secciones dentro de cada página, de arriba abajo. Las dos se dibujan en papel antes de abrir cualquier programa, y en nuestro taller de Hornopirén es literalmente lo primero que hacemos con un cliente.

La regla que usamos para las dos es la misma: el visitante llega con una pregunta (¿hacen esto?, ¿cuánto cuesta?, ¿llegan a mi ciudad?) y la estructura tiene que responderla en el orden en que se la hace, sin obligarlo a buscar.

Las partes de una página web de servicios se repiten porque responden a un recorrido mental que también se repite: primero entender qué ofreces, después creerte, y al final saber cómo contactarte. Este es el orden que funciona para la mayoría de las pymes.

Encabezado

Logo a la izquierda, menú corto y un botón de contacto siempre visible. Cinco opciones de menú alcanzan; si necesitas diez, el problema está en el mapa del sitio. En el teléfono el menú se esconde, pero el botón de WhatsApp o de cotizar no debería esconderse nunca.

Servicios

Tarjetas breves, una por servicio, cada una con su enlace a la página que lo explica en detalle. Escribe lo que el cliente busca ("mantención de calderas en Puerto Montt"), no el nombre interno que le das en la oficina.

Pruebas, preguntas, contacto y pie

Las pruebas son fotos reales de tu trabajo, casos, logos de clientes o reseñas con nombre. Las preguntas frecuentes despejan las dudas que hoy respondes por teléfono diez veces a la semana. El contacto pide lo mínimo (nombre, teléfono, qué necesitas) y el pie repite dirección, horario, redes y los enlaces legales.

El banner de una página web es la primera franja, la que ocupa la pantalla al abrir el sitio: una imagen o video de fondo, un título, una frase de apoyo y un botón. Es la parte que más trabaja, y los datos lo confirman.

Por eso el banner tiene que decir en una frase qué haces, para quién y dónde, y dejar a un toque la acción que buscas. Y tiene que cargar rápido: muchas veces la imagen del banner es el elemento más pesado de la página, y si demora más de esos 2,5 segundos el visitante ya se fue.

• Un título que diga qué haces y dónde: "Cabañas con tinaja frente al lago, en Puyehue" vende más que "Bienvenidos".
• Una foto real de tu lugar o tu trabajo, comprimida en WebP o AVIF y recortada distinto para el teléfono.
• Un solo botón principal (cotizar, reservar, escribir por WhatsApp) y, si acaso, uno secundario.
• Texto legible sobre la imagen, con contraste suficiente también al sol, en el celular.

La estructura del sitio sale de una pregunta simple: ¿qué busca la gente en Google cuando necesita lo que vendes? Cada búsqueda distinta merece su propia página. Un sitio de pyme bien armado suele tener entre cuatro y seis.

Si tu negocio es de un solo servicio y quieres probar rápido, una sola página larga puede bastar; ahí entra la landing page, con ejemplos de cuándo conviene. Y si todavía estás reuniendo dominio, hosting y textos, parte por qué necesitas para tener una página web.

El esqueleto de siete partes se mantiene, pero lo que pesa dentro de cada una depende de qué decide la compra. Estos son tres sitios que hicimos, con la pieza que ordenó toda la estructura.

Puedes ver los tres en casos. Si buscas ideas para otros rubros, como restaurante, constructora o clínica, las reunimos en páginas web de ejemplo para pymes.

La mayoría de los sitios que nos llegan para rehacer tienen un problema de orden mucho antes que de colores. Estos son los que más vemos.

• Diseñar primero para el computador. Google usa la versión móvil del sitio para indexarlo y ordenarlo, y la mayoría de tus visitas también llega desde el teléfono.
• Esconder el contacto en una sola página al final del menú. Debe estar en el encabezado, al final de cada página y como botón flotante en el teléfono.
• Meter todos los servicios en una sola página. Así ninguno puede aparecer bien en Google por su propia búsqueda.
• Un "Quiénes somos" de cinco párrafos en el inicio. La historia vende, pero después de los servicios y las pruebas.
• Páginas huérfanas: una página que no está en el menú ni enlazada desde otra casi no existe, ni para Google ni para el visitante.

“

Una estructura bien pensada se nota poco: el visitante encuentra lo que busca y escribe.

En LabDeco360 hacemos sitios web a medida partiendo siempre por esa estructura dibujada, con un HTML que Google puede leer. El sitio es tuyo, y nosotros cuidamos que el dominio y el hosting no se venzan.