Si necesitas el desarollo del diseño web para poder vender online
La página de inicio o página home de un portal de internet es la presentación de tu marca en el mundo virtual. Constituye una impresión inicial vital para los visitantes que están conociendo tu compañÃa o que regresan tras un tiempo.
Por este motivo , es importante dedicar a tiempo a diseñarla y optimizarla. Debes incluir las principales proposiciones de valor de la marca, pero sin caer en la tentación de sobrecargarla.
Una página de inicio no va a ser mucho más eficiente por tener mucho más volumen de contenido, sino más bien por tener el adecuado.
En este artÃculo , te ayudamos a fin de que te asegures de tener una página de inicio eficaz para tu página web , 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 necesario tener conocimientos en diseño o programación, con Sendinblue puedes hacer tus correos en unos cuantos pasos.
Deseo evaluar Sendinblue>>
Por qué es importante la página de comienzo de un sitio web
El valor de la página home se apoya en diferentes pilares, que tienes que tener en cuenta en el momento de diseñarla. Estos son los primordiales :
Es un elemento central del posicionamiento
Es bastante obvio que la web es determinante para la imagen corporativa de la marca, y esto no se limita al logo y el eslogan.
Todos y cada uno de los elementos de la página de inicio forman parte de una imagen de marca coherente : la elecció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 sitio web , las campañas de dirección de correo electrónico y todas y cada una de las relaciones con tus prospectos; pero en la página de comienzo hay que cuidarlo singularmente.
Por ejemplo , la decisión del azul en la imagen corporativa de varios bancos y entidades financieras transmite seguridad. La página de comienzo de tu página web debe reforzar ese mensaje.
Es una entrada al embudo de conversión
Vamos a imaginarnos una situación: un usuario de Internet busca en Google+ «página de inicio de un sitio web » y llega a este artÃculo. 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 pronto que tarde. Ahà tratarán de localizar los servicios que da tu marca y los contenidos de tu página web.
Dedicarán unos segundos a decidir si les interesa lo que ven y desean seguir navegando por tu sitio web. Si es de este modo , 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 quiere entender qué contenidos concretos se marcha a hallar en tu cibersitio y, además de esto , lo quiere conocer 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 realizar pruebas de navegación para revisar que los individuos pueden hallar con sencillez lo que buscan. Este es un aspecto clave de la experiencia de usuario.
Tiene peso en el posicionamiento SEO
A los ojos de los buscadores como Google+ , la página de comienzo de un portal de internet es importante y al tiempo es especial. Los motores de búsqueda leen la estructura de los sitios web (con el archivo sitemap, que se puede mejorar ), identifican la página de comienzo y saben que su prioridad ha de ser la experiencia de usuario.
El algoritmo, poco a poco más basado en el usuario final, va a valorar este aspecto tanto como la optimización para keywords especÃficas , o aun más.
Los motores de búsqueda recompensarán las páginas de inicio que tengan hipervÃnculos bien jerarquizados que canalicen el tráfico. Además , una navegación bien encauzada ayuda a Google+ a definir los sitelinks, los links secundarios que acompañan ciertos resultados de la búsqueda.
Naturalmente, la optimización de keywords correctas es también esencial en la página de comienzo , sobre todo en el tÃtulo y la metadescripción, que aparecerán en los resultados de la búsqueda.
Una página de inicio no es exactamente lo mismo que una landing page
Al diseñar un plan de marketing digital, es primordial diferenciar 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 concebidas para un perfil de usuario concreto , con una sola llamada a la acción muy especÃfica y la mayoria de las veces de duración limitada (por ejemplo , conseguir un cupón de descuento o anotarse a un acontecimiento ).
Los dos tipos de páginas son importantes para el posicionamiento de la marca pero, a diferencia de la página home, las landing pages no tienen que enseñar todos los servicios de la empresa ni dirigirse a la totalidad del público propósito.
Las páginas de destino tienen un gran potencial para el dirección de correo electrónico marketing, que puedes aprovechar con el editor para hacer 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 , veremos cuáles son los mucho más habituales y las mejores prácticas para utilizarlos :
Imagen primordial : el valor de la primera impresión
Justo bajo la cabecera con el logo y el menú principal , la imagen principal constituirá una primera impresión crucial para posicionar tu negocio y tu marca. Una alternativa bastante habitual es un slider o carrusel con unas escasas imágenes rotatorias.
El carrusel tiene la ventaja de visibilizar de forma fácil múltiples mensajes o proposiciones de valor con dinamismo, a fin de que el visitante logre seleccionar , pero también tiene el riesgo de dispersar la atención. Una imagen fija permite trasmitir un mensaje único y mucho más sólido. Todo depende de tus prioridades.
Otra alternativa que deja transmitir dinamismo es incluir un vÃdeo breve en vez de una imagen primordial.
Menús de navegación: cuanto más simples mejor
El menú o los menús que vertebran la navegación son un elemento protagonista en la página de inicio de cualquier portal web. Como anticipábamos más arriba, la mejor práctica es diseñar un menú de navegación principal lo mucho más corto posible , con el apoyo de menús desplegables.
Para guiar al visitante, no es requisito mostrar una larga 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 va a estar a la vista en todas y cada una de las páginas del cibersitio , no solo en la de inicio. Una razón mucho más para que sea fácil.
Por poner un ejemplo , en el menú de cabecera de SendinBlue usamos únicamente cuatro términos iniciales para guiar la navegación y nos asistimos de los menús desplegables. Si a un visitante le interesa nuestro asistente para hacer landing pages, lo encontrará en el menú desplegable de funcionalidades.
Si estas buscando un recurso mucho más concreto como el complemento para integrar SendinBlue con Shopify, hallarás la página de plugins en el apartado de recursos. 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 dificultad 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 vista como el de cabecera y por ello pueden ser algo más largos sin dañar la experiencia de usuario. Si tienes un portal de internet de ecommerce, por ejemplo , estos menús tienen la posibilidad de integrar fotografÃas de modelos en miniatura.
Buscador interno
En varios websites , aparte de ofrecer menús de navegación optimizados, resulta conveniente preguntar al visitante qué busca directamente. El buscador interno facilita llevar a cabo una búsqueda por keywords en los contenidos del página web.
Si bien en general es recomendable , no hay una regla fija sobre la idoneidad de un buscador de adentro. Si el sitio web es simple o los menús de navegación están suficientemente optimizados para todos y cada uno de los concretes de usuario, no es obligación.
Acceso a la cuenta de usuario y funcionalidades de ecommerce
En los sitios web donde el usuario puede crear su cuenta, es esencial que el ingreso a ella esté siempre visible y la localización perfecta es la esquina superior derecha. En la situacion de las tiendas en lÃnea , este ingreso es particularmente importante en tanto que incluye el carro del usuario (sus pedidos no confirmados ).
Una buena práctica, en particular para el comercio electrónico , es explotar este espacio para integrar 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 en la página home es una exhibe de que a la compañÃa le resulta interesante percibir a sus clientes y prospectos.
Para enlazar las redes sociales , en ocasiones un fácil botón basta. Ten en cuenta que una parte del tráfico que llegue a la página de inicio de tu página web probablemente procederá de estas redes y no desearán encontrarse widgets muy sobrecargados con contenido que ya vieron.
Los testimonios de clientes aportan valor siempre y cuando tengan probabilidad , que puede estar basada en la concreción —en el momento en que detallan qué problemas les ha resuelto la compañÃa —, en la reputación de los clientes que los firman o, mejor aún, en las dos cosas al tiempo.
Chat para web
Un chat para web es un elemento opcional en la página de inicio. Al incluirlo, una marca se muestra disponible para hablar con los visitantes desde un primer momento. Por consiguiente , la interacción y la proximidad con los usuarios se ponen en valor de manera considerable.
Por otra parte , sostener un chat en vivo exige elementos , aunque se configuren ciertas respuestas automatizadas. Si lo estás valorando para tu sitio web , puedes disponer el chat para web de Sendinblue en escaso tiempo.
Para utilizarlo , 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 sitio web
El apartado anterior incluye bastantes buenas prácticas que vas a deber tener en consideración al integrar los elementos que compondrán la página de comienzo de tu portal web , como los menús de navegación. Para complementarlas, las próximas buenas prácticas se aplican a la página de inicio en su grupo diseño de paginas web :
Integrar llamadas a la acción claras
Una sección importante de los visitantes que lleguen a la página de comienzo no tendrán claro por dónde continuar 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 web , como conocer la colección del momento , contemplar un formulario para que se inscriba a un acontecimiento , leer un artÃculo en el blog, etcétera.
Mientras que una landing page acostumbra tener solo una llamada a la acción, una página de comienzo puede tener múltiples , si bien nunca deben ser demasiadas. Por poner un ejemplo , Mundo Huerto invita a sus visitantes a conseguir un código de descuento con un mensaje claro, breve y aparente.
Actualizar el contenido
La página de comienzo de un portal de internet es la bienvenida para los nuevos visitantes, pero también para los individuos viejos que vuelven tras un tiempo. Por eso , modificar una parte de tus contenidos ocasionalmente es una manera de transmitir frescura y dinamismo.
No se trata de rediseñar de nuevo toda la página de comienzo , sino más bien de actualizar ciertos elementos clave como la imagen principal 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 esta manera que iremos a ver tres ejemplos de página de inicio de sitios web que te tienen la posibilidad de ser útil como inspiración.
Bauhaus: explotar el buscador de adentro
La página de comienzo del sitio web de bricolaje Bauhaus destaca por el protagonismo de su buscador interno. Se trata de un ecommerce con una gran variedad de artÃculos donde muchos visitantes ahora saben lo que precisan.
Preferirán ganar tiempo con una búsqueda directa antes que bucear en las categorÃas de modelos hasta hallarlo.
Por ello , el buscador interno está tan mejorado. Cuando introducimos un término en el buscador, se abre un menú desplegable de productos con imágenes en miniatura.
Además , esta página de inicio también incluye un carrusel con cinco imágenes principales , algunas vinculadas a datas especÃficas como la Navidad. Todas ellas es una llamada a la acción para conocer una categorÃa señalada de productos.
Como el buscador de adentro tiene tanto importancia , el menú de categorÃas es del costado. Por esta razón , se pueden permitir que sea un poco más largo de lo habitual.
Azteca Soccer: llamadas a la acción y menú orientado al visitante
La página de comienzo de Azteca Soccer es un caso de muestra de que el slider no en todos los casos es requisito para inspirar dinamismo. Con una sola 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 también tiene dentro múltiples elementos de actualización: comunica de noticias como la disponibilidad de After Pay y la reapertura de las tiendas minoristas.
Finalmente , su menú superior breve se estructura poniéndose en la piel de los visitantes, con una categorÃa concreta para quienes procuren artÃculos rebajados, otra para los fans que quieran conseguir las equipaciones de equipos especÃficos , etcétera. La lupa en la esquina superior derecha es un buscador interno que no ocupa mucho espacio.
Novaestetica
Una página de comienzo eficiente no solo está al alcance de los sitios web de ecommerce consolidados , como los 2 precedentes. El centro Novaestetica es un ejemplo de negocio local que aprovecha el potencial de su página de comienzo para posicionarse de forma rápida frente a los visitantes.
La elección del azul claro como color de fondo y la imagen de un masaje relajante transmite sosiego.
Asimismo , son siendo conscientes de que una persona interesada en servicios de estética deseará entrar en contacto con rapidez para informarse y soliciar cita. Por este motivo , un chat en vivo nuevo hace aparición en pantalla al ingresar.
Además , tienen dentro un enlace para contactar por WhatsApp y el teléfono está a la visión 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 página web , tienes que visitar la de otras compañÃas del campo , ver en qué las puedes progresar y dedicar tiempo y elementos a las pruebas de navegación.
Nadie mejor que un potencial visitante futuro para decirte qué puedes progresar.