Partes de una página web y qué hace cada una por tu venta

El dueño de un taller de herrería en Azcapotzalco recibe la primera propuesta de su diseñador. Es un documento con palabras que no entiende: "hero", "CTA", "footer", "metadatos". Asiente en la llamada para no verse perdido, aprueba todo y tres semanas después tiene una página con un video enorme arriba, el teléfono escondido hasta abajo y ningún lugar donde se vean sus trabajos. Nada de eso era técnico; eran decisiones de venta que nadie le explicó.

Entender las partes de una página web te permite opinar con criterio cuando alguien te la diseña, y detectar por qué tu sitio actual recibe visitas pero no mensajes. Cada parte tiene un trabajo concreto en el camino del visitante: que te encuentre, que entienda, que confíe y que te escriba. En esta guía repasamos las partes de una página web de arriba hacia abajo, más las piezas invisibles que sostienen todo, y para cada una te decimos qué hace por la venta y el error que más vemos.

Si lo que buscas es una lista para revisar tu sitio punto por punto, la tienes en qué debe tener una página web de empresa. Aquí nos enfocamos en para qué sirve cada parte.

Las partes visibles, de arriba hacia abajo

Encabezado

Es la franja superior que aparece en todas las páginas: logotipo, menú y, idealmente, un botón de contacto.

Qué hace por la venta: le confirma al visitante que llegó al lugar correcto y le deja a la mano la forma de contactarte, esté donde esté dentro del sitio.

Error típico: un encabezado con logotipo gigante y sin botón de contacto. En celular, el encabezado debería tener al menos el logo, el menú y el acceso a WhatsApp o llamada.

Menú de navegación

La lista de secciones principales: inicio, servicios, nosotros, contacto, y lo que tu negocio necesite.

Qué hace por la venta: le ayuda a quien todavía no está listo para escribir a encontrar la información que le falta para decidir.

Error típico: menús con diez opciones o con nombres creativos ("Universo", "Experiencias") que no dicen qué hay detrás. Cinco o seis opciones con nombres obvios funcionan mejor.

Hero o primera pantalla

Es lo que se ve al abrir la página sin hacer scroll: un título, una frase de apoyo, una imagen y un botón.

Qué hace por la venta: decide si la persona se queda o se va. Tiene que decir qué haces, para quién y dónde en una sola lectura.

Error típico: un carrusel de imágenes con frases genéricas, o un video pesado que tarda en cargar en datos móviles. Una foto real de tu trabajo y un título claro le ganan a casi cualquier animación.

Propuesta de valor

Puede vivir dentro del hero o justo debajo. Es la respuesta a "¿por qué contigo y no con otro?": tu especialidad, tu zona, tu rapidez, tu garantía, tu forma de trabajar.

Qué hace por la venta: convierte un "otro proveedor más" en una opción con razones concretas.

Error típico: frases que podría decir cualquiera, como "calidad y servicio". Si necesitas ayuda para definirla, revisa cómo escribir una propuesta de valor.

Servicios o productos

La sección que explica qué vendes. En la portada funciona como resumen; cada servicio importante debería tener su propia página.

Qué hace por la venta: resuelve la duda "¿me sirve a mí?" y es la parte que más te ayuda a aparecer en Google por búsquedas específicas.

Error típico: una lista de viñetas sin explicación. "Herrería, cancelería, protecciones" no dice para quién, en qué materiales ni cómo es el proceso.

Prueba social

Reseñas de Google, testimonios con nombre (con permiso), fotos de trabajos terminados, logotipos de clientes que aceptaron aparecer, años en el oficio, certificaciones.

Qué hace por la venta: reduce el miedo a contratar a alguien que no conoces.

Error típico: testimonios sin nombre ni contexto, o inventados. Se notan y restan más de lo que suman. Mejor tres reseñas reales que diez dudosas.

Llamados a la acción

Los botones y enlaces que le dicen a la persona qué hacer: "Cotiza por WhatsApp", "Agenda una visita", "Pide tu presupuesto".

Qué hace por la venta: convierte el interés en contacto. Sin llamados claros, la persona lee, le gusta y se va.

Error típico: un solo botón de "Contacto" al final, o botones que dicen "Saber más" sin aclarar qué pasa al dar clic. Pon uno al final de cada sección importante y que diga exactamente qué sigue.

Formulario

Para quien prefiere no llamar ni escribir por WhatsApp, o para solicitudes que requieren algunos datos.

Qué hace por la venta: captura prospectos fuera de horario y te da los datos mínimos para contestar bien.

Error típico: pedir demasiados campos o que el formulario nunca llegue a nadie. Hay más detalle en formulario de contacto para página web.

Pie de página

La franja inferior: datos de contacto, dirección, horario, enlaces a redes, aviso de privacidad, términos y, si aplica, razón social.

