Creamos el desarollo del diseño web para tener una web para tu pyme
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 vital para los visitantes que están conociendo tu empresa o que vuelven después de un tiempo.
Por ello , es esencial dedicar a tiempo a diseñarla y optimizarla. Debes 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á mucho más eficaz por tener mucho más volumen de contenido, sino por tener el adecuado.
En este artÃculo , te ayudamos para que te asegures de tener una página de comienzo eficiente para tu cibersitio , y lo logrará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 conocimientos en diseño o programación, con Sendinblue puedes crear tus correos en varios pasos.
Quiero probar 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 debes tomar en consideración a la hora de diseñarla. Estos son los principales :
Es un elemento central del posicionamiento
Es bastante obvio que la web es determinante para la imagen corporativa de la marca, y esto no se limita al logo y el eslogan.
Todos y cada uno de los elementos de la página de comienzo pertenecen a una imagen de marca congruente : la decisión de colores, fotografÃas, tipografÃas, artÃculos destacados , etc. Se podrÃa decir esto mismo de todas 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 en especial.
Por servirnos de un ejemplo , la elección del azul en la imagen corporativa de muchos bancos y entidades financieras transmite seguridad. La página de inicio 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+ «página de comienzo 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 logotipo de la esquina superior izquierda y ingresa a nuestra página de comienzo.
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 proporciona tu marca y los contenidos de tu cibersitio.
Dedicarán unos segundos a elegir si les atrae lo que ven y quieren seguir navegando por tu sitio web. Si es de esta manera , 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 comienzo quiere entender qué contenidos concretos se marcha a hallar en tu cibersitio y, además de esto , lo desea conocer con rapidez. El menú de la página home de un sitio web 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 tienen la posibilidad de conseguir con sencillez lo que buscan. 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 comienzo de un sitio web es importante y al mismo tiempo es especial. 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, 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 más.
Los buscadores web recompensarán las páginas de comienzo que tengan hipervÃnculos bien jerarquizados que canalicen el tráfico. Además , una navegación bien encauzada 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 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 lo mismo que una landing page
Al diseñar una estrategia de marketing digital, es primordial distinguir 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 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 servirnos de un ejemplo , conseguir 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 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. A continuación , veremos cuáles son los más comunes y las mejores prácticas para usarlos :
Imagen primordial : el valor de la primera impresión
Justo bajo la cabecera con el logo y el menú primordial , la imagen principal constituirá una primera impresión vital para posicionar 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 forma fácil varios mensajes o proposiciones de valor con dinamismo, a fin de que el visitante pueda elegir , pero también tiene el peligro de dispersar la atención. Una imagen fija permite transmitir un mensaje único y mucho más sólido. Todo depende de tus preferencias.
Otra alternativa que permite trasmitir dinamismo es incluir 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 factor protagonista en la página de inicio de cualquier página web. 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 la ayuda de menús desplegables.
Para asesorar al visitante, no es requisito enseñar una extendida lista de servicios o categorÃas desde un primer momento , sino escoger los términos adecuados a fin de que los encuentre en las páginas secundarias.
Comunmente , este menú primordial estará a la visión 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 ejemplo , en el menú de cabecera de SendinBlue usamos solamente cuatro términos iniciales para asesorar la navegación y nos asistimos 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, encontrarás la página de plugins en el apartado de recursos. Presentar todos nuestros plugins en el menú principal supondrÃa sobrecargarlo demasiado.
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 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 mucho más largos sin dañar la experiencia de usuario. Si tienes un sitio web de ecommerce, por ejemplo , estos menús pueden incluir fotos de modelos en miniatura.
Buscador de adentro
En varios websites , además de sugerir 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 cibersitio.
Aunque en general es recomendable , no hay una regla fija sobre la idoneidad de un buscador de adentro. Si el sitio es bien simple o los menús de navegación están suficientemente optimizados para todos los perfiles de usuario, no es obligación.
Ingreso a la cuenta de usuario y funciones de ecommerce
En los sitios web donde el usuario puede crear su cuenta, es importante que el acceso a ella esté siempre visible y la ubicación óptima es la esquina superior derecha. En la situacion de las tiendas en lÃnea , este acceso es particularmente importante en tanto que incluye el carrito 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 funciones de la cuenta personal, como hace Amazon:
Widgets de comunidades y testimonios
Dar visibilidad a las comunidades y/o los testimonios de clientes del servicio en la página home es una muestra de que a la compañÃa le resulta interesante oÃr a sus clientes y prospectos.
Para linkear las comunidades , a veces 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 desearán encontrarse widgets muy sobrecargados con contenido que 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é 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 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 cercanÃa con los individuos se ponen en valor de manera considerable.
Por otra parte , sostener un chat en vivo pide elementos , aunque se configuren algunas respuestas automatizadas. Si lo andas valorando para tu sitio 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 websites.
Otras buenas prácticas en la página de inicio de un sitio web
El apartado 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 página web , como los menús de navegación. Para complementarlas, las siguientes buenas prácticas se aplican a la página de comienzo en su grupo :
Incluir llamadas a la acción claras
Una sección esencial de los visitantes que lleguen a la página de comienzo no van a tener 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 efectuar una acción instantánea en el sitio web , como conocer la compilación actualmente , cubrir un formulario para que se inscriba a un acontecimiento , leer un producto en el blog, etcétera.
Mientras que una landing page suele tener una sola llamada a la acción, una página de inicio puede tener varias , aunque jamás han de ser demasiadas. Por servirnos de un ejemplo , Planeta 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 inicio de un sitio web es la bienvenida para los nuevos visitantes, pero asimismo para los clientes antiguos que regresan tras un tiempo. De ahà que , cambiar una parte de tus contenidos ocasionalmente es una manera de trasmitir lozanÃa y dinamismo.
No se trata de rediseñar de nuevo toda la página de comienzo , 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 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 pueden servir como inspiración.
Bauhaus: aprovechar el buscador interno
La página de inicio del sitio web de bricolaje Bauhaus destaca por el protagonismo de su buscador interno. Se trata de un ecommerce con una gran variedad de productos donde muchos visitantes ya saben lo que necesitan.
Preferirán ganar tiempo con una búsqueda directa antes que bucear en las categorÃas de modelos hasta localizarlo.
Por ello , el buscador interno está tan optimizado. Cuando 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 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 dejar que sea un poco más largo de lo habitual.
Azteca Soccer: llamadas a la acción y menú destinado al visitante
La página de comienzo de Azteca Soccer es un ejemplo de que el slider no en todos los casos 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 tiene dentro múltiples 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 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 quieran encontrar las equipaciones de equipos especÃficos , etc. La lupa en la esquina superior derecha es un buscador de adentro que no ocupa bastante espacio.
Novaestetica
Una página de inicio eficiente no solo está al alcance de los sitios web de ecommerce afianzados , como los dos anteriores. El centro Novaestetica es un caso de muestra de negocio local que aprovecha 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 siendo conscientes de que una persona interesada en servicios de estética querrá entrar en contacto con rapidez para informarse y soliciar cita. Por ello , un chat en vivo nuevo hace aparición en pantalla al ingresar.
Además , tienen dentro un enlace para entrar en contacto 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 visitar la de otras compañÃas del campo , ver en Diseño de paginas Web qué las puedes prosperar y dedicar tiempo y elementos a las pruebas de navegación.
Nadie mejor que un potencial visitante futuro para decirte qué puedes prosperar.