La home: primera impresión y reparto de tráfico

Una clienta nos pidió «hacer la home más completa». Su versión anterior, heredada de una agencia, intentaba contar todo en la portada: la historia de la empresa, las nueve líneas de producto con párrafos enteros, tres testimonios largos, un mapa, un formulario y un blog incrustado. El mapa de calor contaba la otra historia: el 70 % de los visitantes no pasaba del segundo pliegue, y de los que llegaban al catálogo, casi ninguno había leído los párrafos de en medio. La home no estaba «incompleta»: estaba haciendo el trabajo equivocado. La rehicimos para que presentara en cinco segundos y repartiera en un vistazo —hero claro, seis categorías como tarjetas, prueba social breve y un cierre—, y movimos cada explicación larga a su ficha. El tiempo hasta el primer clic a una sección bajó a la mitad. No quitamos información del sitio: la pusimos donde se busca.

Ese es el malentendido más caro sobre la home. La portada —el nivel 1 (L1) de un sitio— no es un folleto que lo dice todo; es un cruce de caminos que decide a dónde va cada quien. Este artículo es el lado estratégico de ese nivel: por qué la primera impresión manda, cómo repartir el tráfico sin saturar, qué métricas dicen si la home funciona y cuándo conviene cambiarla por una landing focal. Es para quien decide qué va en la portada de un sitio de negocio y quiere que esa decisión se apoye en cómo se comporta la gente, no en cuánto cabe.

Por qué la primera impresión manda

Gitte Lindgaard demostró en 2006 que las personas forman un juicio estético de una página en 50 milisegundos. No es que decidan comprar en ese tiempo: es que en ese tiempo deciden si vale la pena seguir mirando. Y aquí entra un sesgo bien documentado, el efecto halo: ese primer juicio tiñe todo lo que viene después. Si la home se ve confiable y clara, el visitante interpreta el resto del sitio con benevolencia; si se ve lenta o caótica, lee hasta los buenos argumentos con desconfianza. La primera impresión no es superficial: es el lente con el que se evalúa todo lo demás.

Nielsen Norman Group añadió la otra mitad con seguimiento ocular: en los primeros segundos el visitante no lee, escanea en patrón de F o de Z, saltando entre el titular, las imágenes grandes y los botones. Las frases largas de en medio simplemente no se procesan en esa fase. La consecuencia estratégica es contundente: lo que la home tiene que comunicar —quién eres, qué ofreces, a dónde ir— debe entenderse escaneando, no leyendo. Un titular claro pesa más que tres párrafos perfectos que nadie mira.

Contexto: presentar contra repartir

La home tiene dos trabajos, y la mayoría de los problemas vienen de confundirlos con un tercero que no le toca: agotar. Presentar es decir, en lenguaje de cinco segundos, qué hace el negocio y para quién. Repartir es mandar a cada visitante a la sección que le sirve. Agotar —explicar a fondo un producto o servicio— es trabajo de la ficha (el nivel L3), no de la portada. Cuando la home intenta agotar, crece sin fin, hunde el reparto bajo párrafos y termina midiendo mal en todo.

La prueba de que una home reparte bien es conductual: un visitante que llega debería saber, en un vistazo, cuáles son las secciones y cuál es la suya. Por eso la portada profesional convierte el catálogo en un mapa escaneable —tarjetas con foto, nombre y una línea— en lugar de un muro de texto. Cada tarjeta es una entrada a su sección, no la sección entera. La home dice «esto es lo que hay y por aquí se entra»; el detalle espera un nivel más abajo.

Los tres trabajos de la home

El primero es la primera impresión, ya descrita: decidir, en segundos, si el visitante se queda. Se gana con claridad (un mensaje, no cinco) y con velocidad (una portada lenta pierde antes de comunicar). El segundo es la distribución del tráfico: la home concentra la mayoría de las visitas y su trabajo es derivarlas a productos, servicios, cobertura o blog. Una buena home se mide por cuánta gente llega y, sobre todo, por cuánta sigue hacia una sección útil.

