10 elementos importantes que debes incluir en tu página de inicio

10 elementos importantes que debes incluir en tu página de inicio

¿Quieres atraer clientes potenciales y generar leads desde tu página web? ¿Estás pensando en rediseñar tu sitio web? Comienza ya y hazlo desde tu página de inicio.

Nunca hay que subestimar la importancia de la página principal. Ten en cuenta que es la puerta virtual de tu empresa y generalmente es responsable de buena parte del tráfico de tu sitio web. Por eso hay que diseñarla y optimizarla correctamente.

¿A qué objetivos debe responder una página de inicio? A diferencia de una landing page que es tratada como una página de destino en torno a una acción particular, la página de inicio tiene que estar diseñada para servir a diferentes públicos. Y debe ser construida con este propósito, es decir debe incorporar elementos que ayuden a atraer tráfico, informar conveniente de tus productos e invitar a la acción.

En ttandem nos lo tomamos muy en serio. Te lo muestro detallando 10 elementos importantes que incluimos en las páginas de inicio que diseñamos y que debes incluir también en tu página web.

Anatomía de una página de inicio

1. Título y subtítulo en la cabecera

Tienes solo 3 segundos para comunicar a tus visitantes lo que tu empresa ofrece. Un elemento crucial es el headline o título. Siempre aconsejamos que sea claro y sencillo y que contenga pocas palabras.

Escribir un mensaje que acierte con todos los diferentes visitantes de tu sitio web es tarea casi imposible. Más bien hazlo pensando en aquellos clientes o usuarios que encuentran valor a tu producto o servicio, en los clientes satisfechos.

El subtítulo debe complementar al titular ofreciendo una breve descripción de lo que hace u ofrece tu empresa. Debe apelar a aquellas necesidades que tu producto o servicio resuelve.

El título de snovit, empresa dedicada a los accesorios del automóvil, apela de modo claro y sencillo a la seguridad en la carretera y al placer de disfrutar del ocio para aquellos que les gusta viajar y desplazarse.

anatomia-pagina-inicio-ttandem-1-1
anatomia-pagina-inicio-ttandem-1

 

El mensaje en la página de inicio de Herrero Digital, empresa dedicada al complicado sector del Derecho Digital, es directo y fácilmente entendible, apelando a la inseguridad que las empresas sufren en referencia a los nuevos aspectos legales que las nuevas tecnologías demandan.

anatomia-pagina-inicio-ttandem-2

2. Llamadas a la acción (CTAs) primarias. Apóyate en una imagen

Uno de los objetivos de la página principal es incentivar a los visitantes a profundizar en su sitio web. Es importante incluir varias llamadas a la acción en el primer pantallazo del sitio web.

Aconsejamos que los mensajes de las llamadas a la acción sean breves, fáciles de leer y muy importante que sean visualmente relevantes.  Apóyate en una buena imagen y utiliza colores que contrasten para tus llamadas a la acción. Ten en cuenta que las personas somos básicamente visuales. Utiliza una imagen o video que indique claramente lo que ofreces en tu empresa y a ser posible imágenes que capturen la emoción y que provoquen una acción. Nosotros defendemos la utilización de imágenes grandes y así lo hacemos en los sitios web que desarrollamos. Sin olvidar claro de optimizarlas reduciendo el peso, el tiempo de carga y conservando la alta calidad.

La página  principal antalia cocinas además de atraer al visitante interesado en disfrutar de una cocina de diseño, ofrece otras llamadas a la acción. Incentiva la participación en un concurso de diseño dirigido a otro público objetivo, los jóvenes creadores y alumnos de escuelas de diseño.

anatomia-pagina-inicio-ttandem-4

anatomia-pagina-inicio-ttandem-4-1

3. Navegación

Siempre recomendamos un diseño de navegación claro y bien estructurado. Para disminuir las tasas de rebote tu sitio web debe proporcionar un camino claro de navegación desde la página principal.

En Meler el menú de navegación está claramente visible en la parte superior de la página y organizados los enlaces en una estructura jerárquica clara.

anatomia-pagina-inicio-ttandem-7

4. Beneficios

No sólo es importante describir lo que haces sino también por qué es importante tu producto. Da a conocer qué beneficios obtiene tu cliente si te compra, eso incentiva a que quiera conocer más sobre tu producto.

