Volver a Día a día
Diseño web8 min

Estructura de una página de inicio: qué debe entender alguien en 30 segundos

Ordena promesa, oferta, prueba, proceso, objeciones y llamadas a la acción en una página de inicio clara y útil.

Dos manos colocan bloques de papel en forma de casa y una pestaña coral.
página de inicioestructura homepagediseño webcopy para homepageconversión web

La portada debe responder tres preguntas

Una página de inicio debe decir qué haces, para quién, por qué confiar y cuál es el siguiente paso, con rutas claras hacia las ofertas principales.

Portada de GOV.UK con una promesa directa, búsqueda y accesos populares.

La portada explica su utilidad antes de ofrecer rutas por necesidad.

Fuente · GOV.UK

Respaldado porGOV.UK: cómo definir necesidades de usuario

Por qué el organigrama no sirve como navegación

Las portadas que empiezan con frases abstractas obligan a adivinar. Cada segundo de duda reduce la probabilidad de explorar o contactar.

Cómo ordenar promesa, prueba y rutas

Ordena la página según preguntas reales del visitante. Da prioridad a claridad, prueba y navegación antes que a efectos visuales.

Checklist de implementación

  • Abrir con oferta, audiencia y resultado concreto.
  • Presentar las rutas principales sin saturar el menú.
  • Añadir prueba cerca de cada afirmación importante.
  • Explicar proceso y resolver objeciones frecuentes.
  • Cerrar cada bloque con un siguiente paso coherente.
Portada de Basecamp con su oferta de gestión de proyectos y llamada a la acción.

Una oferta específica y un siguiente paso se pueden leer en el mismo bloque.

Fuente · Basecamp

Respaldado porNielsen Norman Group: heurísticas de usabilidad

Qué revela el comportamiento en la portada

Mide clics a rutas principales, profundidad, conversión, búsquedas internas, grabaciones de sesión y preguntas que siguen llegando a ventas.

Ordena la portada por preguntas

La portada debe responder en segundos qué ofreces, para quién y qué paso sigue. Una frase ingeniosa que obliga a desplazarse para entender el negocio está ocupando el lugar equivocado.

Después de la promesa, muestra prueba y rutas hacia las tareas principales. El orden debe seguir las dudas del visitante, no el organigrama de la empresa.

Mira grabaciones y búsquedas internas para detectar huecos. Si muchas personas buscan precios o ejemplos, dales una ruta visible.

Secuencia inicial recomendada

  • Promesa y acción principal.
  • Prueba relevante y verificable.
  • Rutas por necesidad o servicio.
  • Objeciones y siguiente paso.

Respaldado porStanford: lineamientos para credibilidad web

Mapa rápido para ejecutar

ElementoQué revisarSeñal de calidad
IntenciónUna página de inicio debe decir qué haces, para quién, por qué confiar y cuál es el siguiente paso, con rutas claras hacia las ofertas principales.La respuesta se entiende en segundos.
ImplementaciónOrdena la página según preguntas reales del visitante. Da prioridad a claridad, prueba y navegación antes que a efectos visuales.Existe una acción concreta y asignable.
MediciónMide clics a rutas principales, profundidad, conversión, búsquedas internas, grabaciones de sesión y preguntas que siguen llegando a ventas.El dato debe cambiar una decisión. Un reporte sin acción añade trabajo.

Preguntas frecuentes

¿Qué significa estructura de página de inicio en la práctica?

Una página de inicio debe decir qué haces, para quién, por qué confiar y cuál es el siguiente paso, con rutas claras hacia las ofertas principales.

¿Cuál es un buen primer paso para estructura de página de inicio?

Abrir con oferta, audiencia y resultado concreto. Después continúa con esta acción: Presentar las rutas principales sin saturar el menú.

¿Qué problema debe evitar estructura de página de inicio?

Las portadas que empiezan con frases abstractas obligan a adivinar. Cada segundo de duda reduce la probabilidad de explorar o contactar.

¿Cómo se mide el avance de estructura de página de inicio?

Mide clics a rutas principales, profundidad, conversión, búsquedas internas, grabaciones de sesión y preguntas que siguen llegando a ventas.

Para seguir leyendo

Ver todo
  1. Un camino oscuro atraviesa una puerta amarilla sobre fondo naranja.Conversión web7 minChecklist de conversión para sitios web: qué revisar antes de pedir más tráfico
  2. Una forma roja encaja en un marco de papel junto a dos piezas distintas.Posicionamiento7 minCómo crear una propuesta de valor que un cliente pueda repetir
  3. Una mano coloca tiras de papel en una flecha roja con tres retratos recortados.Copywriting7 minCopywriting para landing pages: estructura para explicar, convencer y convertir

Tu negocio empieza aquí

Hablemos de tu marca