Desarollamos Un diseño 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 crucial para los visitantes que están conociendo tu empresa o que vuelven tras un tiempo.
Por ello , 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 será más eficiente por tener mucho más volumen de contenido, sino por tener el conveniente.
En el artÃculo , te asistimos para que te asegures de tener una página de comienzo 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 apoya en diferentes pilares, que debes tomar en consideración en el momento de diseñarla. Estos son los principales :
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 y cada uno de los elementos de la página de comienzo forman parte de una imagen de marca coherente : la decisión de colores, fotografÃas, tipografÃas, artÃculos destacados , etcétera. Se podrÃa decir esto mismo de todas y cada una de las páginas del portal web , las campañas de correo electrónico y todas y cada una de las relaciones con tus prospectos; pero en la página de inicio hay que cuidarlo especialmente.
Por poner un ejemplo , la decisión del azul en la imagen corporativa de varios bancos y entidades financieras transmite seguridad. La página de comienzo de tu página 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+ «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 logotipo 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, pasarán por ella más próximamente que tarde. Ahà van a tratar de conseguir los servicios que proporciona tu marca y los contenidos de tu página web.
Dedicarán unos segundos a elegir si les interesa lo que ven y quieren proseguir 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
El visitante que llega a la página de inicio desea entender qué contenidos especÃficos se va a localizar en tu portal web y, además , lo quiere descubrir con rapidez. El menú de la página home de un sitio web debe ser fácil y claro al mismo tiempo , para llevar a los visitantes a las páginas especÃficas que les interesen.
Será esencial efectuar pruebas de navegación para comprobar que los clientes tienen la posibilidad de hallar 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 inicio de un portal de internet es importante y al tiempo es especial. Los motores de búsqueda leen la composición de los websites (con el archivo sitemap, que se puede optimizar ), identifican la página de comienzo 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 apreciar este aspecto tanto como la optimización para palabras clave concretas , o incluso mucho más.
Los motores de búsqueda 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 plus a definir los sitelinks, los links secundarios que acompañan algunos resultados de 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 la búsqueda.
Una página de inicio no es lo mismo que una landing page
Al diseñar un plan 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 especÃfica.
Están pensadas para un perfil como usuario concreto , con solo una llamada a la acción muy concreta y casi siempre de duración limitada (por poner un ejemplo , conseguir un cupón de descuento o inscribirse a un acontecimiento ).
Los dos tipos de páginas importan para el posicionamiento de la marca pero, en contraste a 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 integridad del público objetivo.
Las páginas de destino tienen un gran potencial para el email marketing, que puedes explotar 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 distintos elementos. Ahora , veremos cuáles son los más comunes y las mejores prácticas para usarlos :
Imagen primordial : el valor de la primera impresión
Justo debajo de la cabecera con el logo y el menú primordial , la imagen primordial constituirá una primera impresión vital para ubicar tu negocio y tu marca. Una opción bastante habitual es un slider o carrusel con unas escasas imágenes rotatorias.
El carrusel tiene la ventaja de visibilizar de forma fácil varios mensajes o proposiciones de valor con dinamismo, para que el visitante logre escoger , pero también tiene el riesgo de esparcir la atención. Una imagen fija deja transmitir un mensaje único y mucho más sólido. Todo es dependiente de tus prioridades.
Otra alternativa que permite trasmitir dinamismo es integrar un vÃdeo breve en lugar de una imagen primordial.
Menús de navegación: cuanto mucho más simples mejor
El menú o los menús que vertebran la navegación son un elemento protagonista en la página de comienzo de cualquier cibersitio. 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 asesorar al visitante, no es requisito enseñar una larga lista de servicios o categorÃas desde un primer momento , sino más bien elegir los términos adecuados a fin de que los halle en las páginas secundarias.
Comunmente , este menú primordial estará a la vista en todas las páginas del portal web , no solo en la de comienzo. 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 resulta interesante nuestro asistente para hacer landing pages, lo hallará en el menú desplegable de funciones.
Si estas buscando un recurso mucho más especÃfico como el complemento 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 bastante.
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 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 pueden ser algo más largos sin perjudicar la experiencia de usuario. Si tienes un sitio web de ecommerce, por ejemplo , estos menús pueden incluir fotografÃas de modelos en miniatura.
Buscador de adentro
En varios websites , además de ofrecer menús de navegación optimizados, resulta conveniente preguntar al visitante qué busca directamente. El buscador interno permite realizar una búsqueda por keywords dentro de los contenidos del cibersitio.
Si bien generalmente es conveniente , 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 funcionalidades de ecommerce
En los sitios web donde el usuario puede hacer su cuenta, es esencial que el acceso a ella esté siempre visible y la ubicación perfecta es la esquina superior derecha. En la situacion de las tiendas online , este acceso es especialmente esencial puesto que incluye el carrito del usuario (sus pedidos no comprobados ).
Una aceptable 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 redes sociales y testimonios
Dar 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 oÃr a sus clientes del servicio y prospectos.
Para linkear 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 comienzo de tu cibersitio probablemente procederá de estas redes y no querrán hallarse widgets muy sobrecargados con contenido que ya han visto.
Los testimonios de clientes del servicio aportan valor siempre que tengan probabilidad , que puede estar basada en la concreción —cuando detallan 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 instante. Por consiguiente , la interacción y la cercanÃa con los clientes se ponen en valor de forma notable.
Por otro lado , mantener un chat en directo exige recursos , más allá de que se configuren algunas respuestas automatizadas. Si lo andas valorando para tu portal web , puedes disponer el chat para web de Sendinblue en poco tiempo.
Para emplearlo , no te pierdas estas 9 ideas para sacar partido al chat en vivo para websites.
Otras buenas prácticas en la página de inicio de un sitio web
El apartado anterior DISEÑO DE PAGINAS WEB incluye bastantes buenas prácticas que vas a deber tener en cuenta al integrar los elementos que compondrán la página de comienzo de tu sitio web , 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 :
Incluir llamadas a la acción visibles
Una parte esencial de los visitantes que lleguen a la página de comienzo no van a tener claro por dónde continuar 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 conocer la colección actualmente , cubrir un formulario para que se inscriba a un evento , leer un producto en el blog, etcétera.
Mientras una landing page frecuenta tener una sola llamada a la acción, una página de comienzo 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, 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 viejos que regresan después de un tiempo. De ahà que , modificar una parte de tus contenidos ocasionalmente es una forma de transmitir frescura y dinamismo.
No tiene que ver con volver a diseñar nuevamente toda la página de inicio , sino más bien 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 esta forma que vamos a ver tres ejemplos de página de inicio de websites que te tienen la posibilidad de servir como inspiración.
Bauhaus: explotar el buscador de adentro
La página de comienzo del portal web de bricolaje Bauhaus destaca por el importancia de su buscador de adentro. Hablamos de un ecommerce con una extensa variedad de modelos 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 modelos hasta hallarlo.
Por este motivo , el buscador de adentro está tan mejorado. En el momento en que introducimos 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 vinculadas a datas especÃficas como la Navidad. Cada una de ellas es una llamada a la acción para descubrir una categorÃa señalada de artÃculos.
Como el buscador de adentro tiene tanto importancia , el menú de categorÃas es del costado. Por esta razón , se tienen la posibilidad de dejar que sea un tanto 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 en todos los casos es requisito para inspirar dinamismo. Con solo una 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 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 quienes busquen productos 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 comienzo 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 inicio para posicionarse rápidamente ante los visitantes.
La decisión del azul claro como color de fondo y la imagen de un masaje relajante transmite sosiego.
También , son conscientes de que una persona interesada en servicios de estética deseará entrar en contacto con rapidez para informarse y soliciar cita. Por ello , un chat en vivo nuevo aparece en pantalla al ingresar.
Además de esto , incluyen un link para contactar 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 portal web , tienes que conocer la de otras empresas del ámbito , ver 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 progresar.