Si necesitas el desarollo del diseño web de calidad para tu empresa
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 crucial para los visitantes que están conociendo tu compañÃa o que regresan tras un tiempo.
Por ello , es importante dedicar a tiempo a diseñarla y optimizarla. Tienes que 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 eficaz por tener mucho más volumen de contenido, sino por tener el adecuado.
En este artÃculo , te asistimos para que te asegures de tener una página de comienzo eficiente para tu cibersitio , 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 requisito 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 inicio de un portal de internet
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 esencial para la imagen corporativa de la marca, y esto no se restringe al logotipo y el eslogan.
Todos 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, productos 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 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 singularmente.
Por servirnos de un ejemplo , la elecció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 plus «página de comienzo de un portal de internet » y llega a este producto. Lo lee y finalmente le entra la curiosidad: ¿qué es SendinBlue? Pincha en el logo 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 mucho más próximamente que tarde. Ahà van a tratar de conseguir 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 seguir explorando por tu página web. Si es asà , 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 quiere entender qué contenidos especÃficos se marcha a conseguir en tu página web y, además de esto , lo desea descubrir con rapidez. El menú de la página home de un portal de internet debe ser fácil y claro al tiempo , para llevar a los visitantes a las páginas concretas que les interesen.
Será importante efectuar pruebas de navegación para revisar que los individuos pueden encontrar con sencillez lo que procuran. Este es un aspecto clave 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 sitio web es esencial y al tiempo es particular. Los buscadores web 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 debe ser la experiencia de usuario.
El algoritmo, cada vez más centrado en el usuario final, va a valorar este aspecto tanto como la optimización para keywords especÃficas , 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 , una navegación bien encauzada asiste para Google+ a determinar los sitelinks, los links secundarios que acompañan algunos resultados de la búsqueda.
Naturalmente, la optimización de keywords adecuadas es asimismo importante en la página de inicio , más que nada 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 una estrategia 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 una sola 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 evento ).
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 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 correo electrónico marketing, que puedes aprovechar con el editor para hacer landing pages personalizadas de Sendinblue.
Elementos de la página de comienzo 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 habituales y las mejores prácticas para emplearlos :
Imagen principal : el valor de la primera impresión
Justo debajo de la cabecera con el logotipo y el menú principal , la imagen primordial 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 el beneficio de visibilizar de manera fácil múltiples mensajes o proposiciones de valor con dinamismo, para que el visitante logre seleccionar , pero asimismo 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 alternativa que permite trasmitir dinamismo es integrar un vÃdeo breve en lugar 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 protagonista en la página de comienzo de cualquier sitio 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 posible , con la ayuda de menús desplegables.
Para asesorar al visitante, no es necesario enseñar una extendida lista de servicios o categorÃas desde un primer momento , sino más bien escoger los términos adecuados para que los halle 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 mucho 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 ayudamos de los menús desplegables. Si a un visitante le resulta interesante nuestro asistente para crear landing pages, lo hallará en el menú desplegable de funciones.
Si buscas un recurso más especÃfico como el complemento 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ú principal supondrÃa sobrecargarlo bastante.
El menú de la cabecera es el principal menú de navegación, pero no el único. Si la dificultad de tus contenidos lo justifica, otros menús que se pueden 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 visión como el de cabecera y por ello tienen la posibilidad de ser algo mucho más largos sin dañar la experiencia de usuario. Si tienes un portal de internet de ecommerce, por servirnos de un ejemplo , estos menús pueden incluir fotografÃas de artÃculos en miniatura.
Buscador de adentro
En varios websites , aparte de prestar menús de navegación optimizados, resulta conveniente preguntar al visitante qué busca directamente. El buscador interno permite realizar una búsqueda por keywords en los contenidos del portal web.
Si bien por norma general es recomendable , 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 suficientemente optimizados para todos los perfiles de usuario, no es obligación.
Acceso a la cuenta de usuario y funcionalidades de ecommerce
En los sitios web donde el usuario puede crear su propia cuenta, es esencial que el ingreso a ella esté siempre visible y la localización perfecta es la esquina superior derecha. En la situacion de las tiendas en lÃnea , 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 incluir 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 en la página home es una muestra de que a la empresa le resulta interesante percibir a sus clientes y prospectos.
Para enlazar las comunidades , en ocasiones un simple botón basta. Recuerda que una 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 del servicio aportan valor siempre que tengan probabilidad , que puede estar basada 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 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 consiguiente , la diseño de paginas web interacción y la cercanÃa con los usuarios se ponen en valor de manera notable.
Por otro lado , sostener un chat en directo exige elementos , aunque se configuren algunas respuestas automatizadas. Si lo andas valorando para tu cibersitio , 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 portal de internet
El epÃgrafe previo incluye bastantes buenas prácticas que deberás tener en cuenta 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 próximas buenas prácticas se aplican a la página de inicio en su grupo :
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 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 actualmente , cubrir un formulario a fin de que se inscriba a un evento , leer un artÃculo en el blog, etcétera.
Mientras una landing page acostumbra tener solo una llamada a la acción, una página de inicio tiene la posibilidad de tener múltiples , aunque jamás han de ser demasiadas. Por ejemplo , Planeta Huerto invita a sus visitantes a hallar un código de descuento con un mensaje claro, corto y visible.
Actualizar el contenido
La página de inicio de un portal de internet es la bienvenida para los nuevos visitantes, pero asimismo para los usuarios antiguos que vuelven tras un tiempo. De ahà que , modificar parte de tus contenidos ocasionalmente es una manera 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
Dicen que una imagen vale más que mil palabras , de esta manera 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 sitio web de bricolaje Bauhaus destaca por el protagonismo de su buscador interno. Se trata de un ecommerce con una gran variedad de artÃculos 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 interno está tan mejorado. En el momento en que 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 comienzo asimismo incluye un carrusel con cinco imágenes principales , ciertas enlazadas a fechas concretas como la Navidad. Cada una de ellas es una llamada a la acción para conocer una categorÃa señalada de productos.
Como el buscador interno tiene tanto protagonismo , el menú de categorÃas es del costado. Por tal razón , se tienen la posibilidad de dejar que sea un tanto mucho más largo de lo frecuente.
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 necesario para inspirar dinamismo. Con una sola imagen, centran la atención del visitante en una única llamada a la acción: su compilación Jordania x PSG.
Esta página home asimismo tiene dentro 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 especÃfica para todos los que procuren modelos rebajados, otra para los fans que quieran localizar las equipaciones de equipos concretos , etc. La lupa en la esquina superior derecha es un buscador de adentro que no ocupa bastante espacio.
Novaestetica
Una página de inicio eficaz no solo está al alcance de los websites de ecommerce afianzados , como los 2 precedentes. 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 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 querrá contactar con rapidez para informarse y pedir cita. Por este motivo , un chat en directo emergente hace aparición en pantalla al ingresar.
Además , incluyen un link para entrar en contacto 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 portal web , no dejes de conocer la de otras compañÃas del campo , ver en qué las puedes mejorar y dedicar tiempo y elementos a las pruebas de navegación.
Absolutamente nadie mejor que un potencial visitante futuro para decirte qué puedes mejorar.