Creamos 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 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 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 sitio web , 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 unos cuantos pasos.
Quiero evaluar Sendinblue>>
Por qué razón es esencial la página de inicio de un sitio web
El valor de la página home se sostiene en diferentes pilares, que tienes que tener en cuenta a la hora de diseñarla. Estos son los primordiales :
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 restringe al logotipo y el eslogan.
Todos y cada uno de los elementos de la página de comienzo pertenecen a 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 página web , las campañas de email y todas las interacciones con tus prospectos; pero en la página de inicio hay que cuidarlo especialmente.
Por poner un ejemplo , la elección del azul en la imagen corporativa de muchos bancos y entidades financieras transmite confianza. La página de inicio de tu portal 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+ «página de inicio de un portal de internet » y llega a este producto. Lo lee y por último 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 más pronto que tarde. Ahà tratarán de localizar los servicios que da tu marca y los contenidos de tu portal web.
Dedicarán unos segundos a decidir si les interesa lo que ven y desean proseguir explorando por tu cibersitio. Si es de esta forma , habrán dado un primer paso para arrimarse 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 comprender qué contenidos especÃficos se va a localizar en tu sitio web y, además , lo desea conocer con rapidez. El menú de la página home de un sitio web ha de ser fácil y claro al tiempo , para llevar a los visitantes a las páginas especÃficas que les interesen.
Será esencial efectuar pruebas de navegación para comprobar que los usuarios 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 buscadores como Google plus , la página de inicio de un portal de internet es importante y al tiempo es particular. Los buscadores web leen la composición de los sitios web (con el fichero 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 basado en el usuario final, va a apreciar este aspecto tanto como la optimización para palabras clave especÃficas , o aun 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 ayuda a Google plus a determinar los sitelinks, los enlaces secundarios que acompañan ciertos resultados de búsqueda.
Naturalmente, la optimización de palabras clave correctas 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 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 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 concebidas para un perfil como usuario especÃfico , con una sola 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, a diferencia de la página home, las landing pages no tienen que 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 correo electrónico marketing, que puedes aprovechar 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 diferentes elementos. Ahora , veremos 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 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, a fin de que el visitante pueda seleccionar , pero asimismo tiene el peligro de dispersar la atención. Una imagen fija permite trasmitir un mensaje único y más sólido. Todo es dependiente 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 mucho más simples mejor
El menú o los menús que vertebran la navegación son un factor personaje principal en la página de inicio 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 posible , 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 más bien escoger los términos correctos a fin de que los encuentre en las páginas secundarias.
Comunmente , este menú principal va a estar a la visión en todas y cada una de las páginas del sitio web , no solo en la de comienzo. Una razón más a fin de que sea simple.
Por ejemplo , en el menú de cabecera de SendinBlue empleamos solamente cuatro términos iniciales para asesorar la navegación y nos ayudamos de los menús desplegables. Si a un visitante le interesa nuestro asistente para hacer landing pages, lo encontrará en el menú desplegable de funciones.
Si buscas un recurso mucho más especÃfico como el complemento para integrar SendinBlue con Shopify, hallarás la página Diseño paginas web de plugins en el apartado de recursos. Presentar todos nuestros plugins en el menú primordial 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 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 vista como el de cabecera y por este motivo pueden ser algo mucho más largos sin perjudicar la experiencia de usuario. Si tienes un portal de internet de ecommerce, por ejemplo , estos menús tienen la posibilidad de integrar fotografÃas de modelos en miniatura.
Buscador interno
En varios websites , aparte de sugerir menús de navegación optimizados, resulta favorable preguntar al visitante qué busca de forma directa. El buscador interno permite realizar una búsqueda por palabras clave dentro de los contenidos del portal web.
Aunque generalmente es recomendable , no hay una regla fija sobre la idoneidad de un buscador interno. Si el sitio es bien 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 cuenta, es importante que el acceso a ella esté siempre y en todo momento aparente y la localización perfecta es la esquina superior derecha. En el caso de las tiendas online , este ingreso es particularmente importante ya que incluye el carro del usuario (sus pedidos no comprobados ).
Una aceptable práctica, particularmente para el comercio on line , es aprovechar este espacio para incluir un menú desplegable con todas y cada una de 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 exhibe de que a la empresa le resulta interesante oÃr a sus clientes y prospectos.
Para linkear las redes sociales , a veces un fácil botón basta. Ten en cuenta 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 aportan valor siempre y cuando tengan credibilidad , que puede estar fundamentada en la concreción —cuando detallan qué problemas 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 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 cercanÃa con los individuos se ponen en valor de manera notable.
Por otro lado , mantener un chat en vivo exige recursos , aunque 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 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 inicio de un portal de internet
El epÃgrafe anterior incluye bastantes buenas prácticas que vas a deber tomar en consideración al integrar los elementos que compondrán la página de comienzo de tu página web , 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 conjunto :
Incluir llamadas a la acción claras
Una sección importante de los visitantes que lleguen a la página de comienzo no tendrán claro por dónde proseguir 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 web , como visitar la compilación del momento , contemplar un formulario para que se inscriba a un evento , leer un artÃculo en el blog, etcétera.
Mientras que una landing page frecuenta tener solo una llamada a la acción, una página de comienzo tiene la posibilidad de tener varias , si bien jamás deben ser demasiadas. Por poner un ejemplo , Mundo Huerto invita a sus visitantes a hallar un código de descuento con un mensaje claro, corto y aparente.
Actualizar el contenido
La página de comienzo de un sitio web es la bienvenida para los nuevos visitantes, pero también para los individuos viejos que vuelven después de un tiempo. Por eso , cambiar una parte de tus contenidos ocasionalmente es una forma de trasmitir lozanÃa y dinamismo.
No se trata de rediseñar nuevamente toda la página de comienzo , 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
Aseguran 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 websites que te tienen la posibilidad de ser útil como inspiración.
Bauhaus: explotar el buscador interno
La página de inicio del cibersitio de bricolaje Bauhaus luce por el importancia de su buscador de adentro. Hablamos de un ecommerce con una gran variedad de artÃculos donde muchos visitantes ya saben lo que precisan.
Preferirán ganar tiempo con una búsqueda directa antes que bucear en las categorÃas de artÃculos hasta hallarlo.
Por este motivo , el buscador de adentro está tan mejorado. En el momento en que 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 inicio también 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 artÃculos.
Como el buscador de adentro 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 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 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 asimismo tiene dentro varios elementos de actualización: comunica de novedades 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 artÃculos rebajados, otra para los entusiastas que quieran localizar 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 eficiente no solo está al alcance de los websites de ecommerce consolidados , como los dos anteriores. El centro Novaestetica es un caso de muestra de negocio local que aprovecha el potencial de su página de inicio para posicionarse velozmente 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 rapidez para informarse y pedir cita. Por este motivo , un chat en vivo emergente aparece en pantalla al ingresar.
Además de esto , tienen dentro un enlace 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 progresar y dedicar tiempo y recursos a las pruebas de navegación.
Nadie mejor que un potencial visitante futuro para decirte qué puedes mejorar.