Creamos el diseño depaginas web para la venta online

La página de comienzo o página home de un sitio web es la presentación de tu marca en el mundo virtual. Forma una impresión inicial crucial para los visitantes que están conociendo tu empresa o que regresan tras un tiempo.

Por ello , es esencial dedicar a tiempo a diseñarla y optimizarla. Tienes que incluir 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 eficiente por tener más volumen de contenido, sino por tener el conveniente.

En el presente artículo , te ayudamos a fin de que te asegures de tener una página de inicio eficiente para tu portal web , y lo conseguirás como debe hacerse: poniéndote en la piel del visitante.

Impulsa las conversiones con campañas de dirección de correo electrónico marketing
No es necesario tener entendimientos en diseño o programación, con Sendinblue puedes crear tus correos en unos cuantos pasos.

Deseo probar Sendinblue>>

Por qué razón es importante la página de comienzo de un portal de internet
El valor de la página home se apoya en diferentes pilares, que debes tomar en consideración a la hora de diseñarla. Estos son los primordiales :

Es un elemento central del posicionamiento
Es bastante evidente que la página web es esencial 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 inicio forman parte de una imagen de marca congruente : la elección de colores, fotografías, tipografías, artículos destacados , etc. Se podría decir esto mismo de todas las páginas del cibersitio , las campañas de correo electrónico y todas las interacciones 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 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 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 logo 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 decidir si les interesa lo que ven y desean seguir navegando por tu portal web. Si es de este modo , 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 saber qué contenidos concretos se va a encontrar en tu sitio web y, además de esto , 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 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 inicio de un portal de internet es esencial y al mismo tiempo es particular. Los buscadores web leen la composición de los websites (con el archivo sitemap, que se puede mejorar ), 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 basado en el usuario final, va a valorar 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 inicio que tengan hipervínculos bien jerarquizados que canalicen el tráfico. Además de esto , una navegación bien encauzada ayuda 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 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 comienzo no es lo mismo que una landing page
Al diseñar un plan de marketing digital, es muy importante 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 anotarse a un acontecimiento ).

Ambos géneros de páginas son importantes para el posicionamiento de la marca pero, a diferencia de la página home, las landing pages no deben presentar todos y cada uno de los servicios de la empresa ni dirigirse a la totalidad 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 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 usarlos :

Imagen principal : el valor de la primera impresión
Justo bajo la cabecera con el logo y el menú primordial , la imagen principal formará una primera impresión vital para posicionar 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 varios mensajes o proposiciones de valor con dinamismo, para que el visitante logre elegir , pero asimismo tiene el riesgo de dispersar la atención. Una imagen fija deja trasmitir un mensaje único y más sólido. Todo depende de tus preferencias.

Otra alternativa que permite trasmitir dinamismo es integrar un vídeo corto en vez de una imagen principal.

Menús de navegación: cuanto 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 página web. Como anticipábamos mucho más arriba, la mejor práctica es diseñar un menú de navegación primordial lo mucho más corto viable , con el apoyo 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.

Normalmente , este menú principal estará a la vista en todas y cada una de las páginas del sitio web , no solo en la de inicio. Una razón más para que sea fácil.

Por servirnos de un ejemplo , en el menú de cabecera de SendinBlue empleamos únicamente 4 términos iniciales para asesorar la navegación y nos asistimos de los menús desplegables. Si a un visitante le interesa nuestro asistente para crear landing pages, lo hallará en el menú desplegable de funciones.

Si estas buscando un recurso más específico como el plugin para integrar SendinBlue con Shopify, hallarás la página de plugins en el apartado de elementos. Enseñar todos nuestros plugins en el menú primordial supondría sobrecargarlo bastante.


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 este motivo tienen la posibilidad de ser algo más largos sin perjudicar la experiencia de usuario. Si tienes un portal de internet de ecommerce, por poner un ejemplo , estos menús pueden incluir 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 interno facilita llevar a cabo una búsqueda por keywords dentro de los contenidos del página web.

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

Acceso a la cuenta de usuario y funciones de ecommerce
En los sitios web donde el usuario puede crear su cuenta, es esencial que el acceso a ella esté siempre y en todo momento visible y la localización óptima es la esquina superior derecha. En el caso de las tiendas en línea , este acceso es especialmente importante en tanto que incluye el carrito del usuario (sus pedidos no comprobados ).

Una buena práctica, particularmente para el comercio on line , es explotar este espacio para integrar un menú desplegable con todas las funciones de la cuenta personal, como hace Amazon:


Widgets de redes sociales y testimonios
Ofrecer visibilidad a las redes sociales y/o los testimonios de clientes en la página home es una muestra de que a la compañía le interesa percibir a sus clientes y prospectos.

Para linkear las redes sociales , en ocasiones un simple botón basta. Ten en cuenta que una parte del tráfico que llegue a la página de comienzo de tu portal web probablemente procederá de estas redes y no desearán encontrarse widgets muy sobrecargados con contenido que han visto.

Los testimonios de clientes del servicio aportan valor siempre que tengan credibilidad , que puede estar fundamentada en la concreción —cuando detallan qué problemas les ha resuelto la compañía —, en <<< Continuar >>> 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 elemento opcional en la página de inicio. Al incluirlo, una marca se expone disponible para dialogar con los visitantes desde un primer instante. Por tanto , la interacción y la proximidad con los clientes se ponen en valor de forma notable.

Por otra parte , mantener un chat en directo exige recursos , más allá de que se configuren algunas respuestas automatizadas. Si lo estás valorando para tu portal web , puedes instalar 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 sitios web.

Otras buenas prácticas en la página de inicio de un sitio web
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 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 comienzo en su grupo :

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 seguir 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 visitar la colección actualmente , contemplar un formulario a fin de que se inscriba a un evento , leer un producto en el blog, etcétera.

Mientras que una landing page suele tener solo una llamada a la acción, una página de comienzo tiene la posibilidad de tener múltiples , aunque nunca han de ser demasiadas. Por servirnos de un ejemplo , Mundo Huerto invita a sus visitantes a conseguir un código de descuento con un mensaje claro, corto y visible.


Actualizar el contenido
La página de comienzo de un sitio web es la bienvenida para los nuevos visitantes, pero también para los usuarios viejos que regresan tras un tiempo. Por eso , cambiar parte de tus contenidos ocasionalmente es una manera de trasmitir frescura y dinamismo.

No tiene que ver con rediseñar de nuevo toda la página de inicio , sino más bien 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
Comentan que una imagen vale mucho más que mil palabras , de este modo que iremos a ver tres ejemplos de página de comienzo de sitios web que te tienen la posibilidad de 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. Se trata de un ecommerce con una extensa variedad de productos 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 modelos hasta localizarlo.

Por este motivo , el buscador de adentro está tan mejorado. 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 comienzo asimismo incluye un carrusel con cinco imágenes principales , algunas enlazadas a datas específicas 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 interno 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ú orientado 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 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 también incorpora 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 corto se composición poniéndose en la piel de los visitantes, con una categoría específica para quienes busquen modelos 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 comienzo eficiente no solo está al alcance de los sitios web de ecommerce consolidados , como los 2 precedentes. 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 velocidad para informarse y soliciar cita. Por ello , un chat en vivo nuevo aparece en pantalla al ingresar.

Además , 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 cibersitio , no dejes de conocer la de otras compañías del campo , ver en qué las puedes progresar y dedicar tiempo y recursos a las pruebas de navegación.

Absolutamente nadie mejor que un potencial visitante futuro para decirte qué puedes prosperar.