Desarollamos el diseño depaginas web de calidad para tu empresa
La página de inicio o página home de un portal de internet es la presentación de tu marca en el planeta virtual. Forma una impresión inicial crucial para los visitantes que están conociendo tu empresa o que vuelven después de un tiempo.
Por ello , es esencial dedicar a tiempo a diseñarla y optimizarla. Debes incluir 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 más volumen de contenido, sino más bien por tener el adecuado.
En el presente artÃculo , te asistimos a fin de que te asegures de tener una página de inicio 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 correo electrónico marketing
No es necesario tener entendimientos en diseño o programación, con Sendinblue puedes crear tus correos en varios pasos.
Quiero evaluar Sendinblue>>
Por qué es esencial la página de inicio de un portal de internet
El valor de la página home se sostiene en distintos pilares, que tienes que tener en consideración en el momento de diseñarla. Estos son los principales :
Es un factor central del posicionamiento
Es bastante evidente que el sitio web es esencial 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 comienzo forman parte de una imagen de marca congruente : la elección de colores, fotografÃas, tipografÃas, productos relevantes , 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 interacciones con tus prospectos; pero en la página de inicio hay que cuidarlo singularmente.
Por ejemplo , la elección del azul en la imagen corporativa de varios bancos y entidades financieras transmite seguridad. La página de comienzo de tu portal web 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 accede a nuestra página de inicio.
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, van a pasar por ella mucho más próximamente que tarde. Ahà tratarán de localizar los servicios que ofrece tu marca y los contenidos de tu portal web.
Dedicarán unos segundos a decidir si les atrae lo que ven y quieren seguir explorando por tu página web. Si es asà , habrán dado un primer paso para arrimarse a tu embudo de conversión.
Articula la navegación de todo el sitio
El visitante que llega a la página de comienzo quiere comprender qué contenidos concretos se va a encontrar en tu portal web y, además , lo quiere conocer con velocidad. El menú de la página home de un portal de internet ha de ser fácil y claro al tiempo , para llevar a los visitantes a las páginas concretas que les interesen.
Va a ser esencial efectuar pruebas de navegación para revisar que los individuos tienen la posibilidad de encontrar con facilidad lo que procuran. Este es un punto elemental de la experiencia de usuario.
Tiene peso en el posicionamiento SEO
A los ojos de los buscadores web como Google plus , la página de comienzo de un portal de internet es esencial y al mismo tiempo es particular. Los motores de búsqueda leen la estructura de los sitios web (con el archivo sitemap, que se puede optimizar ), identifican la página de inicio y saben que su prioridad debe ser la experiencia de usuario.
El algoritmo, poco a poco más basado en el usuario final, va a apreciar este aspecto tanto como la optimización para keywords especÃficas , o incluso más.
Los buscadores 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 encaminada asiste para Google plus a definir los sitelinks, los enlaces secundarios que acompañan algunos resultados de la búsqueda.
Naturalmente, la optimización de palabras clave adecuadas es asimismo esencial en la página de inicio , sobre todo en el tÃtulo y la metadescripción, que aparecerán en los resultados de búsqueda.
Una página de comienzo 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 comienzo o página home. Las landing pages son páginas que se diseñan para una campaña de marketing concreta.
Están concebidas para un perfil de usuario especÃfico , con solo una 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 evento ).
Los dos géneros 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 presentar todos los servicios de la compañÃa ni dirigirse a la totalidad del público objetivo.
Las páginas de destino tienen un enorme potencial para el correo electrónico marketing, que puedes explotar con el editor para crear landing pages adaptadas de Sendinblue.
Elementos de la página de comienzo de un sitio web
Una página home es una composición de diferentes elementos. Ahora , vamos a ver cuáles son los mucho más habituales y las mejores prácticas para usarlos :
Imagen primordial : el valor de la primera impresión
Justo bajo 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 habitual es un slider o carrusel con unas escasas imágenes rotatorias.
El carrusel tiene el beneficio de visibilizar de manera fácil varios mensajes o proposiciones de valor con dinamismo, para que el visitante logre escoger , pero asimismo tiene el peligro de esparcir la atención. Una imagen fija deja trasmitir un mensaje único y más sólido. Todo es dependiente de tus preferencias.
Otra alternativa que deja transmitir dinamismo es integrar un vÃdeo breve en vez de una imagen principal.
Menús de navegación: cuanto mucho más sencillos mejor
El menú o los menús que vertebran la navegación son un elemento personaje principal en la página de inicio de cualquier página web. Como anticipábamos mucho 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 enseñar una larga lista de servicios o categorÃas desde un primer instante , sino seleccionar los términos correctos para que los halle en las páginas secundarias.
Comunmente , este menú principal va a estar a la visión en todas las páginas del portal web , no solo en la de inicio. Una razón mucho más para 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 encontrará en el menú desplegable de funciones.
Si buscas un recurso más concreto como el plugin para integrar SendinBlue con Shopify, vas a encontrar la página de plugins en el apartado de recursos. Enseñar todos nuestros plugins en el menú primordial supondrÃa sobrecargarlo demasiado.
El menú de la cabecera es el principal 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 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 vista 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 tienen la posibilidad de integrar fotografÃas de productos en miniatura.
Buscador interno
En muchos websites , aparte de ofrecer menús de navegación optimizados, resulta conveniente preguntar al visitante qué busca de manera directa. El buscador interno facilita llevar a cabo una búsqueda por keywords en los contenidos del página web.
Aunque en general es recomendable , no hay una regla fija sobre la idoneidad de un buscador interno. Si el sitio web es 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.
Ingreso 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 aparente y la localización óptima es la esquina superior derecha. En el caso de las tiendas online , este acceso es especialmente esencial en tanto que incluye el carrito del usuario (sus pedidos no confirmados ).
Una buena práctica, particularmente para el comercio electrónico , es aprovechar este espacio para integrar un menú desplegable con todas y cada una de las funciones de la cuenta personal, como hace Amazon:
Widgets de comunidades y testimonios
Ofrecer visibilidad a las comunidades y/o los testimonios de clientes en la página home es una muestra de que a la empresa le interesa escuchar 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 página web probablemente procederá de estas redes y no desearán hallarse widgets muy sobrecargados con contenido que han visto.
Los testimonios de clientes aportan valor siempre que tengan probabilidad , que puede estar fundamentada en la concreción —cuando especifican qué inconvenientes les ha resuelto la empresa —, 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 elemento opcional en la página de inicio. Al incluirlo, una marca se expone libre para hablar con los visitantes desde un primer momento. Por tanto , la interacción y la proximidad con los clientes se ponen en valor de forma considerable.
Por otra parte , sostener un chat en vivo exige elementos , más allá de que se configuren algunas respuestas automatizadas. Si lo estás valorando para tu página web , puedes instalar el chat para web de Sendinblue en poco tiempo.
Para emplearlo , no te pierdas estas 9 ideas para sacar partido al chat en directo para sitios web.
Otras buenas prácticas en la página de comienzo de un sitio web
El epÃgrafe previo incluye bastantes buenas prácticas que deberás tener en cuenta 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 siguientes buenas prácticas se aplican a la página de comienzo en su conjunto :
Incluir llamadas a la acción visibles
Una parte esencial de los visitantes que lleguen a la página de inicio no van a tener claro por dónde seguir 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 instantánea en el sitio web , como conocer la colección actualmente , cubrir un formulario a fin de que se inscriba a un evento , leer un producto en el blog, etc.
Mientras que una landing page suele tener solo una llamada a la acción, una página de inicio tiene la posibilidad de tener varias , si bien nunca han de ser demasiadas. Por poner un ejemplo , Mundo Huerto invita a sus visitantes a conseguir un código de descuento con un mensaje claro, corto y visible.
Actualizar el contenido
La página de inicio de un portal de internet es la bienvenida para los nuevos visitantes, pero también para los individuos viejos que regresan tras un tiempo. Por eso , cambiar una parte de tus contenidos de vez en cuando es una manera de transmitir frescura y dinamismo.
No tiene que ver con rediseñar de nuevo toda la página de comienzo , sino de actualizar ciertos elementos clave como la imagen principal o la llamada a la acción cada cierto tiempo.
Ejemplos inspiradores de página primordial
Dicen que una imagen vale mucho más que mil expresiones , de este modo que iremos a ver tres ejemplos de página de inicio de websites que te pueden ser útil como inspiración.
Bauhaus: aprovechar el buscador de adentro
La página de inicio del cibersitio de bricolaje Bauhaus destaca por el importancia de su buscador de adentro. Se trata de un ecommerce con una gran variedad de modelos donde muchos visitantes ahora saben lo que precisan.
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 optimizado. En el momento en que ingresamos un término en el buscador, se abre un menú desplegable de productos con imágenes en miniatura.
Además , esta página de comienzo también incluye un carrusel con cinco imágenes primordiales , ciertas vinculadas a fechas concretas como la Navidad. Cada una de ellas es una llamada a la acción para descubrir una categorÃa señalada de productos.
Como el buscador interno tiene tanto protagonismo , el menú de categorÃas es lateral. Por tal razón , se pueden permitir que sea un tanto más largo de lo común.
Azteca Soccer: llamadas a la acción y menú destinado al visitante
La página de comienzo 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 también tiene dentro varios elementos de actualización: informa de novedades 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 todos los que procuren artÃculos rebajados, otra para los fans que quieran localizar las equipaciones de equipos concretos , etc. 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 afianzados , como los dos anteriores. El centro Novaestetica es un caso de muestra de negocio local que explota el potencial de su página de comienzo para posicionarse rápidamente ante los visitantes.
La elección del azul claro como color de fondo y la imagen de un masaje relajante transmite sosiego.
Además , son siendo conscientes de que una persona interesada en servicios de estética querrá contactar con velocidad para informarse y soliciar cita. Por este motivo , un chat en vivo nuevo aparece en pantalla al <<< Aprende MaS >>> ingresar.
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 portal web , no dejes de 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 prosperar.