El tercero es ser el ancla de marca para el buscador. La home (la URL raíz) es la página con más autoridad: la que más enlaces externos recibe y la que rankea por el nombre del negocio. Es también donde vive la identidad estructurada de la marca (el nodo Organization del grafo). Cuidar la home —su mensaje, su velocidad, sus enlaces internos— no beneficia solo a la portada: reparte autoridad hacia cada sección que cuelga de ella. Descuidarla es descuidar la raíz de la que se nutre todo el árbol.

Tabla comparativa

El objetivo del negocio decide qué tipo de home corresponde. El nivel es el mismo; el énfasis y la métrica de éxito cambian.

Objetivo del negocio	Tipo de home	Métrica de éxito	Error frecuente
Generar contactos (local/servicios)	Hero + confianza + contacto	Clics a contacto / WhatsApp	Esconder el teléfono
Vender catálogo amplio	Vitrina de productos	CTR a fichas de producto	Hero largo antes del grid
Captar leads de campaña	Landing focal	Conversión única	Menú que distrae
Construir audiencia (medio)	Feed editorial	Scroll depth / suscripción	Portada estática y vieja

Decisión: ¿home o landing?

La duda recurrente —«¿mando el tráfico a la home o a una landing?»— se resuelve por la intención del visitante, no por comodidad. Para tráfico de marca (alguien que buscó tu nombre) o genérico, la home que reparte es correcta: la persona explora. Para tráfico pagado dirigido a una sola oferta, una landing focal convierte mejor: un mensaje, un beneficio, una acción, sin menú que disperse. La regla operativa: una sola acción pide landing; varias rutas posibles piden home. Mandar tráfico de campaña a la home genérica es una de las fugas de conversión más comunes y más fáciles de corregir.

Patrones avanzados

Jerarquía visual al servicio del escaneo. Como el visitante escanea, la home debe tener una jerarquía clara: un titular dominante, subtítulos de sección, y un solo elemento que grite «la acción principal es esta». Si todo compite por atención —tres botones del mismo tamaño, cinco colores de acento—, nada destaca y el ojo se pierde. Diseñar la home es decidir qué ve primero el visitante, no llenar el espacio.

Acción principal antes del pliegue. El visitante debe poder dar el siguiente paso sin hacer scroll. En un negocio de servicios, eso es un contacto visible desde el primer pantallazo; en un catálogo, un acceso claro al catálogo. Repetir esa acción al cierre captura a quien sí bajó. Una home sin acción visible es un folleto, no una herramienta de conversión.

Prueba social temprana, no enterrada. Logos de clientes, una reseña corta o un número concreto («9 días para publicar») cerca del hero reducen la fricción justo cuando el visitante decide si confiar. Enterrar la prueba social al fondo de la página la desperdicia: para entonces, quien dudaba ya se fue. La confianza se ofrece temprano, donde se necesita.

Edge cases y matices

Marca conocida contra marca desconocida. Una marca que la gente ya busca por nombre puede permitirse una home más sobria —el visitante llegó decidido—. Una marca desconocida tiene que ganarse el primer segundo: el titular debe explicar qué hace, no presumir un eslogan abstracto. «Cascos de seguridad industrial certificados» comunica; «Protegemos tu futuro» no dice a qué se dedica.

Estacionalidad y campañas. La home puede tener un bloque que rota por temporada (una promoción, un lanzamiento) sin reescribir la portada entera. La clave es que ese bloque sea honesto —una urgencia real con fecha real, no un contador que se reinicia al recargar— y que no canibalice el reparto hacia las secciones permanentes.

Múltiples audiencias. Cuando el negocio sirve a públicos distintos (por ejemplo, mayoreo y menudeo), la home no debe hablarle a uno e ignorar al otro. El patrón sano es una bifurcación temprana y clara («¿compras para tu empresa o para ti?») que manda a cada quien a su rama, en lugar de una portada que mezcla mensajes y no convence a ninguno.

Métricas que importan

La home se evalúa por comportamiento, no por opiniones. Las métricas útiles son: la tasa de rebote del tráfico que entra por la home (alta y constante sugiere que la primera impresión falla), el scroll depth (si casi nadie pasa del primer pliegue, lo importante está demasiado abajo), el CTR hacia las secciones (cuántos visitantes siguen a productos/servicios/blog — la medida directa del reparto), y el tiempo hasta el primer clic útil. Conviene desconfiar de las vanity metrics: el tiempo en página alto puede significar interés o puede significar confusión; sin contexto, no dice nada.

