Si buscas Un diseño 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 después de un tiempo.
Por ello , es esencial dedicar a tiempo a diseñarla y optimizarla. Debes integrar las primordiales proposiciones de valor de la marca, pero sin caer en la tentación de sobrecargarla.
Una página de inicio no será más eficiente por tener mucho más volumen de contenido, sino por tener el conveniente.
En este artÃculo , te asistimos para que te asegures de tener una página de inicio eficiente para tu portal web , y lo conseguirá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 conocimientos en diseño o programación, con Sendinblue puedes hacer tus correos en varios pasos.
Deseo probar Sendinblue>>
Por qué es esencial la página de comienzo de un sitio web
El valor de la página home se sostiene en diferentes pilares, que debes tener en consideración a la hora de diseñarla. Estos son los primordiales :
Es un elemento central del posicionamiento
Es bastante evidente que la página web es esencial para la imagen corporativa de la marca, y esto no se limita al logotipo y el eslogan.
Todos y cada uno de los elementos de la página de comienzo pertenecen a una imagen de marca coherente : la elección de colores, fotografÃas, tipografÃas, artÃculos relevantes , etc. Se podrÃa decir esto mismo de todas y cada una de las páginas del cibersitio , las campañas de email y todas y cada una de las interacciones con tus prospectos; pero en la página de inicio hay que cuidarlo en especial.
Por poner un ejemplo , la decisión del azul en la imagen corporativa de muchos bancos y entidades financieras transmite seguridad. La página de comienzo 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 inicio de un sitio web » y llega a este artÃculo. Lo lee y al final le entra la curiosidad: ¿qué es SendinBlue? Pincha en el logo de la esquina superior izquierda y ingresa a nuestra página de comienzo.
El home page no es necesariamente la primera página a la que llegan los visitantes. Pero si tienen un interés o curiosidad inicial por tu marca, pasarán por ella más pronto que tarde. Ahà tratarán de hallar los servicios que da tu marca y los contenidos de tu cibersitio.
Dedicarán unos segundos a elegir si les atrae lo que ven y quieren continuar navegando por tu portal web. Si es de esta forma , 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 saber qué contenidos especÃficos se va a hallar en tu página web y, además de esto , lo desea descubrir con rapidez. El menú de la página home de un sitio web debe ser fácil 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 comprobar que los individuos pueden conseguir con sencillez lo que procuran. 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 inicio de un portal de internet es importante y al mismo tiempo es especial. Los motores de búsqueda leen la estructura de los sitios web (con el fichero 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, cada vez más basado en el usuario final, va a apreciar este aspecto tanto como la optimización para palabras clave 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 de esto , una navegación bien encauzada ayuda a Google plus a definir los sitelinks, los links secundarios que acompañan algunos resultados de búsqueda.
Naturalmente, la optimización de keywords correctas es también esencial en la página de inicio , 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 muy importante diferenciar las páginas de destino o landing pages de la página de inicio o página home. Las landing pages son páginas que se diseñan para una campaña de marketing concreta.
Están pensadas para un perfil de usuario concreto , con una sola llamada a la acción muy concreta y casi siempre de duración limitada (por ejemplo , hallar un cupón de descuento o inscribirse a un acontecimiento ).
Los dos tipos de páginas importan para el posicionamiento de la marca pero, a diferencia de la página home, las landing pages no tienen que presentar todos y cada uno de los servicios de la compañÃa ni dirigirse a la totalidad del público propósito.
Las páginas de destino tienen un gran potencial para el correo electrónico 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 , veremos cuáles son los mucho más comunes y las mejores prácticas para emplearlos :
Imagen principal : el valor de la primera impresión
Justo debajo de la cabecera con el logo y el menú principal , la imagen primordial formará una primera impresión crucial para posicionar tu negocio y tu marca. Una opción bastante popular es un slider o carrusel con unas escasas imágenes rotatorias.
El carrusel tiene el beneficio de visibilizar de manera fácil múltiples mensajes o proposiciones de valor con dinamismo, para que el visitante pueda seleccionar , pero asimismo tiene el peligro de dispersar la atención. Una imagen fija deja trasmitir un mensaje único y más sólido. Todo es dependiente de tus preferencias.
Otra opción alternativa que deja trasmitir dinamismo es integrar un vÃdeo corto en lugar de una imagen primordial.
Menús de navegación: cuanto mucho 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 página web. Como anticipábamos más arriba, la mejor práctica es diseñar un menú de navegación principal lo más corto viable , con el apoyo de menús desplegables.
Para asesorar al visitante, no es necesario mostrar una larga lista de servicios o categorÃas desde un primer momento , sino elegir los términos adecuados para que los encuentre en las páginas secundarias.
Comunmente , este menú primordial va a estar a la visión 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 empleamos únicamente cuatro términos iniciales para asesorar 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 diseño de paginas web menú desplegable de funciones.
Si estas buscando un recurso más concreto como el complemento para integrar SendinBlue con Shopify, hallarás la página de plugins en el apartado de elementos. Enseñar todos nuestros plugins en el menú principal supondrÃa sobrecargarlo demasiado.
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 pueden incluir en la página de inicio 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 tienen la posibilidad de ser algo más largos sin perjudicar la experiencia de usuario. Si tienes un sitio web de ecommerce, por poner un ejemplo , estos menús pueden integrar fotografÃas de artÃculos en miniatura.
Buscador interno
En muchos websites , aparte de ofrecer menús de navegación optimizados, resulta conveniente preguntar al visitante qué busca de forma directa. El buscador de adentro permite realizar una búsqueda por keywords en los contenidos del portal web.
Si bien por norma general es recomendable , no hay una regla fija sobre la idoneidad de un buscador interno. 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 concretes de usuario, no es obligación.
Acceso a la cuenta de usuario y funciones de ecommerce
En los websites donde el usuario puede hacer su cuenta, es esencial que el ingreso a ella esté siempre y en todo momento visible y la ubicación óptima es la esquina superior derecha. En el caso de las tiendas online , este acceso es particularmente importante puesto que incluye el carrito del usuario (sus pedidos no confirmados ).
Una buena práctica, en particular para el comercio on-line , es aprovechar este espacio para incluir un menú desplegable con todas las funcionalidades de la cuenta personal, como hace Amazon:
Widgets de redes sociales y testimonios
Ofrecer visibilidad a las redes sociales y/o los testimonios de clientes en la página home es una muestra de que a la empresa le resulta interesante percibir a sus clientes del servicio 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 sitio web probablemente procederá de estas redes y no desearán hallarse widgets muy sobrecargados con contenido que ya vieron.
Los testimonios de clientes aportan valor siempre que tengan credibilidad , que puede estar basada en la concreción —en el momento en que especifican qué problemas les ha resuelto la empresa —, en la reputación de los clientes que los firman o, mejor aún, en las dos cosas al mismo tiempo.
Chat para web
Un chat para web es un elemento opcional en la página de comienzo. Al incluirlo, una marca se expone disponible para hablar con los visitantes desde un primer momento. Por tanto , la interacción y la proximidad con los individuos se ponen en valor de manera notable.
Por otro lado , mantener un chat en directo 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 usarlo , no te pierdas estas 9 ideas para sacar partido al chat en directo para websites.
Otras buenas prácticas en la página de inicio de un portal de internet
El apartado 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 portal web , como los menús de navegación. Para complementarlas, las siguientes buenas prácticas se aplican a la página de comienzo en su conjunto :
Integrar llamadas a la acción visibles
Una parte importante de los visitantes que lleguen a la página de inicio no tendrán claro por dónde continuar su navegación. Es importante 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 inmediata en el sitio web , como visitar la compilación actualmente , contemplar un formulario para que se inscriba a un acontecimiento , leer un artÃculo en el blog, etc.
Mientras una landing page frecuenta tener solo una llamada a la acción, una página de inicio puede tener múltiples , aunque nunca han de ser demasiadas. Por servirnos de 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 asimismo para los usuarios antiguos que regresan después de un tiempo. Por eso , cambiar una parte de tus contenidos de vez en cuando es una forma de transmitir frescura y dinamismo.
No se trata de rediseñar nuevamente toda la página de inicio , sino de actualizar algunos elementos clave como la imagen principal o la llamada a la acción cada cierto tiempo.
Ejemplos inspiradores de página principal
Comentan que una imagen vale más que mil palabras , de esta forma que iremos a ver tres ejemplos de página de comienzo 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 luce por el protagonismo de su buscador de adentro. Hablamos de un ecommerce con una gran variedad de productos donde varios visitantes ya saben lo que necesitan.
Preferirán ahorrar tiempo con una búsqueda directa antes que bucear en las categorÃas de artÃculos hasta localizarlo.
Por este motivo , el buscador de adentro está tan mejorado. En el momento en que ingresamos un término en el buscador, se abre un menú desplegable de artÃculos con imágenes en miniatura.
Además de esto , esta página de comienzo asimismo incluye un carrusel con cinco imágenes principales , algunas vinculadas a fechas concretas como la Navidad. Cada una de ellas es una llamada a la acción para descubrir una categorÃa destacada de productos.
Como el buscador interno tiene tanto importancia , el menú de categorÃas es del costado. Por tal razón , se tienen la posibilidad de dejar que sea un tanto mucho más largo de lo común.
Azteca Soccer: llamadas a la acción y menú orientado al visitante
La página de inicio de Azteca Soccer es un ejemplo de que el slider no siempre es necesario para inspirar dinamismo. Con una sola imagen, centran la atención del visitante en una sola llamada a la acción: su compilación Jordania x PSG.
Esta página home asimismo tiene dentro varios 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 corto se composición poniéndose en la piel de los visitantes, con una categorÃa concreta para quienes busquen modelos rebajados, otra para los fanes que deseen conseguir las equipaciones de equipos especÃficos , etcétera. La lupa en la esquina superior derecha es un buscador de adentro que no ocupa bastante espacio.
Novaestetica
Una página de inicio eficaz no solo está al alcance de los websites de ecommerce afianzados , como los dos anteriores. El centro Novaestetica es un ejemplo de negocio local que explota el potencial de su página de comienzo para posicionarse velozmente frente a los visitantes.
La decisión del azul claro como color de fondo y la imagen de un masaje relajante transmite sosiego.
Asimismo , son siendo conscientes de que un individuo interesada en servicios de estética deseará contactar con rapidez para informarse y soliciar cita. Por este motivo , un chat en vivo emergente hace aparición en pantalla al ingresar.
Además , incluyen un enlace para entrar en contacto 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 cibersitio , tienes que conocer la de otras compañÃas del ámbito , ver en qué las puedes mejorar y dedicar tiempo y recursos a las pruebas de navegación.
Nadie mejor que un potencial visitante futuro para decirte qué puedes mejorar.