Creamos el diseño depaginas web para la venta online
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 tras un tiempo.
Por este motivo , es esencial dedicar a tiempo a diseñarla y optimizarla. Debes incluir las principales 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 adecuado.
En el presente artÃculo , te asistimos para que te asegures de tener una página de comienzo eficiente para tu portal web , 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 conocimientos en diseño o programación, con Sendinblue puedes crear tus correos en varios pasos.
Quiero evaluar Sendinblue>>
Por qué es importante la página de inicio de un portal de internet
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 limita al logo y el eslogan.
Todos 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 portal 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 en especial.
Por servirnos de un 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 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+ «página de inicio de un sitio web » y llega a este artÃculo. Lo lee y por último 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 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 próximamente que tarde. Ahà van a tratar de conseguir los servicios que proporciona tu marca y los contenidos de tu cibersitio.
Dedicarán unos segundos a elegir si les interesa lo que ven y desean seguir navegando por tu sitio 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 ha de ser simple y claro al mismo tiempo , para llevar a los visitantes a las páginas concretas que les interesen.
Va a ser esencial 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 buscadores como Google plus , 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 sitios web (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 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 , una navegación bien encaminada contribuye a Google plus a determinar los sitelinks, los enlaces secundarios que acompañan ciertos resultados de búsqueda.
Naturalmente, la optimización de keywords adecuadas es asimismo esencial 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 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 concreto , con una sola llamada a la acción muy especÃfica y la mayoria de las veces de duración limitada (por poner un ejemplo , hallar 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 empresa ni dirigirse a la integridad del público objetivo.
Las páginas de destino tienen un enorme potencial para el email marketing, que puedes explotar 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 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ú primordial , la imagen principal constituirá 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 fácilmente varios mensajes o proposiciones de valor con dinamismo, a fin de que el visitante logre elegir , pero también tiene el riesgo de esparcir la atención. Una imagen fija deja 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 corto en lugar de una imagen principal.
Menús de navegación: cuanto mucho más sencillos mejor
El menú o los menús que vertebran la navegación son un elemento protagonista en la página DISEÑO DE PAGINAS WEB de comienzo 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 la ayuda de menús desplegables.
Para asesorar al visitante, no es requisito mostrar una extendida lista de servicios o categorÃas desde un primer instante , sino elegir los términos correctos para que los encuentre en las páginas secundarias.
Normalmente , este menú primordial va a estar a la visión en todas y cada una de las páginas del cibersitio , no solo en la de inicio. Una razón más a fin de que sea fácil.
Por poner un ejemplo , en el menú de cabecera de SendinBlue usamos únicamente 4 términos iniciales para guiar 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 encontrará en el menú desplegable de funciones.
Si estas buscando un recurso mucho más especÃfico como el complemento para integrar SendinBlue con Shopify, hallarás la página de plugins en el apartado de elementos. Presentar todos nuestros plugins en el menú principal supondrÃa sobrecargarlo demasiado.
El menú de la cabecera es el primordial menú de navegación, pero no el único. Si la complejidad de tus contenidos lo justifica, otros menús que se tienen la posibilidad de incluir 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 pueden ser algo más largos sin perjudicar la experiencia de usuario. Si tienes un portal de internet de ecommerce, por poner un ejemplo , estos menús tienen la posibilidad de incluir fotografÃas de productos en miniatura.
Buscador interno
En varios sitios web , aparte de prestar menús de navegación optimizados, resulta conveniente preguntar al visitante qué busca de forma directa. El buscador interno permite realizar una búsqueda por keywords en los contenidos del portal web.
Aunque por norma general 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 suficientemente optimizados para todos los perfiles de usuario, no es obligación.
Acceso a la cuenta de usuario y funcionalidades de ecommerce
En los websites donde el usuario puede hacer su propia cuenta, es importante que el ingreso a ella esté siempre y en todo momento aparente y la ubicación óptima es la esquina superior derecha. En el caso de las tiendas online , este ingreso es particularmente esencial ya que incluye el carro del usuario (sus pedidos no confirmados ).
Una aceptable práctica, particularmente para el comercio on line , es aprovechar 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 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 redes sociales , a veces un simple botón basta. Ten en cuenta que una parte del tráfico que llegue a la página de comienzo de tu cibersitio probablemente procederá de estas redes y no desearán encontrarse widgets muy sobrecargados con contenido que han visto.
Los testimonios de clientes aportan valor siempre y cuando tengan probabilidad , que puede estar basada en la concreción —en el momento en que detallan 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 inicio. Al incluirlo, una marca se expone disponible para hablar con los visitantes desde un primer momento. Por tanto , la interacción y la proximidad con los individuos se ponen en valor de forma considerable.
Por otro lado , sostener un chat en directo pide recursos , más allá de que 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 sitios web.
Otras buenas prácticas en la página de inicio de un portal de internet
El apartado previo incluye bastantes buenas prácticas que deberás tener en consideración 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 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 efectuar una acción inmediata en el sitio web , como visitar la colección actualmente , contemplar un formulario a fin de que se inscriba a un acontecimiento , leer un artÃculo en el blog, etc.
Mientras una landing page acostumbra tener una sola llamada a la acción, una página de inicio tiene la posibilidad de tener múltiples , si bien jamás han de ser demasiadas. Por 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 también para los individuos viejos que vuelven tras un tiempo. Por eso , modificar parte de tus contenidos de vez en cuando es una forma de transmitir frescura y dinamismo.
No se trata de rediseñar nuevamente toda la página de inicio , sino 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 más que mil palabras , de este modo que vamos a ver tres ejemplos de página de inicio de websites que te pueden ser útil como inspiración.
Bauhaus: explotar el buscador de adentro
La página de comienzo del portal web de bricolaje Bauhaus destaca por el protagonismo de su buscador interno. Se trata de un ecommerce con una gran variedad de modelos 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 modelos hasta hallarlo.
Por este motivo , el buscador de adentro está tan optimizado. Cuando introducimos 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 también incluye un carrusel con cinco imágenes principales , algunas vinculadas a datas especÃficas como la Navidad. Todas ellas es una llamada a la acción para descubrir una categorÃa destacada de productos.
Como el buscador interno tiene tanto importancia , el menú de categorÃas es del costado. Por esta razón , se pueden dejar que sea un tanto más largo de lo habitual.
Azteca Soccer: llamadas a la acción y menú orientado al visitante
La página de comienzo de Azteca Soccer es un caso de muestra de que el slider no en todos los casos es requisito para inspirar dinamismo. Con solo una imagen, centran la atención del visitante en una sola llamada a la acción: su colección Jordania x PSG.
Esta página home asimismo tiene dentro múltiples elementos de actualización: informa de noticias como la disponibilidad de After Pay y la reapertura de las tiendas minoristas.
Finalmente , su menú superior breve se composición poniéndose en la piel de los visitantes, con una categorÃa especÃfica para todos los que procuren productos rebajados, otra para los entusiastas que quieran conseguir las equipaciones de equipos especÃficos , etcétera. La lupa en la esquina superior derecha es un buscador de adentro que no ocupa mucho espacio.
Novaestetica
Una página de inicio eficiente no solo está al alcance de los websites de ecommerce afianzados , como los dos anteriores. El centro Novaestetica es un ejemplo de negocio local que aprovecha el potencial de su página de comienzo para posicionarse de forma rápida ante los visitantes.
La elección del azul claro como color de fondo y la imagen de un masaje relajante transmite sosiego.
Además , son siendo conscientes de que una persona interesada en servicios de estética querrá entrar en contacto con velocidad para informarse y pedir cita. Por ello , un chat en directo emergente aparece en pantalla al ingresar.
Además , incluyen 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 comienzo de tu cibersitio , tienes que visitar la de otras empresas del sector , ver exactamente en qué las puedes prosperar y dedicar tiempo y recursos a las pruebas de navegación.
Absolutamente nadie mejor que un potencial visitante futuro para decirte qué puedes prosperar.