El método honesto para mejorar la home es iterativo y medido: un cambio a la vez (el titular, el orden de los bloques, el CTA), una prueba A/B cuando el tráfico lo permite, y una decisión basada en la métrica de reparto, no en el gusto del dueño. La home del cliente del inicio no mejoró porque «se viera mejor»: mejoró porque más gente llegó a una sección útil, y eso se midió.

Casos donde NO priorizar la home

No todo el esfuerzo de un sitio debe ir a la portada. Si el grueso del tráfico entra por artículos del blog o por fichas de producto desde el buscador —algo común en sitios con buen SEO de contenido—, esas páginas de entrada merecen tanto cuidado como la home, porque para muchos visitantes ESA es su primera impresión. Del mismo modo, una campaña pagada no debe apuntar a la home: merece su propia landing. Y un micrositio de un solo producto no necesita el reparto de una home de catálogo; ahí el hero es el producto. La home importa, pero no es la única puerta del sitio.

Checklist estratégico

• El titular explica qué hace el negocio y para quién, entendible escaneando (no un eslogan abstracto).
• Un solo mensaje dominante; la acción principal destaca sobre el resto.
• La acción principal es visible sin scroll y se repite al cierre.
• El catálogo aparece como mapa escaneable (tarjetas), no como muro de texto.
• Prueba social cerca del hero, no enterrada.
• Cada explicación larga vive en su ficha (L3), enlazada desde la home, no incrustada.
• El tráfico de campaña va a una landing focal, no a la home.
• Se miden rebote, scroll depth y CTR a secciones; se itera un cambio a la vez.
• El mensaje distingue audiencias si el negocio sirve a varias.

Preguntas frecuentes

¿La home debe explicar todo lo que hace el negocio?

No. Debe presentar y repartir. Explicar a fondo es trabajo de las fichas (L3). Una home que intenta contar todo crece sin fin, hunde el reparto y mide mal. Presenta cada área con una tarjeta y enlaza el detalle.

¿Cómo sé si mi home funciona?

Por comportamiento: tasa de rebote del tráfico que entra por ella, scroll depth y, sobre todo, el CTR hacia las secciones (cuántos siguen a productos, servicios o blog). Si la gente llega y se va sin entrar a ninguna sección, la home no está repartiendo.

¿Mando mi campaña de anuncios a la home?

Casi nunca. Una campaña con una sola oferta convierte mejor en una landing focal: un mensaje, un beneficio, una acción, sin menú que distraiga. La home es para tráfico de marca o genérico que viene a explorar.

¿Cuánto texto debe tener la home?

El justo para escanear. El visitante decide en segundos y escanea, no lee párrafos en la portada. Titulares claros, una línea por sección y la acción visible. El texto largo y argumentado vive en las fichas, donde el visitante ya eligió leer.

¿La velocidad de la home es un tema de marketing o de programación?

De ambos. Una portada lenta pierde al visitante antes de comunicar, así que la velocidad es parte de la primera impresión —un tema de negocio, no solo técnico—. El detalle de cómo lograrla (LCP, imágenes, cero JavaScript de más) está en el artículo técnico hermano.

¿Cada cuánto debo rediseñar la home?

Rara vez por completo; seguido en pequeño. Mejor que un rediseño total cada tres años es iterar un elemento a la vez —el titular, el orden de bloques, el CTA— midiendo el efecto en el reparto. Los rediseños grandes sin datos suelen mover métricas por azar y nadie sabe qué funcionó.

Sigue leyendo

• Nivel L1 · Inicio: la portada que presenta y reparte — la ficha que documenta el nivel, su anatomía y sus tipos de home.
• Anatomía de una home en Astro: hero, LCP y velocidad — el lado técnico: cómo construir esta home rápida.
• Los 4 niveles de un sitio: de la raíz a la hoja — la tesis que conecta los cuatro niveles.
• Fuente externa: Nielsen Norman Group — First Impressions & Website Credibility y el estudio de Lindgaard (2006) sobre los 50 ms.