Diseño de paginas web en la plata
La página de comienzo o página home de un sitio web es la presentación de tu marca en el planeta virtual. Constituye 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. Debes integrar 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 eficaz por tener mucho más volumen de contenido, sino más bien por tener el conveniente.
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 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 conocimientos en diseño o programación, con Sendinblue puedes hacer tus correos en bastantes pasos.
Deseo evaluar Sendinblue>>
Por qué es esencial la página de inicio de un sitio web
El valor de la página home se sostiene en distintos pilares, que tienes que tener en consideración en el momento de diseñarla. Estos son los principales :
Es un elemento central del posicionamiento
Es bastante obvio que la web es esencial para la imagen corporativa de la marca, y esto no se limita al logo y el eslogan.
Todos los elementos de la página de inicio forman parte de una imagen de marca congruente : 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 cibersitio , 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 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 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 sitio web » y llega a este artÃculo. Lo lee y al final le entra la curiosidad: ¿qué es SendinBlue? Pincha en el logo de la esquina superior izquierda y accede 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, pasarán por ella más próximamente que tarde. Ahà van a tratar de localizar los servicios que ofrece tu marca y los contenidos de tu portal web.
Dedicarán unos segundos a decidir si les atrae lo que ven y quieren continuar navegando por tu página web. Si es asà , 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 quiere comprender qué contenidos especÃficos se va a conseguir en tu portal web y, además de esto , lo quiere conocer con rapidez. El menú de la página home de un portal de internet debe ser simple y claro al tiempo , para llevar a los visitantes a las páginas especÃficas que les interesen.
Va a ser importante efectuar pruebas de navegación para comprobar que los clientes pueden conseguir con facilidad lo que procuran. 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+ , la página de comienzo de un sitio web es esencial y al mismo tiempo es particular. Los buscadores web leen la estructura de los websites (con el archivo sitemap, que se puede mejorar ), identifican la página de inicio y saben que su prioridad debe ser la experiencia de usuario.
El algoritmo, cada vez 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 buscadores web 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+ a definir los sitelinks, los links secundarios que acompañan algunos resultados de la 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 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 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 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 ejemplo , conseguir un cupón de descuento o inscribirse a un acontecimiento ).
Ambos géneros de páginas son importantes para el posicionamiento de la marca pero, en contraste a 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 objetivo.
Las páginas de destino tienen un enorme potencial para el dirección de correo electrónico marketing, que puedes aprovechar con el editor para hacer landing pages personalizadas de Sendinblue.
Elementos de la página de inicio de un sitio web
Una página home es una composición de diferentes elementos. A continuación , vamos a ver cuáles son los mucho más habituales 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ú principal , la imagen primordial constituirá una primera impresión vital para posicionar tu negocio y tu marca. Una alternativa 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, a fin de que el visitante logre elegir , pero también tiene el riesgo de dispersar la atención. Una imagen fija permite transmitir un mensaje único y más sólido. Todo depende de tus preferencias.
Otra opción alternativa que deja transmitir dinamismo es integrar un vÃdeo corto en vez de una imagen primordial.
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 portal web. 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 mostrar una larga lista de servicios o categorÃas desde un primer instante , sino más bien elegir los términos adecuados a fin de que los encuentre en las páginas secundarias.
Normalmente , este menú principal va a estar a la visión en todas las páginas del cibersitio , no solo en la de inicio. Una razón más para que sea simple.
Por servirnos de 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 interesa 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, 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 visión como el de cabecera y por este motivo pueden ser algo más largos sin perjudicar la experiencia de usuario. Si tienes un sitio web de ecommerce, por servirnos de un ejemplo , estos menús pueden incluir fotografÃas de modelos en miniatura.
Buscador de adentro
En varios websites , además de prestar menús de navegación optimizados, resulta favorable preguntar al visitante qué busca de forma directa. El buscador de adentro facilita llevar a cabo una búsqueda por keywords en 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 los concretes de usuario, no es obligatorio.
Ingreso a la cuenta de usuario y funciones de ecommerce
En los websites donde el usuario puede hacer su propia cuenta, es importante que el acceso a ella esté siempre aparente y la localización perfecta es la esquina superior derecha. En el caso de las tiendas online , este ingreso es especialmente importante en tanto que incluye el carro del usuario (sus pedidos no confirmados ).
Una buena práctica, particularmente para el comercio on line , es explotar este espacio para integrar un menú desplegable con todas las funcionalidades 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 del servicio en la página home es una exhibe de que a la empresa le interesa percibir a sus clientes del servicio y prospectos.
Para enlazar las comunidades , a veces un simple botón basta. Recuerda que parte del tráfico que llegue a la página de inicio de tu portal web probablemente procederá de estas redes y no querrán hallarse widgets muy sobrecargados con contenido que ya vieron.
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 del servicio que los firman o, mejor aún, en ambas 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 consiguiente , la interacción y la proximidad con los usuarios se ponen en valor de forma notable.
Por otro lado , sostener un chat en vivo exige elementos , aunque 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 comienzo 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 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 tendrán 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 , como visitar la compilación del momento , cubrir un formulario a Diseño paginas web fin de que se inscriba a un acontecimiento , leer un artÃculo en el blog, etc.
Mientras que una landing page suele tener solo una llamada a la acción, una página de inicio puede tener múltiples , si bien jamás deben 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 comienzo de un portal de internet es la bienvenida para los nuevos visitantes, pero asimismo para los clientes viejos que regresan después de un tiempo. De ahà que , cambiar una parte de tus contenidos ocasionalmente es una forma de transmitir lozanÃa y dinamismo.
No tiene que ver con rediseñar nuevamente toda la página de inicio , sino más bien 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
Comentan que una imagen vale mucho más que mil expresiones , asà que vamos 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 comienzo del página web de bricolaje Bauhaus luce 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 encontrarlo.
Por ello , el buscador interno está tan mejorado. En el momento en que ingresamos un término en el buscador, se abre un menú desplegable de modelos con imágenes en miniatura.
Además de esto , esta página de comienzo asimismo incluye un carrusel con cinco imágenes primordiales , ciertas 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 modelos.
Como el buscador de adentro tiene tanto importancia , el menú de categorÃas es del costado. Por tal razón , se tienen la posibilidad de permitir que sea un tanto 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 necesario 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 incorpora múltiples elementos de actualización: informa de noticias como la disponibilidad de After Pay y la reapertura de las tiendas minoristas.
Por último , su menú superior corto se composición 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 mucho espacio.
Novaestetica
Una página de comienzo eficaz no solo está al alcance de los sitios web de ecommerce afianzados , como los dos anteriores. El centro Novaestetica es un ejemplo de negocio local que explota el potencial de su página de comienzo para posicionarse de forma rápida 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 un individuo interesada en servicios de estética querrá contactar con velocidad para informarse y soliciar cita. Por ello , un chat en directo emergente hace aparición en pantalla al ingresar.
Además , incluyen un link 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 mejorar.