Creamos el diseño depaginas web para la venta online
La página de comienzo o página home de un sitio web es la presentación de tu marca en el mundo virtual. Forma una impresión inicial crucial para los visitantes que están conociendo tu compañía o que regresan tras un tiempo.
Por ello , es esencial dedicar a tiempo a diseñarla y optimizarla. Tienes que integrar las principales proposiciones de valor de la marca, pero sin caer en la tentación de sobrecargarla.
Una página de comienzo no va a ser más eficaz por tener más volumen de contenido, sino más bien por tener el adecuado.
En el presente artículo , te ayudamos para que te asegures de tener una página de comienzo eficiente para tu cibersitio , y lo lograrás como debe hacerse: poniéndote en la piel del visitante.
Impulsa las conversiones con campañas de dirección de correo electrónico marketing
No es requisito tener entendimientos en diseño o programación, con Sendinblue puedes crear tus correos en varios pasos.
Quiero probar Sendinblue>>
Por qué es importante la página de comienzo de un sitio web
El valor de la página home se sostiene en diferentes pilares, que tienes que tener en cuenta a la hora de diseñarla. Estos son los primordiales :
Es un elemento central del posicionamiento
Es bastante obvio que el sitio web es esencial para la imagen corporativa de la marca, y esto no se restringe al logotipo y el eslogan.
Todos los elementos de la página de comienzo pertenecen a una imagen de marca congruente : la decisión de colores, fotografías, tipografías, productos destacados , etc. Se podría decir esto mismo de todas y cada una de las páginas del cibersitio , las campañas de correo electrónico y todas y cada una de las interacciones con tus prospectos; pero en la página de inicio hay que cuidarlo especialmente.
Por servirnos de un ejemplo , la elección del azul en la imagen corporativa de muchos bancos y entidades financieras transmite confianza. La página de inicio de tu cibersitio debe remarcar ese mensaje.
Es una entrada al embudo de conversión
Vamos a imaginarnos una situación: un usuario de Internet busca en Google plus «página de comienzo de un portal de internet » y llega a este producto. Lo lee y finalmente le entra la curiosidad: ¿qué es SendinBlue? Pincha en el logotipo de la esquina superior izquierda y accede a nuestra página de inicio.
El home page no es siempre la primera página a la que llegan los visitantes. Pero si tienen un interés o curiosidad inicial por tu marca, van a pasar por ella más próximamente que tarde. Ahí van a tratar de localizar los servicios que ofrece tu marca y los contenidos de tu cibersitio.
Dedicarán unos segundos a elegir si les interesa lo que ven y quieren seguir explorando por tu portal web. Si es así , habrán dado un primer paso para acercarse a tu embudo de conversión.
Articula la navegación de todo el sitio web
El visitante que llega a la página de inicio desea entender qué contenidos concretos se marcha a hallar en tu página web y, además de esto , lo quiere descubrir con rapidez. El menú de la página home de un portal de internet ha de ser simple y claro al tiempo , para llevar a los visitantes a las páginas concretas que les interesen.
Será importante efectuar pruebas de navegación para comprobar que los usuarios pueden hallar con sencillez lo que buscan. Este es un punto elemental de la experiencia de usuario.
Tiene peso en el posicionamiento SEO
A los ojos de los motores de búsqueda como Google+ , la página de comienzo de un sitio web es esencial y al tiempo es especial. Los buscadores web leen la estructura de los websites (con el archivo sitemap, que se puede mejorar ), identifican la página de inicio y saben que su prioridad ha de ser la experiencia de usuario.
El algoritmo, cada vez más basado en el usuario final, va a valorar este aspecto tanto como la optimización para keywords específicas , o incluso mucho más.
Los motores de búsqueda recompensarán las páginas de comienzo que tengan hipervínculos bien jerarquizados que canalicen el tráfico. Además , una navegación bien encaminada asiste para Google+ a definir los sitelinks, los links secundarios que acompañan ciertos resultados de búsqueda.
Naturalmente, la optimización de palabras clave correctas es también importante en la página de comienzo , más que nada en el título y la metadescripción, que aparecerán en los resultados de búsqueda.
Una página de comienzo no es lo mismo que una landing page
Al diseñar una estrategia de marketing digital, es muy importante distinguir las páginas de destino o landing pages de la página de comienzo o página home. Las landing pages son páginas que se diseñan para una campaña de marketing específica.
Están pensadas para un perfil como usuario específico , con solo una llamada a la acción muy concreta y la mayoria de las veces de duración limitada (por servirnos de un ejemplo , hallar un cupón de descuento o anotarse a un evento ).
Ambos géneros de páginas importan para el posicionamiento de la marca pero, en contraste a la página home, las landing pages no tienen que presentar todos los servicios de la empresa ni dirigirse a la integridad del público objetivo.
Las páginas de destino tienen un gran potencial para el email marketing, que puedes aprovechar con el editor para crear landing pages adaptadas de Sendinblue.
Elementos de la página de inicio de un portal de internet
Una página home es una composición de diferentes elementos. Ahora , vamos a ver cuáles son los más habituales y las mejores prácticas para emplearlos :
Imagen primordial : el valor de la primera impresión
Justo debajo de la cabecera con el logo y el menú principal , la imagen principal constituirá una primera impresión vital para ubicar tu negocio y tu marca. Una opción bastante popular es un slider o carrusel con unas pocas imágenes rotatorias.
El carrusel tiene el beneficio de visibilizar fácilmente varios mensajes o proposiciones de valor con dinamismo, para que el visitante logre escoger , pero asimismo tiene el peligro de dispersar la atención. Una imagen fija deja transmitir un mensaje único y más sólido. Todo es dependiente de tus prioridades.
Otra opción alternativa que deja transmitir dinamismo es incluir un vídeo breve en vez de una imagen principal.
Menús de navegación: cuanto más sencillos mejor
El menú o los menús que vertebran la navegación son un factor personaje principal en la página de comienzo de cualquier cibersitio. Como anticipábamos mucho más arriba, la mejor práctica es diseñar un menú de navegación primordial lo más corto viable , con la ayuda de menús desplegables.
Para guiar al visitante, no es requisito enseñar una extendida lista de servicios o categorías desde un primer momento , sino escoger los términos correctos a fin de que los encuentre en las páginas secundarias.
Normalmente , este menú primordial estará a la visión en todas y cada una de las páginas del portal web , no solo en la de comienzo. Una razón mucho más a fin de que sea simple.
Por ejemplo , en el menú de cabecera de SendinBlue utilizamos únicamente cuatro términos iniciales para guiar la navegación y nos asistimos de los menús desplegables. Si a un visitante le resulta interesante nuestro asistente para crear landing pages, lo hallará en el menú desplegable de funciones.
Si buscas un recurso mucho más específico como el plugin para integrar SendinBlue con Shopify, hallarás la página de plugins en el apartado de elementos. Presentar todos nuestros plugins en el menú principal supondría sobrecargarlo bastante.
El menú de la cabecera es el primordial menú de navegación, pero no el único. Si la complejidad de tus contenidos lo justifica, otros menús que se tienen la posibilidad de integrar en la página de comienzo son los menús laterales o los del pie de página.
No están tan a la visión como el de cabecera y por este motivo pueden ser algo mucho más largos sin perjudicar la experiencia de usuario. Si tienes un portal de internet de ecommerce, por servirnos de un ejemplo , estos menús pueden incluir fotografías de productos en miniatura.
Buscador interno
En muchos websites , además de sugerir menús de navegación optimizados, resulta favorable preguntar al visitante qué busca de forma directa. El buscador interno facilita llevar a cabo una búsqueda por palabras clave dentro de los contenidos del página web.
Aunque por norma general es conveniente , no hay una regla fija sobre la idoneidad de un buscador de adentro. Si el sitio web es bien simple o los menús de navegación están bastante optimizados para todos y cada uno de los perfiles de usuario, no es obligatorio.
Acceso a la cuenta de usuario y funciones de ecommerce
En los websites donde el usuario puede crear su propia cuenta, es importante que el ingreso a ella esté siempre visible y la ubicación perfecta es la esquina superior derecha. En la situacion de las tiendas online , este acceso es particularmente importante en tanto que incluye el carrito del usuario (sus pedidos no confirmados ).
Una aceptable práctica, particularmente para el comercio online , es explotar este espacio para incluir un menú desplegable con todas las funcionalidades de la cuenta personal, como hace Amazon:
Widgets de redes sociales y testimonios
Dar visibilidad a las redes sociales y/o los testimonios de clientes del servicio en la página home es una muestra de que a la empresa le resulta interesante oír a sus clientes y prospectos.
Para linkear las comunidades , en ocasiones un fácil botón basta. Recuerda que una parte del tráfico que llegue a la página de inicio de tu portal web probablemente procederá de estas redes y no querrán encontrarse widgets muy sobrecargados con contenido que han visto.
Los testimonios de clientes del servicio aportan valor siempre que tengan credibilidad , que puede estar fundamentada en la concreción —cuando detallan qué problemas les ha resuelto la compañía —, en la reputación de los clientes que los firman o, mejor aún, en ambas cosas al mismo tiempo.
Chat para web
Un chat para web es un factor opcional en la página de comienzo. Al incluirlo, una marca se muestra disponible para hablar con los visitantes desde un primer instante. Por consiguiente , la interacción y la proximidad con los clientes se ponen en valor de forma considerable.
Por otra parte , sostener un chat en directo exige recursos , más allá de que se configuren algunas respuestas automatizadas. Si lo andas valorando para tu cibersitio , puedes disponer el chat para web de Sendinblue en poco tiempo.
Para emplearlo , no te pierdas estas 9 ideas para sacar partido al chat en vivo para websites.
Otras buenas prácticas en la página de inicio de un portal de internet
El epígrafe anterior incluye bastantes buenas prácticas que deberás tomar en consideración al integrar los elementos que compondrán la página de inicio de tu página web , como los menús de navegación. Para complementarlas, las próximas buenas prácticas se aplican a la página de comienzo en su grupo :
Integrar llamadas a la acción claras
Una parte esencial de los visitantes que lleguen a la página de inicio no van a tener claro por dónde proseguir su navegación. Es esencial guiarlos con llamadas a la acción.
Las llamadas a la acción son mensajes directos y concisos para invitar al usuario a efectuar una acción instantánea en el sitio , como visitar la colección actualmente , cubrir un formulario a fin de que se inscriba a un acontecimiento , leer un producto en el blog, etcétera.
Mientras que una landing page frecuenta tener una sola llamada a la acción, una página de inicio tiene la posibilidad de tener múltiples , si bien jamás deben ser demasiadas. Por poner un ejemplo , Mundo Huerto invita a sus visitantes a hallar un código de descuento con un mensaje claro, breve y visible.
Actualizar el contenido
La página de inicio de un sitio web es la bienvenida para los nuevos visitantes, pero también para los clientes viejos que regresan después de un tiempo. Por eso , cambiar parte de tus contenidos ocasionalmente es una manera de transmitir lozanía y dinamismo.
No se trata de volver a diseñar de nuevo toda la página de inicio , sino de actualizar algunos elementos clave como la imagen primordial o la llamada a la acción cada cierto tiempo.
Ejemplos inspiradores de página principal
Dicen que una imagen vale más que mil expresiones , de este modo que vamos a ver tres ejemplos de página de inicio de websites que te pueden servir como inspiración.
Bauhaus: aprovechar el buscador interno
La página de comienzo del sitio web de bricolaje Bauhaus destaca por el protagonismo de su buscador interno. Hablamos de un ecommerce con una gran variedad de diseño web productos donde varios visitantes ya saben lo que necesitan.
Preferirán ganar tiempo con una búsqueda directa antes que bucear en las categorías de productos hasta encontrarlo.
Por ello , el buscador de adentro está tan optimizado. Cuando ingresamos un término en el buscador, se abre un menú desplegable de productos con imágenes en miniatura.
Además de esto , esta página de inicio asimismo incluye un carrusel con cinco imágenes primordiales , algunas enlazadas a fechas concretas como la Navidad. Todas ellas es una llamada a la acción para conocer una categoría destacada de modelos.
Como el buscador interno tiene tanto importancia , el menú de categorías es lateral. Por tal razón , se pueden dejar que sea un poco mucho más largo de lo frecuente.
Azteca Soccer: llamadas a la acción y menú orientado al visitante
La página de inicio de Azteca Soccer es un caso de muestra de que el slider no siempre es necesario para inspirar dinamismo. Con solo una imagen, centran la atención del visitante en una única llamada a la acción: su colección Jordania x PSG.
Esta página home asimismo incorpora múltiples elementos de actualización: informa de noticias como la disponibilidad de After Pay y la reapertura de las tiendas minoristas.
Para finalizar , su menú superior breve se composición poniéndose en la piel de los visitantes, con una categoría específica para quienes procuren modelos rebajados, otra para los fans que deseen encontrar las equipaciones de equipos específicos , etcétera. La lupa en la esquina superior derecha es un buscador de adentro que no ocupa mucho espacio.
Novaestetica
Una página de inicio eficaz no solo está al alcance de los websites de ecommerce consolidados , como los dos anteriores. El centro Novaestetica es un caso de muestra de negocio local que aprovecha el potencial de su página de comienzo para posicionarse de manera rápida frente a los visitantes.
La decisión del azul claro como color de fondo y la imagen de un masaje relajante transmite sosiego.
Además , son conscientes de que una persona interesada en servicios de estética querrá contactar con rapidez para informarse y pedir cita. Por ello , un chat en directo nuevo aparece en pantalla al entrar.
Además , incluyen un enlace para entrar en contacto por WhatsApp y el teléfono está a la vista en un punto estratégico, arriba a la derecha.
Estos ejemplos son solo un grano de arena en el desierto de Internet. Para diseñar la página de inicio de tu cibersitio , tienes que conocer la de otras empresas del ámbito , ver exactamente en qué las puedes prosperar y dedicar tiempo y recursos a las pruebas de navegación.
Nadie mejor que un potencial visitante futuro para decirte qué puedes mejorar.