Desarollamos el desarollo del diseño web para tener el diseño web para tu negocio
La página de inicio o página home de un sitio web es la presentación de tu marca en el mundo virtual. Forma una impresión inicial vital para los visitantes que están conociendo tu empresa o que vuelven después de un tiempo.
Por este motivo , es esencial 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 mucho más eficaz por tener mucho más volumen de contenido, sino más bien por tener el adecuado.
En el presente artÃculo , te asistimos para que te asegures de tener una página de comienzo 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 correo electrónico marketing
No es requisito 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 inicio de un portal de internet
El valor de la página home se sostiene en diferentes pilares, que debes tomar en consideración a la hora de diseñarla. Estos son los primordiales :
Es un factor central del posicionamiento
Es bastante obvio que la web es determinante 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 comienzo forman parte de una imagen de marca congruente : la decisión de colores, fotografÃas, tipografÃas, artÃculos destacados , etc. Se podrÃa decir esto mismo de todas y cada una de las páginas del sitio web , las campañas de email y todas y cada una de las relaciones con tus prospectos; pero en la página de inicio hay que cuidarlo en especial.
Por servirnos de un ejemplo , la elección del azul en la imagen corporativa de muchos bancos y entidades financieras transmite confianza. 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 por último le entra la curiosidad: ¿qué es SendinBlue? Pincha en el logo de la esquina superior izquierda y ingresa 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 mucho más pronto que tarde. Ahà van a tratar de hallar los servicios que proporciona tu marca y los contenidos de tu sitio web.
Dedicarán unos segundos a decidir si les interesa lo que ven y desean continuar navegando por tu página web. Si es de esta manera , 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 comprender qué contenidos concretos se marcha a conseguir en tu cibersitio y, además , lo desea conocer con velocidad. El menú de la página home de un portal de internet debe 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 hallar con facilidad 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 web como Google plus , la página de inicio de un sitio web es esencial y al 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 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 palabras clave especÃficas , o aun mucho 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 contribuye a Google plus a definir los sitelinks, los links secundarios que acompañan algunos resultados de búsqueda.
Naturalmente, la optimización de keywords adecuadas 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 una estrategia de marketing digital, es primordial distinguir 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 concebidas para un perfil de usuario concreto , con una sola llamada a la acción muy concreta y la mayoria de las veces de duración limitada (por poner un ejemplo , conseguir un cupón de descuento o anotarse a un acontecimiento ).
Los dos géneros 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 empresa ni dirigirse a la integridad del público objetivo.
Las páginas de destino tienen un enorme potencial para el email marketing, que puedes aprovechar con el editor para crear 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 diferentes elementos. A continuación , veremos cuáles son los más comunes y las mejores prácticas para usarlos :
Imagen principal : el valor de la primera impresión
Justo bajo la cabecera con el logotipo y el menú principal , la imagen primordial formará una primera impresión crucial para ubicar tu negocio y tu marca. Una alternativa bastante popular es un slider o carrusel con unas pocas imágenes rotatorias.
El carrusel tiene el beneficio de visibilizar de manera fácil múltiples mensajes o proposiciones de valor con dinamismo, a fin de 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 depende de tus preferencias.
Otra opción alternativa que permite trasmitir dinamismo es incluir un vÃdeo corto en vez de una imagen principal.
Menús de navegación: cuanto mucho más simples mejor
El menú o los menús que vertebran la navegación son un factor protagonista en la página de comienzo de cualquier sitio web. Como anticipábamos más arriba, la mejor práctica es diseñar un menú de navegación primordial lo más corto viable , con el apoyo de menús desplegables.
Para guiar al visitante, no es necesario enseñar una larga lista de servicios o categorÃas desde un primer momento , sino seleccionar los términos correctos para que los encuentre en las páginas secundarias.
Comunmente , este menú principal va a estar a la vista en todas y cada una de las páginas del portal web , no solo diseño de paginas web en la de comienzo. Una razón más a fin de que sea fácil.
Por poner un ejemplo , en el menú de cabecera de SendinBlue empleamos solamente 4 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 hallará en el menú desplegable de funciones.
Si buscas un recurso mucho más especÃfico como el plugin para integrar SendinBlue con Shopify, encontrarás 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 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 dañar 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 varios websites , además de prestar menús de navegación optimizados, resulta favorable preguntar al visitante qué busca de manera directa. El buscador de adentro permite realizar una búsqueda por keywords dentro de los contenidos del portal web.
Si bien en 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 perfiles de usuario, no es obligatorio.
Ingreso a la cuenta de usuario y funcionalidades de ecommerce
En los websites donde el usuario puede hacer su cuenta, es esencial que el acceso 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 ingreso es especialmente importante puesto que incluye el carro del usuario (sus pedidos no comprobados ).
Una aceptable práctica, en particular para el comercio electrónico , 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 comunidades y/o los testimonios de clientes en la página home es una exhibe de que a la compañÃa le resulta interesante escuchar a sus clientes y prospectos.
Para enlazar las redes sociales , a veces un simple botón basta. Ten en cuenta que parte del tráfico que llegue a la página de inicio de tu cibersitio 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 credibilidad , que puede estar basada en la concreción —en el momento en que detallan qué inconvenientes 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 instante. Por tanto , la interacción y la proximidad con los usuarios se ponen en valor de forma notable.
Por otro lado , mantener un chat en vivo exige elementos , más allá de que se configuren ciertas respuestas automatizadas. Si lo andas valorando para tu página web , puedes disponer el chat para web de Sendinblue en poco 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 epÃgrafe previo incluye bastantes buenas prácticas que deberás tener en consideración al integrar los elementos que compondrán la página de inicio de tu página web , como los menús de navegación. Para complementarlas, las próximas buenas prácticas se aplican a la página de comienzo en su conjunto :
Integrar llamadas a la acción claras
Una parte importante de los visitantes que lleguen a la página de inicio no tendrán 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 realizar una acción instantánea en el sitio , como conocer la colección actualmente , 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 solo una llamada a la acción, una página de comienzo puede tener varias , si bien 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, 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 trasmitir lozanÃa 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
Aseguran que una imagen vale mucho más que mil palabras , de esta manera que vamos a ver tres ejemplos de página de comienzo de websites que te pueden ser útil como inspiración.
Bauhaus: aprovechar el buscador interno
La página de comienzo del cibersitio de bricolaje Bauhaus luce por el protagonismo de su buscador interno. Se trata de un ecommerce con una extensa variedad de artÃculos 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 modelos hasta hallarlo.
Por ello , el buscador interno está tan optimizado. Cuando 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 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 señalada de artÃculos.
Como el buscador de adentro tiene tanto protagonismo , el menú de categorÃas es lateral. Por esta razón , se pueden permitir 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 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: comunica de noticias como la disponibilidad de After Pay y la reapertura de las tiendas minoristas.
Para finalizar , su menú superior corto se estructura poniéndose en la piel de los visitantes, con una categorÃa especÃfica para quienes busquen productos rebajados, otra para los fanes que deseen hallar las equipaciones de equipos concretos , 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 2 anteriores. El centro Novaestetica es un ejemplo de negocio local que aprovecha 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 conscientes de que un individuo interesada en servicios de estética querrá contactar con rapidez para informarse y soliciar cita. Por ello , un chat en directo nuevo aparece en pantalla al entrar.
Además de esto , 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 comienzo de tu página web , no dejes de conocer la de otras compañÃas del campo , ver exactamente en qué las puedes progresar y dedicar tiempo y recursos a las pruebas de navegación.
Nadie mejor que un potencial visitante futuro para decirte qué puedes prosperar.