Heatmaps
- Muestra las interacciones de los visitantes con cada elemento de tu sitio web
- Combina múltiples KPIs
Diseño de la Homepage: cómo crear la página de inicio perfecta en 14 pasos
¿Qué productos debes destacar? ¿Qué palabras elegir? ¿Qué tipo de imágenes se deben privilegiar? Son preguntas simples en papel, pero pueden convertirse rápidamente en un verdadero rompecabezas.
Con razón, ya que la homepage es a menudo el primer punto de contacto… pero también el último si se toma a la ligera.
En efecto, una homepage descuidada es una página de entrada descuidada y es también un usuario que se da la vuelta, con pocas esperanzas de una segunda oportunidad.
Como en la “vida real”, causar una buena impresión en la web es por lo tanto crucial. Así que dale a tu homepage la tarea de convencer en cuestión de segundos.
Para lograrlo, el equipo de Contentsquare comparte sus 14 secretos para construir la homepage perfecta con nuestra selección de las mejores homepage.
Pero antes de hacerlo, repasemos lo básico.
¿Qué es una homepage?
Una homepage, o página de inicio en español, corresponde a la página principal de un sitio web, similar al escaparate de una tienda física.
Permite confirmar a un usuario que el sitio en el que se encuentra responde bien a su búsqueda.
La homepage se encuentra en el nivel más alto de la arquitectura de un sitio web. Enlaza con páginas con temas u objetivos más precisos y con menor profundidad.
¿Cuál es el propósito de una homepage?
La homepage de un sitio tiene no uno, sino cuatro objetivos específicos que cumplir:
- Atraer a primera vista: la homepage es a menudo (¡pero no siempre!) el lugar donde se produce la primera interacción entre un cliente potencial y su marca. También es probable que sea la página más visitada de tu sitio. Debes hacer que el usuario quiera seguir navegando y evitar la terrible tasa de rebote,
- Transmitir una propuesta de valor fuerte: para ser convincente, la homepage debe poner el dedo en un problema o una necesidad encontrada por su objetivo y proponer la respuesta más apropiada,
- Redireccionar al usuario: el propósito de la homepage no es mantener al usuario el máximo tiempo posible. ¡Al contrario! Debe actuar como un centro y llevarlo naturalmente al producto o segmento que está buscando,
- Responder a los objetivos de la empresa: destacar las promociones, presentar los productos de temporada, explicar un cambio de posicionamiento o de objetivo, los objetivos de una homepage deben, por supuesto, reflejar también los de la empresa.
La propuesta de valor de Skype es clara: poder comunicarte sin esfuerzo y de forma gratuita con tus seres queridos.
¿Cómo evaluar el rendimiento de tu homepage?
¿Ya tienes un sitio web y te preguntas si unas cuantas optimizaciones de la homepage podrían mejorar su eficiencia?
Para hacerlo, necesitas saber su rendimiento general. Puede evaluarse utilizando una serie de indicadores:
- La tasa de rebote. Implacable, calcula el número de visitantes que salen del sitio después de visitar una sola página. Una herramienta gratuita de medición de audiencia como Google Analytics te permitirá conocer el porcentaje de rebotes de tu página web. Te contamos más sobre ella aquí,
- Los heatmaps. Estos “mapas de calor” ponen de relieve la “tasa de navegación” de los diferentes elementos de una página, lo que permite saber si los elementos más populares corresponden o no a los objetivos de la marca. También dan información sobre la “tasa de compromiso” o la tasa de clics en un área o el “tiempo de hesitación”. Una mina de oro en pocas palabras,
- La tasa de conversión por clic. Evalúa la eficiencia del túnel de conversión revelando si un clic en un elemento ha llevado a una conversión de cualquier tipo,
- Rendimiento de la web. Estamos hablando del tiempo de carga de los diferentes elementos de la página. Herramientas como Dareboost (que recientemente se unió a Contentsquare) están especializadas en evaluar los tiempos de carga y proponer parches.
Diseño de la homepage: ¿cómo construir una homepage efectiva en 14 pasos?
Basta de teoría, ahora vamos a la práctica. Nuestros equipos de UX, contenido y SEO han hecho un brainstorming para retener 14 pasos esenciales para construir una homepage exitosa (los ejemplos se encuentran en el siguiente párrafo) :
- Define tu objetivo: para proponer un diseño y un contenido adaptado y promover los productos adecuados en el momento oportuno, tendrás que conocer tu objetivo como la palma de tu mano. Para ello, debes desarrollar las personas y los recorridos típicos de los clientes mucho antes del proyecto,
- Piensa primero en el móvil: tener un sitio web que responda ya no es suficiente. El diseño de una plataforma pensada primero para las interfaces móviles es ahora la base. Aleja tus ideas preconcebidas y desarrolla un sitio o una aplicación que cumpla con las limitaciones y sobre todo las oportunidades de estos dispositivos,
- Optimizar los tiempos de carga: tener como objetivo, lo antes posible, ofrecer una homepage (y un sitio web) accesible a todos los visitantes, independientemente de la calidad de su conexión a Internet. Como recordatorio, la probabilidad de que un usuario abandone inmediatamente un sitio aumenta en un 32% si la página tarda entre 1 y 3 segundos en cargarse. Por lo tanto, asegúrate de reducir el peso de las imágenes, comprimir el código, limitar las redirecciones, fomentar el caching y optar por un alojamiento de calidad,
- Construye una página SEO-friendly: realiza un estudio semántico para saber en qué palabra(s) clave(s) deseas que se posicione tu homepage en los motores de búsqueda. Entonces reutiliza estas palabras clave en las etiquetas de título, la meta descripción, los textos alternativos de tus imágenes así como el contenido,
- No te olvides de nadie: ya no es posible diseñar un sitio basado únicamente en los propios sentimientos y habilidades en 2021. Tan pronto como sea posible, entrénate en la accesibilidad y haz tuyos los principios de inclusión. Esto incluye la claridad del diseño y el contenido, así como la capacidad de navegar fácilmente utilizando el teclado o la información recogida a través de formularios.
- Ve al grano: puedes integrar texto explicativo para los usuarios de Internet (y los motores de búsqueda) en tu página, pero no la sobrecargues con información. Dejar espacios vacíos y valorar lo que merece ser. Elegir es renunciar. Analiza tus personas y pregúntate qué es lo que realmente buscan para arbitrar,
- Atrévete a presentarte: en un abrir y cerrar de ojos, el usuario debe saber quién eres, qué haces y qué puedes ofrecerle. Presenta tu actividad de forma clara y concisa. Sopesa cada palabra y juega con el diseño (negrita, listas con viñetas, títulos y subtítulos…),
- Selecciona tus medios con cuidado: los visuales son los responsables de poner tus productos en situación. Por lo tanto, se muy exigente con la calidad de tus fotos. Asegúrate de que sean agradables a la vez que ligeros. Si es posible, favorece los medios de comunicación con personas y evita el uso de vídeos (que se reservan para las landing pages), ¡sobre todo si están en autoplay!
- Propón un menú eficaz: la era de los mega-menús ha terminado (y son una pesadilla para el SEO). Prepara un menú ligero y ponlo donde la gente espera encontrarlo,
- Tranquiliza al visitante: el usuario sólo tarda unos segundos en tomar la decisión de quedarse o irse. Muéstrales que son seres humanos los que se esconden tras la pantalla integrando un número de teléfono, un correo electrónico y una página de contacto. Si puedes, añade también los testimonios de los clientes, los métodos de pago disponibles, las garantías (pago seguro, satisfecho o reembolsado, pago en tres plazos sin tasas…), tus perfiles sociales, certificaciones…
- Aumenta el valor de la búsqueda interna: da a los visitantes una segunda oportunidad de encontrar lo que buscan en tu sitio desplegando un módulo de búsqueda de alto rendimiento (barra de búsqueda accesible, sugerencias automáticas claramente organizadas, etc.),
- Cuidado con los CTA: tu homepage debe cumplir un número razonable de objetivos. Así que no multipliques los CTA. En su lugar, posiciónalos estratégicamente incluyendo el más importante por encima de la línea de flotación. Diferéncialos por diseño y favorece los textos que permiten al usuario saber con precisión qué esperar cuando hace clic en ellos (compra, suscripción, descarga…). Y para desarrollar el CTA perfecto, es por aquí,
- Anima tu homepage: ¿un escaparate polvoriento te haría querer abrir la puerta a empujones? ¡Claro que no! Como en cualquier tienda física, el usuario de Internet debe tener la sensación de que tu página está viva. Destacar ofertas promocionales a corto plazo (Black Friday, San Valentín), proponer ropa de temporada (Navidad, vuelta al cole), destacar tus novedades y ofrecer, por qué no, un producto o servicio (papel blanco, versión de prueba, entrega gratuita el día de la madre…),
- Despliega la personalización: a partir de los datos de navegación de tus visitantes, adapta tu homepage mostrando los tipos de productos y servicios que realmente buscan, acortando en última instancia el túnel de conversión.
8 ejemplos de páginas web que lo han clavado
Porque las buenas prácticas no son nada sin ejemplos concretos, aquí hay una pequeña selección de las que son, a nuestro parecer, las mejores homepages.
Nature et Découvertes
Por qué es un éxito: Nature & Découvertes sumerge inmediatamente a los visitantes en la atmósfera navideña y les facilita la navegación gracias a una guía de compra de juguetes por edades.
Beyond Meat
Por qué tiene éxito: Beyond Meat juega históricamente con la proximidad visual de sus productos vegetales a los productos cárnicos. Esta proximidad se refuerza con un visual sofisticado que se apropia de los códigos de las marcas de carne.
Airbnb
Por qué tiene éxito: La función de búsqueda simple y eficaz de Airbnb permite a los usuarios obtener sus primeros listados de casas en segundos y empezar a planificar sus vacaciones.
Medium
Por qué tiene éxito: Medium es un ejemplo destacado de diseño de productos. Todo el sitio está diseñado para ser fácil de leer. La homepage no es una excepción a la regla con un supuesto uso de espacios vacíos.
League of Legends
Por qué tiene éxito: El objetivo de Riot Games es claro: aumentar su base de jugadores. ¿Y qué podría ser mejor que un CTA invitando a los visitantes a descubrir el juego gratis por encima de la línea de flotación para conseguirlo?
Y si realmente quieres integrar un vídeo en tu homepage, sé tan exigente como ellos. 😉
Bandcamp
Por qué tiene éxito: es difícil elegir entre la amplia selección de artistas y música de Bandcamp. Por eso el sitio ofrece, a través del editorial, selecciones de los mejores temas del mes así como selecciones de la semana para empezar a construir una lista de reproducción.
Saveur Biere
Por qué tiene éxito: Saveur Bière coloca el servicio al cliente en el centro de su estrategia y tranquiliza a los visitantes con una pancarta colocada sobre la línea de flotación, que indica que se puede contactar con la empresa y que las entregas se hacen cumpliendo las recomendaciones sanitarias.
FNAC
Por qué tiene éxito: para organizar su amplísimo catálogo, la FNAC opta por un menú (en un lugar poco habitual) que favorece un enfoque basado en las necesidades y expectativas de sus clientes: marcas de moda, buenas ofertas, ideas para regalos…
Descubre nuestros heatmaps