Qué hace por la venta: es donde mucha gente busca los datos "serios" antes de contratar. Un pie completo transmite que hay una empresa real detrás.

Error típico: un pie vacío con solo el año y "Todos los derechos reservados".

Aviso de privacidad

Si tu página recaba datos personales, aunque sea nombre y teléfono en un formulario, necesitas un aviso de privacidad accesible.

Qué hace por la venta: además de ser una obligación, le da certeza al cliente sobre qué haces con sus datos.

Error típico: copiar el aviso de otra empresa con su nombre todavía adentro. Lo explicamos en aviso de privacidad para página web; para la redacción final, apóyate en un abogado.

Lo técnico invisible: lo que sostiene todo

Estas partes no se ven, pero si fallan, todo lo anterior deja de importar.

Dominio

Tu dirección en internet. Debe estar registrado a tu nombre, con renovación automática y tu correo como contacto.

Qué hace por la venta: da identidad y confianza, y te permite tener correo con tu marca. Un dominio vencido apaga tu página y tu correo el mismo día.

Hosting

El servidor donde vive tu página.

Qué hace por la venta: determina en buena parte la velocidad y si el sitio está disponible cuando alguien lo busca. Un hosting saturado hace lenta la página justo cuando más visitas tienes.

Certificado SSL

Es lo que permite que tu página cargue con HTTPS y muestre el candado en el navegador.

Qué hace por la venta: sin él, los navegadores marcan tu sitio como "no seguro", y eso espanta a quien está por llenar un formulario. Más detalle en qué es un certificado SSL.

Metadatos

El título y la descripción de cada página que Google muestra en sus resultados, más las etiquetas que definen cómo se ve tu enlace al compartirlo por WhatsApp o redes.

Qué hace por la venta: el título y la descripción son tu "anuncio gratis" en Google. Si dicen "Inicio" o están vacíos, pierdes clics frente a competidores con textos claros.

Analítica y medición

Las herramientas que registran visitas y acciones: clics en WhatsApp, llamadas, formularios enviados.

Qué hace por la venta: te dice qué partes funcionan y cuáles no. Sin medición, rediseñas a ciegas. En Emproyecta conectamos formularios y botones con WhatsApp y el CRM para saber qué canal trae clientes, no solo visitas.

Tabla resumen: cada parte y su trabajo

Ejemplo ilustrativo: el recorrido de un visitante

Para ver cómo trabajan juntas, sigue a una persona hipotética que busca "protecciones para ventanas en Azcapotzalco":

1. Metadatos: en Google ve el título "Protecciones para ventanas en Azcapotzalco | Herrería" y da clic.
2. SSL y hosting: la página carga rápido y con candado.
3. Hero: lee "Protecciones y rejas a la medida en Azcapotzalco y alrededores. Medición sin costo."
4. Servicios y prueba social: ve fotos de protecciones instaladas en casas parecidas a la suya y cuatro reseñas de Google.
5. Llamado a la acción: toca "Pide tu medición por WhatsApp" y se abre la conversación con un mensaje que dice de qué página viene.
6. Analítica: el clic queda registrado y el dueño sabe que esa página genera contactos.

Si cualquiera de esos eslabones falla, la persona regresa a Google. Por eso no hay partes "decorativas": cada una sostiene a la siguiente.

Preguntas frecuentes

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

Las visibles son encabezado, menú, primera pantalla con propuesta de valor, servicios, prueba social, llamados a la acción, formulario y pie de página con aviso de privacidad. Las invisibles son dominio, hosting, certificado SSL, metadatos y analítica. Una página de negocio necesita todas, aunque algunas pueden ser muy sencillas al principio.

¿Qué es el hero de una página web?

Es la primera pantalla que ve el visitante sin hacer scroll. Normalmente lleva un título, una frase de apoyo, una imagen y un botón de acción. Es la parte que más influye en si la persona se queda o se va.

¿Todas las páginas del sitio deben tener las mismas partes?

El encabezado, el pie y lo técnico se repiten en todo el sitio. El contenido de en medio cambia: una página de servicio tiene su propia explicación, prueba social y llamado a la acción; la de contacto se enfoca en formulario, mapa y horarios.

¿Qué parte de una página web es la más importante?

Si tuviéramos que elegir una, la primera pantalla, porque decide si la persona sigue leyendo. Pero sin llamados a la acción claros y un contacto que funcione, ni la mejor primera pantalla genera clientes.

Por dónde empezar

1. Abre tu página en el celular y recórrela con la tabla resumen en la mano.
2. Marca las partes que faltan o que no pasan su pregunta de revisión.
3. Arregla primero hero, llamados a la acción y formulario: son los que más impactan en contactos.
4. Después revisa lo invisible: dominio a tu nombre, candado, metadatos y medición.

Si prefieres que lo trabajemos juntos, en Emproyecta hacemos diseño de páginas web en CDMX pensando cada parte para que el visitante termine escribiéndote.