Artículo de ejemplo para revisar el diseño · [contenido pendiente de revisión por Iván]
Qué poner en el hero de tu web
La primera pantalla decide si la visita se queda. Estos son los cuatro elementos que no pueden faltar y cómo escribirlos.
En 30 segundos
- El hero es lo primero que se ve sin hacer scroll.
- Necesita titular, subtítulo, botón y una prueba de confianza.
- Evita sliders y vídeos que tapan el mensaje.
Índice2 apartados
El hero es la primera pantalla de tu web, lo que se ve antes de hacer scroll. Ahí la visita decide si sigue leyendo o se va.
Los cuatro elementos imprescindibles
- Titular. El resultado que consigue tu cliente, en pocas palabras.
- Subtítulo. Para quién es y cómo lo consigues.
- Botón principal. Una acción clara, con un texto que diga qué pasa.
- Prueba de confianza. Una reseña, un dato real o el logo de un cliente.
Ejemplo de estructura
<section class="hero">
<h1>Tu web lista en 7 días, sin complicarte</h1>
<p>Diseño único, rápida y preparada para Google.</p>
<a class="btn" href="#contacto">Pedir mi presupuesto</a>
</section>Artículo pilar de Diseño y conversiónCómo diseñar una web que convierta visitas en clientes →