Creamos un diseño de paginas web para tener una web para tu pyme
La página de inicio o página home de un portal de internet es la presentación de tu marca en el mundo virtual. Forma una impresión inicial crucial para los visitantes que están conociendo tu empresa o que regresan tras un tiempo.
Por este motivo , es importante 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á mucho más eficaz por tener más volumen de contenido, sino más bien por tener el adecuado.
En el presente artÃculo , te asistimos a fin de 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 email marketing
No es necesario tener entendimientos en diseño o programación, con Sendinblue puedes crear tus correos en bastantes pasos.
Deseo probar Sendinblue>>
Por qué razón es esencial la página de comienzo de un sitio web
El valor de la página home se apoya en distintos pilares, que debes tomar en consideración a la hora de diseñarla. Estos son los primordiales :
Es un elemento central del posicionamiento
Es bastante obvio que el sitio web es esencial para la imagen corporativa de la marca, y esto no se restringe 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, artÃculos destacados , etc. Se podrÃa decir esto mismo de todas las páginas del portal web , las campañas de dirección de correo electrónico y todas las relaciones con tus prospectos; pero en la página de inicio hay que cuidarlo en especial.
Por servirnos de un ejemplo , la decisió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 plus «página de comienzo de un sitio web » y llega a este producto. Lo lee y al final 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 siempre la primera página a la que llegan los visitantes. Pero si tienen un interés o curiosidad inicial por tu marca, van a pasar por ella mucho más pronto que tarde. Ahà van a tratar de hallar los servicios que ofrece tu marca y los contenidos de tu página web.
Dedicarán unos segundos a decidir si les interesa lo que ven y desean proseguir explorando por tu página web. Si es de este modo , 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 quiere comprender qué contenidos concretos se va a encontrar en tu portal web y, además , lo desea conocer con velocidad. El menú de la página home de un portal de internet 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 revisar que los individuos pueden hallar 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 buscadores como Google+ , la página de inicio de un sitio web es importante y al mismo tiempo es particular. Los buscadores leen la composición de los websites (con el fichero sitemap, que se puede mejorar ), 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 palabras clave concretas , o aun más.
Los buscadores recompensarán las páginas de inicio que tengan hipervÃnculos bien jerarquizados que canalicen el tráfico. Además , una navegación bien encaminada contribuye a Google+ a definir los sitelinks, los links secundarios que acompañan ciertos resultados de búsqueda.
Naturalmente, la optimización de palabras clave adecuadas es asimismo esencial en la página de comienzo , 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 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 pensadas para un perfil de usuario concreto , con solo una llamada a la acción muy especÃfica y la mayoria de las veces de duración limitada (por poner un ejemplo , conseguir un cupón de descuento o inscribirse a un evento ).
Los dos géneros de páginas importan para el posicionamiento de la marca pero, en contraste a 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 enorme potencial para el email marketing, que puedes explotar con el editor para crear landing pages adaptadas de Sendinblue.
Elementos de la página de comienzo de un sitio web
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 utilizarlos :
Imagen primordial : el valor de la primera impresión
Justo bajo la cabecera con el logotipo y el menú principal , la imagen primordial constituirá una primera impresión vital para posicionar tu negocio y tu marca. Una opción bastante habitual 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, a fin de que el visitante pueda seleccionar , pero asimismo tiene el riesgo de esparcir 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 deja trasmitir dinamismo es incluir un vÃdeo corto 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 factor protagonista 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 necesario enseñar una larga lista de servicios o categorÃas desde un primer instante , sino más bien escoger los términos adecuados para que los encuentre en las páginas secundarias.
Normalmente , este menú primordial va a estar a la vista en todas y cada una de las páginas del página web , no solo en la de inicio. Una razón más para que sea fácil.
Por servirnos de un ejemplo , en el menú de cabecera de SendinBlue usamos únicamente 4 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 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 recursos. Presentar todos nuestros plugins en el menú primordial supondrÃa sobrecargarlo demasiado.
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 pueden incluir en la página de comienzo 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 más largos sin perjudicar la experiencia de usuario. Si tienes un portal de internet de ecommerce, por ejemplo , estos menús pueden incluir fotos de modelos en miniatura.
Buscador de adentro
En varios sitios web , además de sugerir menús de navegación optimizados, resulta conveniente preguntar al visitante qué busca directamente. El buscador interno facilita llevar a cabo una búsqueda por palabras clave dentro de los contenidos del sitio web.
Aunque por norma general es recomendable , 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 suficientemente optimizados para todos y cada uno de los concretes de usuario, no es obligación.
Ingreso 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 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 carrito del usuario (sus pedidos no comprobados ).
Una aceptable práctica, particularmente para el comercio on-line , es aprovechar este espacio para integrar un menú desplegable con todas y cada una de 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 oÃr a sus clientes y prospectos.
Para linkear las comunidades , a veces un fácil botón basta. Recuerda que parte del tráfico que llegue a la página de comienzo 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 —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 tiempo.
Chat para web
Un chat para web es un elemento opcional en la página de comienzo. Al incluirlo, una marca se muestra libre para dialogar con los visitantes desde un primer instante. Por consiguiente , la interacción y la cercanÃa con los clientes se ponen en valor de forma considerable.
Por otro lado , mantener un chat en vivo exige recursos , más allá de que se configuren algunas respuestas automatizadas. Si lo andas valorando para tu cibersitio , puedes instalar el chat para web de Sendinblue en poco tiempo.
Para usarlo , 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 sitio web
El apartado 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 conjunto :
Integrar llamadas a la acción claras
Una parte importante de los visitantes que lleguen a la página de comienzo no tendrán 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 efectuar una acción instantánea en el sitio web , como conocer la colección actualmente , cubrir un formulario a fin de que se inscriba a un evento , leer un producto en el blog, etc.
Mientras que una landing page suele tener solo una llamada a la acción, una página de comienzo puede tener varias , si bien nunca deben ser demasiadas. Por poner 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 portal de internet es la bienvenida para los nuevos visitantes, pero también para los clientes viejos que vuelven tras un tiempo. Por eso , modificar una parte de tus contenidos de vez en cuando es una manera de trasmitir frescura y dinamismo.
No se trata de rediseñar de nuevo toda la página de comienzo , sino más bien de actualizar ciertos 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 mucho más que mil expresiones , de esta manera que vamos a ver tres ejemplos de página de comienzo de websites que te pueden servir como inspiración.
Bauhaus: aprovechar el buscador interno
La página de inicio del cibersitio de bricolaje Bauhaus luce por el importancia de su buscador de adentro. Se trata de un ecommerce con una gran variedad de artÃculos donde varios visitantes ahora saben lo que precisan.
Preferirán ahorrar tiempo con una búsqueda directa antes que bucear en las categorÃas de artÃculos hasta localizarlo.
Por este motivo , el buscador interno está tan optimizado. 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 principales , algunas vinculadas a fechas especÃficas como la Navidad. Cada una de ellas es una llamada a la acción para descubrir una categorÃa señalada de modelos.
Como el buscador interno tiene tanto protagonismo , el menú de categorÃas es del costado. Por tal razón , se pueden dejar que sea un tanto 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 única llamada a la acción: su compilación Jordania x PSG.
Esta página home también incorpora varios elementos de actualización: informa de novedades como la disponibilidad de After Pay y la reapertura de las tiendas minoristas.
Por último , su menú superior breve se composición poniéndose en la piel de los visitantes, con una categorÃa especÃfica para quienes busquen artÃculos rebajados, otra para los entusiastas que quieran conseguir las equipaciones de equipos especÃficos , etcétera. La diseño de paginas web lupa en la esquina superior derecha es un buscador de adentro que no ocupa mucho espacio.
Novaestetica
Una página de inicio eficaz no solo está al alcance de los websites de ecommerce afianzados , como los 2 anteriores. El centro Novaestetica es un ejemplo de negocio local que explota el potencial de su página de comienzo para posicionarse velozmente frente a los visitantes.
La decisión del azul claro como color de fondo y la imagen de un masaje relajante transmite sosiego.
Asimismo , son siendo conscientes de que una persona interesada en servicios de estética deseará contactar con rapidez para informarse y soliciar cita. Por este motivo , un chat en directo nuevo hace aparición 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 página web , no dejes de visitar la de otras compañÃas del ámbito , ver exactamente en qué las puedes progresar y dedicar tiempo y elementos a las pruebas de navegación.
Nadie mejor que un potencial visitante futuro para decirte qué puedes mejorar.