Creamos el diseño depaginas web para la venta online
La página de inicio o página home de un sitio web 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 empresa o que vuelven 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 eficaz por tener mucho más volumen de contenido, sino por tener el adecuado.
En este artÃculo , te asistimos a fin de que te asegures de tener una página de inicio eficaz para tu sitio web , 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 hacer tus correos en varios pasos.
Quiero probar Sendinblue>>
Por qué razón es esencial la página de comienzo de un sitio web
El valor de la página home se apoya en distintos pilares, que debes tomar en consideración a la hora de diseñarla. Estos son los principales :
Es un elemento central del posicionamiento
Es bastante evidente que la web es esencial para la imagen corporativa de la marca, y esto no se restringe al logo y el eslogan.
Todos los elementos de la página de inicio pertenecen a una imagen de marca congruente : la decisión de colores, fotografÃas, tipografÃas, productos destacados , etcétera. Se podrÃa decir esto mismo de todas y cada una de las páginas del página web , las campañas de email y todas 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 varios 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 al final le entra la curiosidad: ¿qué es SendinBlue? Pincha en el logotipo de la esquina superior izquierda y ingresa a nuestra página de comienzo.
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 mucho más próximamente que tarde. Ahà van a tratar 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 desean seguir navegando 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 entender qué contenidos concretos se va a encontrar en tu página web y, además de esto , lo desea descubrir con rapidez. El menú de la página home de un portal de internet ha de ser simple y claro al mismo tiempo , para llevar a los visitantes a las páginas especÃficas que les interesen.
Será importante efectuar pruebas de navegación para revisar que los individuos pueden encontrar con sencillez lo que procuran. 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 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 inicio y saben que su prioridad debe ser la experiencia de usuario.
El algoritmo, poco a poco más centrado en el usuario final, va a apreciar este aspecto tanto como la optimización para keywords especÃficas , o aun mucho 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 asiste para 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 , más que nada en el tÃtulo y la metadescripción, que aparecerán en los resultados de la búsqueda.
Una página de comienzo no es exactamente lo mismo que una landing page
Al diseñar una estrategia 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 concreta.
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 poner un ejemplo , hallar un cupón de descuento o inscribirse a un acontecimiento ).
Ambos géneros de páginas son importantes para el posicionamiento de la marca pero, en contraste a la página home, las landing pages no deben enseñar todos los servicios de la compañÃa ni dirigirse a la integridad del público objetivo.
Las páginas de destino tienen un enorme potencial para el email marketing, que puedes explotar con el editor para crear landing pages personalizadas de Sendinblue.
Elementos de la página de comienzo de un sitio web
Una página home es una composición de distintos elementos. Ahora , vamos a ver cuáles son los mucho más comunes y las mejores prácticas para utilizarlos :
Imagen principal : el valor de la primera impresión
Justo bajo la cabecera con el logo y el menú primordial , la imagen principal constituirá una primera impresión vital para ubicar tu negocio y tu marca. Una alternativa bastante popular es un slider o carrusel con unas escasas imágenes rotatorias.
El carrusel tiene la ventaja de visibilizar fácilmente varios mensajes o proposiciones de valor con dinamismo, a fin de que el visitante pueda escoger , pero asimismo tiene el peligro de esparcir la atención. Una imagen fija permite trasmitir un mensaje único y más sólido. Todo es dependiente de tus preferencias.
Otra opción alternativa que permite trasmitir dinamismo es incluir un vÃdeo breve en lugar 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 factor personaje principal en la página de inicio de cualquier portal web. Como anticipábamos mucho más arriba, la mejor práctica es diseñar un menú de navegación primordial lo más corto posible , 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 instante , sino elegir los términos adecuados a fin de que los halle en las páginas secundarias.
Comunmente , este menú primordial va a estar a la visión en todas las páginas del cibersitio , no solo en la de comienzo. Una razón más para que sea simple.
Por servirnos de un ejemplo , en el menú de cabecera de SendinBlue usamos solamente cuatro términos iniciales para guiar la navegación y nos ayudamos de los menús desplegables. Si a un visitante le interesa nuestro asistente para crear landing pages, lo encontrará en el menú desplegable de funcionalidades.
Si buscas un recurso más especÃfico como el plugin para integrar SendinBlue con Shopify, encontrarás la página de plugins en el apartado de recursos. Presentar todos nuestros plugins en el menú principal supondrÃa sobrecargarlo demasiado.
El menú de la cabecera es el principal 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 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 ello tienen la posibilidad de ser algo más largos sin dañar la experiencia de usuario. Si tienes un portal de internet de ecommerce, por poner un ejemplo , estos menús tienen la posibilidad de integrar fotos de artÃculos en miniatura.
Buscador de adentro
En varios sitios web , 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 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 es bien simple o los menús de navegación están bastante optimizados para todos los perfiles de usuario, no es obligación.
Acceso a la cuenta de usuario y funciones de ecommerce
En los sitios web donde el usuario puede hacer su cuenta, es importante que el ingreso a ella esté siempre visible y la ubicación óptima es la esquina superior derecha. En la situacion de las tiendas en lÃnea , este acceso es especialmente esencial ya que incluye el carrito del usuario (sus pedidos no comprobados ).
Una aceptable práctica, particularmente para el comercio online , es explotar este espacio para incluir un menú desplegable con todas y cada una de las funcionalidades de la cuenta personal, como hace Amazon:
Widgets de redes sociales y testimonios
Ofrecer visibilidad a las comunidades y/o los testimonios de clientes del servicio en la página home es una exhibe de que a la compañÃa le resulta interesante oÃr a sus clientes y prospectos.
Para enlazar las comunidades , en ocasiones un fácil botón basta. Recuerda que una parte del tráfico que llegue a la página de comienzo de tu sitio web probablemente procederá de estas redes y no querrán hallarse widgets muy sobrecargados con contenido que vieron.
Los testimonios de clientes del servicio aportan valor siempre que tengan credibilidad , que puede estar fundamentada en la concreción —cuando especifican 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 mismo tiempo.
Chat para web
Un chat para web es un factor opcional en la página de inicio. Al incluirlo, una marca se expone disponible para hablar con los visitantes desde un primer momento. Por consiguiente , la interacción y la cercanÃa con los clientes se ponen en valor de forma considerable.
Por otra parte , mantener un chat en vivo pide recursos , aunque se configuren ciertas respuestas automatizadas. Si lo andas valorando para tu cibersitio , puedes instalar el chat para web de Sendinblue en escaso tiempo.
Para emplearlo , no te pierdas estas 9 ideas para sacar partido al chat en directo para websites.
Otras buenas prácticas en la página de comienzo de un portal de internet
El epÃgrafe anterior incluye bastantes buenas prácticas que vas a deber tener en cuenta al integrar los elementos que compondrán la página diseño de paginas web de inicio de tu página web , como los menús de navegación. Para complementarlas, las siguientes buenas prácticas se aplican a la página de inicio en su conjunto :
Integrar llamadas a la acción visibles
Una sección importante de los visitantes que lleguen a la página de comienzo no tendrán claro por dónde seguir 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 visitar la colección del momento , cubrir un formulario para que se inscriba a un evento , 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 varias , si bien nunca deben ser demasiadas. Por poner un ejemplo , Mundo Huerto invita a sus visitantes a hallar un código de descuento con un mensaje claro, corto 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 , cambiar una parte de tus contenidos ocasionalmente es una forma de transmitir frescura y dinamismo.
No se trata de rediseñar de nuevo toda la página de inicio , sino de actualizar ciertos elementos clave como la imagen primordial o la llamada a la acción cada cierto tiempo.
Ejemplos inspiradores de página primordial
Comentan que una imagen vale más que mil expresiones , de esta forma que iremos a ver tres ejemplos de página de comienzo 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 portal web de bricolaje Bauhaus destaca por el protagonismo de su buscador interno. Se trata de un ecommerce con una extensa variedad de artÃculos donde varios visitantes ahora saben lo que precisan.
Preferirán ganar 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. Cuando introducimos un término en el buscador, se abre un menú desplegable de modelos con imágenes en miniatura.
Además de esto , esta página de inicio asimismo 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 destacada de artÃculos.
Como el buscador de adentro tiene tanto importancia , el menú de categorÃas es del costado. Por tal razón , se tienen la posibilidad de dejar que sea un poco más largo de lo común.
Azteca Soccer: llamadas a la acción y menú destinado 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 única llamada a la acción: su colección Jordania x PSG.
Esta página home también incorpora varios elementos de actualización: informa de novedades como la disponibilidad de After Pay y la reapertura de las tiendas minoristas.
Por último , su menú superior breve se estructura poniéndose en la piel de los visitantes, con una categorÃa especÃfica para todos los que procuren modelos rebajados, otra para los fanes que deseen conseguir las equipaciones de equipos especÃficos , etc. La lupa en la esquina superior derecha es un buscador interno que no ocupa bastante espacio.
Novaestetica
Una página de inicio eficiente no solo está al alcance de los websites de ecommerce consolidados , como los dos precedentes. El centro Novaestetica es un ejemplo de negocio local que aprovecha el potencial de su página de inicio para posicionarse de manera 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 conscientes de que un individuo interesada en servicios de estética deseará entrar en contacto con velocidad para informarse y soliciar cita. Por este motivo , un chat en vivo emergente aparece en pantalla al entrar.
Además , tienen dentro un link 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 compañÃas del campo , ver exactamente en qué las puedes progresar y dedicar tiempo y elementos a las pruebas de navegación.
Absolutamente nadie mejor que un potencial visitante futuro para decirte qué puedes progresar.