Hero Image

Definición

La hero image o imagen hero es la imagen principal y destacada que aparece en la parte superior de una página web, ocupando gran parte de la pantalla visible. Es lo primero que ven los visitantes y tiene un impacto decisivo en la primera impresión.

Características de una buena hero image

Alta calidad: Resolución suficiente para pantallas grandes
Relevante: Relacionada con el contenido o servicio
Optimizada: Comprimida para no afectar la velocidad de carga
Con espacio para texto: Permite superponer títulos legibles

Hero image vs hero video

Algunas webs utilizan vídeos en lugar de imágenes estáticas. Los vídeos captan más atención pero requieren más recursos y pueden afectar la velocidad de carga en conexiones lentas.

También conocido como:

Imagen heroImagen principalBanner principal

Términos que te pueden interesar

.htaccess

Es un archivo de configuración del servidor del sitio web que le dice al servidor cómo responder en ciertas circunstancias.

Desarrollo Web

Animación Lottie

Formato de animación vectorial ligero basado en JSON, creado para web y apps.

AMP

Acrónimo de Accelerated Mobile Page es un proyecto de Google creado para la mejora de la carga de sitios Web. Las páginas funcionan con el framework AMP HTML. Debido a que los editores lo utilizan con mayor frecuencia, implementar AMP para un blog o un sitio web de noticias es una buena práctica de ...

SEO

Above the Fold

Parte de una página web visible sin hacer scroll, crucial para la primera impresión.

AJAX

AJAX significa Asynchronous JavaScript And XML y permite que las páginas web se actualicen con datos sin necesidad de actualizar toda la página.

Desarrollo Web

ALT

El atributo Alt se utiliza en las imágenes y es el texto alternativo para la descripción de las mismas. El texto alternativo ayuda a los motores de búsqueda a saber qué significa cada imagen y cómo la información que transmite encaja con el resto del contenido de la página.

SEO

Volver al glosario