Creamos 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 planeta virtual. Constituye una impresión inicial crucial para los visitantes que están conociendo tu compañía 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 será más eficiente por tener mucho más volumen de contenido, sino por tener el adecuado.

En este artículo , te ayudamos a fin de que te asegures de tener una página de comienzo eficaz para tu cibersitio , y lo conseguirá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 crear tus correos en bastantes pasos.

Quiero probar Sendinblue>>

Por qué razón es importante la página de comienzo de un sitio web
El valor de la página home se sostiene en distintos pilares, que debes tener en consideración en el momento 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 limita al logotipo y el eslogan.

Todos los elementos de la página de inicio forman parte de una imagen de marca coherente : 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 sitio 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 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 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 comienzo de un portal de internet » 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 pronto que tarde. Ahí tratarán de encontrar los servicios que ofrece tu marca y los contenidos de tu sitio web.

Dedicarán unos segundos a decidir si les atrae lo que ven y quieren proseguir explorando por tu cibersitio. 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 desea saber qué contenidos concretos se va a encontrar en tu sitio web 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.

Va a ser esencial efectuar pruebas de navegación para revisar que los individuos pueden encontrar 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 como Google plus , la página de comienzo de un sitio web es importante y al mismo tiempo es particular. Los buscadores web leen la composición de los websites (con el fichero sitemap, que se puede optimizar ), identifican la página de inicio y saben que su prioridad debe 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 específicas , o aun 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 de esto , una navegación bien encaminada ayuda a Google plus a definir los sitelinks, los enlaces secundarios que acompañan algunos resultados de búsqueda.


Naturalmente, la optimización de palabras clave correctas 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 comienzo 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 inicio o página home. Las landing pages son páginas que se diseñan para una campaña de marketing específica.

Están concebidas para un perfil de usuario concreto , con solo una llamada a la acción muy específica y casi siempre de duración limitada (por servirnos de un ejemplo , conseguir un cupón de descuento o inscribirse 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 deben enseñar todos 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 explotar 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 distintos elementos. Ahora , vamos a ver cuáles son los mucho más comunes y las mejores prácticas para emplearlos :

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 crucial 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 la ventaja de visibilizar de forma fácil varios mensajes o proposiciones de valor con dinamismo, a fin de que el visitante logre escoger , pero también tiene el peligro de dispersar la atención. Una imagen fija deja transmitir un mensaje único y mucho más sólido. Todo depende de tus preferencias.

Otra opción alternativa que permite transmitir dinamismo es integrar un vídeo breve en vez de una imagen primordial.

Menús de navegación: cuanto 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 comienzo 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 viable , con el apoyo de menús desplegables.

Para guiar al visitante, no es necesario mostrar una larga lista de servicios o categorías desde un primer momento , sino seleccionar los términos correctos a fin de que los encuentre en las páginas secundarias.

Normalmente , este menú primordial va a estar a la vista en todas las páginas del cibersitio , no solo en la de comienzo. Una razón más para que sea simple.

Por poner un ejemplo , en el menú de cabecera de SendinBlue empleamos solamente cuatro 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 hacer landing pages, lo encontrará en el menú desplegable de funcionalidades.

Si buscas 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. 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 dificultad de tus contenidos lo justifica, otros menús que se tienen la posibilidad de 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 ello pueden ser algo más largos sin perjudicar la experiencia de usuario. Si tienes un sitio web de ecommerce, por poner un ejemplo , estos menús pueden incluir fotos de artículos DISEÑO DE PAGINAS WEB en miniatura.

Buscador interno
En muchos sitios web , además de ofrecer menús de navegación optimizados, resulta conveniente preguntar al visitante qué busca de manera directa. El buscador interno permite realizar una búsqueda por palabras clave dentro de los contenidos del sitio web.

Aunque por norma general es conveniente , 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 y cada uno de los concretes de usuario, no es obligatorio.

Acceso a la cuenta de usuario y funciones 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 aparente y la ubicación óptima es la esquina superior derecha. En el caso de las tiendas en línea , este ingreso es especialmente importante ya que incluye el carro del usuario (sus pedidos no comprobados ).

Una aceptable práctica, en particular para el comercio online , es aprovechar este espacio para integrar un menú desplegable con todas las funcionalidades de la cuenta personal, como hace Amazon:


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

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

Los testimonios de clientes aportan valor siempre y cuando tengan credibilidad , que puede estar basada en la concreción —en el momento en que especifican 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 factor opcional en la página de inicio. Al incluirlo, una marca se expone disponible para hablar con los visitantes desde un primer momento. Por tanto , la interacción y la proximidad con los usuarios se ponen en valor de manera considerable.

Por otra parte , mantener un chat en vivo pide recursos , aunque se configuren ciertas respuestas automatizadas. Si lo estás valorando para tu página web , puedes instalar 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 comienzo de tu cibersitio , como los menús de navegación. Para complementarlas, las siguientes buenas prácticas se aplican a la página de comienzo en su conjunto :

Integrar llamadas a la acción claras
Una sección importante de los visitantes que lleguen a la página de comienzo no van a tener 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 inmediata en el sitio , como visitar la compilación actualmente , contemplar un formulario para que se inscriba a un evento , leer un artículo en el blog, etc.

Mientras una landing page frecuenta tener solo una llamada a la acción, una página de inicio tiene la posibilidad de tener varias , aunque jamás han de ser demasiadas. Por ejemplo , Mundo Huerto invita a sus visitantes a hallar un código de descuento con un mensaje claro, breve 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 clientes antiguos que regresan tras un tiempo. Por eso , modificar una parte de tus contenidos de vez en cuando es una forma de trasmitir frescura y dinamismo.

No se trata de volver a diseñ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 primordial
Aseguran que una imagen vale más que mil palabras , de esta forma que iremos a ver tres ejemplos de página de inicio de sitios web que te pueden ser útil como inspiración.

Bauhaus: explotar el buscador de adentro
La página de inicio del portal web de bricolaje Bauhaus destaca por el importancia de su buscador de adentro. Hablamos de un ecommerce con una gran 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 hallarlo.

Por ello , el buscador interno está tan mejorado. 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 comienzo también incluye un carrusel con cinco imágenes principales , ciertas 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 esta razón , se pueden permitir que sea un poco 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 una sola imagen, centran la atención del visitante en una única llamada a la acción: su colección Jordania x PSG.

Esta página home también tiene dentro múltiples 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 breve se estructura 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 localizar 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 eficaz no solo está al alcance de los sitios web de ecommerce consolidados , como los dos anteriores. El centro Novaestetica es un caso de muestra de negocio local que explota 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 un individuo interesada en servicios de estética deseará contactar con rapidez para informarse y soliciar cita. Por este motivo , un chat en vivo nuevo aparece en pantalla al entrar.

Además de esto , tienen dentro un enlace para contactar por WhatsApp y el teléfono está a la visión 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 sitio web , tienes que 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.

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

Leave a Reply

Your email address will not be published. Required fields are marked *