La empresa Snovit ha desarrollado un producto innovador para ampliar la capacidad del automóvil y nos lo cuenta en su página de inicio mediante mensajes cortos y fáciles de leer, utiliza el lenguaje de su cliente y lo presenta de forma atractiva y agradable para la vista.

anatomia-pagina-inicio-ttandem-5

5. Testimonios

Los testimonios son un poderoso indicador de confianza. Las personas nos creemos las bondades de un producto si lo escuchamos de otras personas.

Herrero Digital incluye las mejores frases de sus clientes en la página principal. Si añades nombre, foto y otros datos añadirás más credibilidad. Aconsejamos también enlazar con otros casos de éxito si es aplicable.

anatomia-pagina-inicio-ttandem-6-1

6. Oferta de contenido

Para generar más atracción y más clientes potenciales desde tu página principal, puedes ofrecer una buena oferta de contenidos como son una guía, un libro blanco o como el caso de Findus un buen recetario con ideas de cocina basadas en sus productos.

anatomia-pagina-inicio-ttandem-8

7. Llamadas a la acción (CTAs) secundarias

Incluye en tu página principal llamadas dirigidas a otros clientes potenciales. Ofrece en tu página de inicio oportunidades de conversión a otros públicos aunque no sean los más interesados en tu principal mensaje u objetivo.

Antalia cocinas ofrece en su página de inicio llamadas a la acción y opciones de navegación a otros visitantes: aquellos que desean utilizar sus herramientas para diseñar su cocina aunque no se hayan decantado por sus productos, los que quieren ver una cocina real en su tienda más cercana y también se dirige a los distribuidores con el fin de ampliar la red de tiendas.

anatomia-pagina-inicio-ttandem-9

8. Características

Además de los beneficios, añade información y comprensión sobre las características principales de tu producto.

En ttandem.com tenemos un CTA en página principal que muestra información sobre las características de nuestra aplicación móvil para organizar eventos.  Ten presente en mantener los mensajes claros, cortos y fáciles de leer.

anatomia-pagina-inicio-ttandem-10

9. Recursos

Muchos de tus visitantes de tu sitio web no están listos todavía para comprar tu producto. Para aquellas personas que buscan más información sobre tu producto debes ofrecerles enlaces con información relevante o documentos para descargar. Además de retenerlos más tiempo en tu sitio web, añades credibilidad a tu empresa y tu producto.

Hönnun ofrece la descarga del catálogo actualizado de cocinas y encimeras potenciando el conocimiento de su producto.

anatomia-pagina-inicio-ttandem-11

10. Indicadores de éxito

Además de los testimonios de tus clientes, añade a tu página principal los premios y el reconocimiento que hayas obtenido. Esto causa una buena primera impresión que añade credibilidad a tu negocio.

Snovit destaca su amplia experiencia y trayectoria en el sector del accesorio del automóvil y añade datos objetivos sobre unidades vendidas, número de clientes y satisfacción del cliente.

anatomia-pagina-inicio-ttandem-12

Y no olvides tener tu página principal optimizada para móviles

  • Los botones de las llamadas a la acción deben tener el tamaño adecuado para poder hacer clic con el dedo.
  • El peso de las imágenes grandes debe ser justamente optimizado.
  • Optimizar también títulos y subtítulos y el cuerpo de texto para facilitar la lectura de todos estos elementos.

¿Tiene tu página de inicio todos o la mayoría de estos elementos?

¿Echas en falta algún elemento que consideras importante? ¿Qué otros elementos añadirías?


Txaro Fontalba

Diseñadora web | UX |  Marketing online | Artista visual. Emprendedora digital desde el año 1997.

Aficionada al cine y admiradora de los pingüinos.


Post relacionados

imagenes-grandes-proyectos-web

¿Por qué utilizar imágenes grandes en el diseño web? Presume de sitio web

En los proyectos web que desarrollamos apostamos por el uso de grandes imágenes y vídeos. Te mostramos 10 ejemplos. Seguimos las tendencias para que presumas de sitio web.

ttandem-engine

ttandem engine, nuestro framework para WordPress

Conoce en detalle las características de nuestra plataforma de desarrollo o framework para WordPress.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Current ye@r *

2 comentarios

  • Valeria Suárez dice:

    ¡Hola gente de ttandem! éste artículo me encantó porque quiero lanzar mi propia página web. Me alegra que ya tenía varios de éstos aspectos en mente, pero hay otros nuevos que me sirvieron; gracias por la información.