Si queres el desarollo del 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. Forma 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 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 más volumen de contenido, sino más bien por tener el conveniente.

En este 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 email marketing
No es necesario tener entendimientos en diseño o programación, con Sendinblue puedes hacer tus correos en unos cuantos pasos.

Quiero evaluar Sendinblue>>

Por qué razón es importante la página de inicio de un sitio web
El valor de la página home se sostiene en distintos pilares, que debes tomar en consideración a la hora de diseñarla. Estos son los principales :

Es un factor central del posicionamiento
Es bastante evidente que la página web es determinante 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 coherente : la elección de colores, fotografías, tipografías, artículos relevantes , etcétera. 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 las relaciones con tus prospectos; pero en la página de comienzo hay que cuidarlo singularmente.

Por ejemplo , la elección del azul en la imagen corporativa de muchos bancos y entidades financieras transmite seguridad. La página de comienzo de tu sitio 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 finalmente 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 siempre 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 mucho más pronto 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 elegir si les interesa lo que ven y desean continuar explorando por tu página web. Si es de este modo , 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 desea entender qué contenidos específicos se va a localizar en tu portal web y, además , lo desea 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 importante realizar pruebas de navegación para comprobar que los usuarios tienen la posibilidad de conseguir 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 esencial y al mismo tiempo es especial. Los buscadores web leen la composición de los sitios web (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 basado en el usuario final, va a valorar este aspecto tanto como la optimización para keywords concretas , o incluso más.

Los buscadores web recompensarán las páginas de inicio 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 enlaces secundarios que acompañan ciertos resultados de búsqueda.


Naturalmente, la optimización de palabras clave 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 búsqueda.

Una página de inicio no es exactamente lo mismo que una landing page
Al diseñar un plan de marketing digital, es muy importante 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 pensadas para un perfil de usuario concreto , 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 importan 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 email marketing, que puedes aprovechar 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. 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 logo y el menú primordial , la imagen primordial constituirá una primera impresión vital para posicionar tu negocio y tu marca. Una opción bastante habitual es un slider o carrusel con unas pocas imágenes rotatorias.

El carrusel tiene el beneficio de visibilizar fácilmente varios mensajes o proposiciones de valor con dinamismo, a fin de que el visitante pueda seleccionar , pero asimismo tiene el riesgo de esparcir la atención. Una imagen fija deja transmitir un mensaje único y más sólido. Todo es dependiente de tus prioridades.

Otra opción alternativa que deja trasmitir dinamismo es integrar un vídeo breve en lugar 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 más arriba, la mejor práctica es diseñar un menú de navegación primordial lo mucho más corto viable , con la ayuda de menús desplegables.

Para guiar al visitante, no es necesario enseñar una extendida lista de servicios o categorías desde un primer instante , sino seleccionar 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 y cada una de las páginas del página web , no solo en la de comienzo. Una razón más para que sea fácil.

Por servirnos de un ejemplo , en el menú de cabecera de SendinBlue empleamos solamente cuatro términos iniciales para asesorar 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 funcionalidades.

Si buscas un recurso más concreto como el complemento 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ú 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 pueden 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 tienen la posibilidad de incluir fotos de modelos en miniatura.

Buscador de adentro
En muchos websites , aparte de sugerir menús de navegación optimizados, resulta favorable preguntar al visitante qué busca directamente. El buscador de adentro facilita llevar a cabo una búsqueda por palabras clave dentro de los contenidos del cibersitio.

Si bien generalmente es recomendable , no hay una regla fija sobre la idoneidad de un buscador de adentro. Si el sitio es simple o los menús de navegación están bastante optimizados para todos los perfiles de usuario, no es obligatorio.

Acceso a la cuenta de usuario y funcionalidades de ecommerce
En los websites donde el usuario puede hacer su propia cuenta, es importante que el ingreso a ella esté siempre y en todo momento visible y la localización óptima es la esquina superior derecha. En la situacion de las tiendas online , este ingreso es particularmente esencial en tanto que incluye el carro del usuario (sus pedidos no comprobados ).

Una buena práctica, particularmente para el comercio electrónico , es explotar este espacio para integrar 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 exhibe de que a la compañía le resulta interesante percibir a sus clientes del servicio y prospectos.

Para linkear las comunidades , a veces un simple botón basta. Recuerda que una parte del tráfico que llegue a la página de inicio de tu sitio web probablemente procederá de estas redes y no desearán encontrarse widgets muy sobrecargados con contenido que ya han visto.

Los testimonios de clientes del servicio aportan valor siempre y cuando tengan credibilidad , que puede estar fundamentada en la concreción —en el momento en que especifican qué inconvenientes les ha resuelto la compañía —, en la reputación de los clientes que los firman o, mejor aún, en ambas cosas al tiempo.

Chat para web
Un chat para web es un factor opcional en la página de comienzo. 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 usuarios se ponen en valor de manera notable.

Por otra parte , mantener un chat en directo exige elementos , aunque se configuren ciertas respuestas automatizadas. Si lo estás valorando para tu sitio 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 sitios web.

Otras buenas prácticas en la página de inicio de un sitio web
El apartado previo incluye bastantes buenas prácticas que vas a deber tomar en consideración diseño de paginas web al integrar los elementos que compondrán la página de inicio 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 grupo :

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 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 realizar una acción instantánea en el sitio web , como conocer la colección del momento , contemplar un formulario para que se inscriba a un acontecimiento , leer un producto en el blog, etc.

Mientras que una landing page acostumbra 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 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 portal de internet es la bienvenida para los nuevos visitantes, pero también para los clientes antiguos que regresan tras un tiempo. Por eso , modificar parte de tus contenidos ocasionalmente es una manera de trasmitir lozanía y dinamismo.

No se trata de rediseñar de nuevo 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 principal
Dicen que una imagen vale mucho más que mil expresiones , de esta manera que vamos a ver tres ejemplos de página de comienzo de websites que te tienen la posibilidad de servir como inspiración.

Bauhaus: explotar el buscador de adentro
La página de inicio del sitio web de bricolaje Bauhaus luce por el importancia de su buscador interno. Hablamos de un ecommerce con una gran variedad de productos 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 productos hasta encontrarlo.

Por ello , el buscador de adentro está tan mejorado. Cuando introducimos un término en el buscador, se abre un menú desplegable de artículos con imágenes en miniatura.


Además de esto , esta página de inicio también incluye un carrusel con cinco imágenes primordiales , ciertas vinculadas a fechas específicas como la Navidad. Todas ellas es una llamada a la acción para descubrir una categoría destacada de modelos.

Como el buscador de adentro 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 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 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 también incorpora múltiples elementos de actualización: comunica de noticias 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 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 comienzo eficaz no solo está al alcance de los websites de ecommerce afianzados , como los dos 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 elección del azul claro como color de fondo y la imagen de un masaje relajante transmite sosiego.

Asimismo , son siendo conscientes de que una persona interesada en servicios de estética deseará entrar en contacto con rapidez para informarse y pedir cita. Por este motivo , un chat en vivo emergente hace aparición en pantalla al entrar.

Además , tienen dentro 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 cibersitio , no dejes de visitar la de otras compañías del campo , 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 prosperar.