Si necesitas un diseño de paginas web de alta calidad
La página de comienzo o página home de un sitio web 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 compañÃa o que regresan después de un tiempo.
Por este motivo , es importante dedicar a tiempo a diseñarla y optimizarla. Tienes que incluir 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 eficiente por tener mucho más volumen de contenido, sino más bien por tener el adecuado.
En este artÃculo , te asistimos para que te asegures de tener una página de comienzo eficaz para tu sitio web , y lo conseguirás como debe hacerse: poniéndote en la piel del visitante.
Impulsa las conversiones con campañas de correo electrónico marketing
No es requisito tener conocimientos 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 sitio web
El valor de la página home se apoya en diferentes pilares, que tienes que tener en cuenta a la hora de diseñarla. Estos son los principales :
Es un elemento central del posicionamiento
Es bastante evidente que la página web es determinante para la imagen corporativa de la marca, y esto no se restringe al logotipo y el eslogan.
Todos y cada uno de 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 relevantes , etcétera. Se podrÃa decir esto mismo de todas las páginas del portal 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 especialmente.
Por 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 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 pronto que tarde. Ahà tratarán de conseguir los servicios que ofrece tu marca y los contenidos de tu cibersitio.
Dedicarán unos segundos a decidir si les atrae lo que ven y quieren continuar navegando por tu sitio web. Si es de esta manera , habrán dado un primer paso para arrimarse a tu embudo de conversión.
Articula la navegación de todo el sitio web
El visitante que llega a la página de comienzo quiere comprender 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 sitio web ha de ser simple y claro al tiempo , para llevar a los visitantes a las páginas concretas que les interesen.
Va a ser esencial realizar pruebas de navegación para comprobar que los usuarios 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 plus , la página de comienzo de un portal de internet es importante y al mismo tiempo es especial. Los buscadores leen la composición de los websites (con el fichero 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, poco a poco más centrado en el usuario final, va a valorar este aspecto tanto como la optimización para keywords concretas , o aun más.
Los buscadores 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 contribuye a Google+ a determinar los sitelinks, los links secundarios que acompañan algunos resultados de la búsqueda.
Naturalmente, la optimización de keywords adecuadas es asimismo importante 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 una estrategia de marketing digital, es primordial 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 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 ejemplo , hallar un cupón de descuento o anotarse a un evento ).
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 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 hacer landing pages personalizadas de Sendinblue.
Elementos de la página de inicio de un portal de internet
Una página home es una composición de distintos elementos. A continuación , veremos cuáles son los más habituales y las mejores prácticas para emplearlos :
Imagen principal : el valor de la primera impresión
Justo debajo de la cabecera con el logotipo y el menú primordial , 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 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 logre elegir , 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 preferencias.
Otra alternativa que permite transmitir dinamismo es integrar un vÃdeo corto 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 protagonista en la página de inicio de cualquier cibersitio. Como anticipábamos mucho más arriba, la mejor práctica es diseñar un menú de navegación principal lo más corto posible , con la ayuda de menús desplegables.
Para asesorar al visitante, no es requisito 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 vista en todas y cada una de las páginas del portal web , no solo en la de inicio. Una razón mucho más a fin de que sea fácil.
Por 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 funciones.
Si estas buscando un recurso más especÃfico como el complemento para integrar SendinBlue con Shopify, vas a encontrar la página de plugins en el apartado de recursos. Presentar todos nuestros plugins en el menú primordial 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 vista como el de cabecera y por ello tienen la posibilidad de ser algo mucho más largos sin perjudicar la experiencia de usuario. Si tienes un sitio web de ecommerce, por servirnos de un ejemplo , estos menús pueden incluir fotos de modelos en miniatura.
Buscador interno
En muchos websites , además de prestar menús de navegación optimizados, resulta favorable preguntar al visitante qué busca directamente. El buscador de adentro permite realizar una búsqueda por palabras clave en los contenidos del portal web.
Aunque por norma general es conveniente , no hay una regla fija sobre la idoneidad de un buscador interno. Si el sitio es simple o los menús de navegación están bastante optimizados para todos los concretes de usuario, no es obligatorio.
Ingreso a la cuenta de usuario y funcionalidades de ecommerce
En los websites donde el usuario puede crear su cuenta, es esencial que el ingreso a ella esté siempre y en todo momento visible y la ubicación perfecta es la esquina superior derecha. En el caso de las tiendas online , este acceso es particularmente importante ya que incluye el carro del usuario (sus pedidos no confirmados ).
Una buena práctica, particularmente para el comercio on-line , es aprovechar este espacio para incluir un menú desplegable con todas y cada una de las funciones de la cuenta personal, como hace Amazon:
Widgets de comunidades 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 interesa percibir a sus clientes del servicio y prospectos.
Para enlazar las comunidades , a veces 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 cibersitio 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 que tengan credibilidad , que puede estar fundamentada en la concreción —cuando detallan qué problemas les ha resuelto la empresa —, en la reputación de los clientes del servicio que los firman o, mejor aún, en ambas cosas al tiempo.
Chat para web
Un chat para web es un elemento opcional en la página de comienzo. Al incluirlo, una marca se muestra libre para dialogar con los visitantes desde un primer instante. Por tanto , la interacción y la proximidad con los individuos se ponen en valor de manera considerable.
Por otra parte , mantener un chat en vivo pide recursos , aunque se configuren algunas 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 directo para sitios web.
Otras buenas prácticas en la página de comienzo de un portal de internet
El epÃgrafe previo 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 cibersitio , 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 :
Integrar llamadas a la diseño web acción claras
Una sección 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 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 visitar la compilación del momento , cubrir un formulario a fin de que se inscriba a un acontecimiento , leer un artÃculo en el blog, etc.
Mientras que una landing page frecuenta tener solo una llamada a la acción, una página de inicio puede tener múltiples , si bien nunca han de ser demasiadas. Por servirnos de un ejemplo , Planeta Huerto invita a sus visitantes a conseguir un código de descuento con un mensaje claro, corto y aparente.
Actualizar el contenido
La página de comienzo de un sitio web es la bienvenida para los nuevos visitantes, pero también para los individuos viejos que vuelven tras un tiempo. De ahà que , modificar parte de tus contenidos ocasionalmente es una manera de trasmitir lozanÃa y dinamismo.
No tiene que ver con rediseñar nuevamente 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 primordial
Aseguran que una imagen vale más que mil palabras , de este modo que vamos a ver tres ejemplos de página de inicio de sitios web que te pueden servir como inspiración.
Bauhaus: aprovechar el buscador interno
La página de inicio del cibersitio de bricolaje Bauhaus luce por el importancia de su buscador de adentro. Hablamos de un ecommerce con una extensa variedad de artÃculos donde muchos 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 interno está tan optimizado. Cuando ingresamos un término en el buscador, se abre un menú desplegable de artÃculos con imágenes en miniatura.
Además , esta página de inicio también incluye un carrusel con cinco imágenes principales , algunas enlazadas a datas especÃficas como la Navidad. Todas ellas es una llamada a la acción para conocer una categorÃa destacada de artÃculos.
Como el buscador interno tiene tanto protagonismo , el menú de categorÃas es lateral. Por tal razón , se tienen la posibilidad de dejar que sea un tanto mucho más largo de lo frecuente.
Azteca Soccer: llamadas a la acción y menú destinado al visitante
La página de comienzo de Azteca Soccer es un ejemplo 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 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 breve se estructura poniéndose en la piel de los visitantes, con una categorÃa especÃfica para quienes procuren 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 mucho espacio.
Novaestetica
Una página de inicio eficaz no solo está al alcance de los sitios web de ecommerce afianzados , como los 2 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 ante los visitantes.
La decisión del azul claro como color de fondo y la imagen de un masaje relajante transmite sosiego.
Además , son siendo conscientes de que un individuo interesada en servicios de estética querrá entrar en contacto con velocidad para informarse y pedir cita. Por ello , un chat en directo emergente hace aparición en pantalla al ingresar.
Además , incluyen 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 portal web , no dejes de visitar la de otras compañÃas del ámbito , 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 prosperar.