Creamos un diseño de paginas web para poder vender online
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. Constituye una impresión inicial crucial para los visitantes que están conociendo tu empresa o que regresan tras un tiempo.
Por ello , es importante dedicar a tiempo a diseñarla y optimizarla. Tienes que 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á más eficiente por tener más volumen de contenido, sino más bien por tener el adecuado.
En el artÃculo , te ayudamos a fin de que te asegures de tener una página de comienzo eficaz para tu página 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 requisito tener conocimientos en diseño o programación, con Sendinblue puedes hacer tus correos en unos cuantos pasos.
Quiero evaluar Sendinblue>>
Por qué es esencial la página de inicio de un portal de internet
El valor de la página home se apoya en diferentes pilares, que tienes que tener en consideración en el momento de diseñarla. Estos son los primordiales :
Es un factor central del posicionamiento
Es bastante obvio que la página web es determinante para la imagen corporativa de la marca, y esto no se limita al logotipo 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 portal web , las campañas de dirección de correo electrónico y todas y cada una de las interacciones con tus prospectos; pero en la página de inicio hay que cuidarlo especialmente.
Por 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 al final le entra la curiosidad: ¿qué es SendinBlue? Pincha en el logo de la esquina superior izquierda y ingresa 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 encontrar los servicios que ofrece tu marca y los contenidos de tu sitio web.
Dedicarán unos segundos a elegir si les atrae lo que ven y quieren continuar navegando por tu portal web. Si es de esta forma , 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 comienzo quiere comprender qué contenidos especÃficos se va a conseguir en tu sitio web y, además , lo quiere conocer con velocidad. El menú de la página home de un sitio web debe 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 tienen la posibilidad de hallar con facilidad 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 web como Google+ , la página de inicio de un portal de internet es esencial y al mismo tiempo es especial. Los buscadores web leen la estructura 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 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 comienzo que tengan hipervÃnculos bien jerarquizados que canalicen el tráfico. Además de esto , una navegación bien encauzada ayuda a Google plus a determinar los sitelinks, los enlaces secundarios que acompañan algunos resultados de la búsqueda.
Naturalmente, la optimización de palabras clave adecuadas 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 inicio 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 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 de usuario concreto , con solo una llamada a la acción muy concreta y casi siempre de duración limitada (por ejemplo , hallar un cupón de descuento o inscribirse a un acontecimiento ).
Ambos tipos de páginas son importantes 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 compañÃa ni dirigirse a la integridad del público objetivo.
Las páginas de destino tienen un gran potencial para el email marketing, que puedes explotar con el editor para crear landing pages adaptadas de Sendinblue.
Elementos de la página de inicio de un portal de internet
Una página home es una composición de distintos elementos. Ahora , 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ú principal , la imagen primordial constituirá una primera impresión vital para ubicar tu negocio y tu marca. Una opción bastante habitual es un slider o carrusel con unas escasas imágenes rotatorias.
El carrusel tiene la ventaja de visibilizar de forma fácil varios mensajes o proposiciones de valor con dinamismo, para que el visitante logre escoger , pero también tiene el peligro de dispersar la atención. Una imagen fija permite trasmitir un mensaje único y más sólido. Todo depende 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 de comienzo de cualquier sitio web. Como anticipábamos más arriba, la mejor práctica es diseñar un menú de navegación principal lo mucho más corto viable , con la ayuda de menús desplegables.
Para asesorar al visitante, no es necesario mostrar una larga lista de servicios o categorÃas desde un primer instante , sino elegir los términos correctos a fin de que los halle en las páginas secundarias.
Comunmente , este menú principal 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 mucho más a fin de que sea fácil.
Por ejemplo , en el menú de cabecera de SendinBlue utilizamos 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 hacer landing pages, lo encontrará en el menú desplegable de funcionalidades.
Si buscas un recurso más especÃfico como el complemento para integrar SendinBlue con Shopify, vas a encontrar la página de plugins en el apartado de elementos. 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 dificultad de tus contenidos lo justifica, otros menús que se tienen la posibilidad de integrar 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 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 tienen la posibilidad de integrar fotografÃas de modelos en miniatura.
Buscador de adentro
En muchos sitios web , además de ofrecer menús de navegación optimizados, resulta conveniente preguntar al visitante qué busca de manera directa. El buscador interno permite realizar una búsqueda por keywords en los contenidos del página web.
Si bien generalmente es conveniente , 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 obligatorio.
Acceso a la cuenta de usuario y funcionalidades de ecommerce
En los websites 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 el caso de las tiendas en lÃnea , este ingreso es particularmente importante en tanto que incluye el carrito del usuario (sus pedidos no confirmados ).
Una aceptable práctica, en particular para el comercio online , es aprovechar este espacio para integrar 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 en la página home es una muestra de que a la compañÃa le interesa escuchar a sus clientes del servicio y prospectos.
Para linkear las redes sociales , en ocasiones un simple botón basta. Recuerda que 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 han visto.
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 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 clientes se ponen en valor de forma notable.
Por otro lado , sostener un chat en directo exige elementos , aunque se configuren ciertas respuestas automatizadas. Si lo estás valorando para tu cibersitio , puedes instalar el chat para web de Sendinblue en escaso tiempo.
Para emplearlo , no te pierdas estas 9 ideas para sacar partido al chat en directo para websites.
Otras buenas prácticas en la página de comienzo de un portal de internet
El epÃgrafe previo incluye bastantes buenas prácticas que deberás tomar en consideración al integrar los elementos que compondrán la página de inicio de tu cibersitio , como los menús de navegación. Para complementarlas, las siguientes buenas prácticas se aplican a la página de inicio en su grupo :
Incluir llamadas a la acción claras
Una sección esencial de los visitantes que lleguen a la página de inicio 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 efectuar una acción instantánea en el sitio web , como visitar la compilación actualmente , cubrir un formulario para que se inscriba a un acontecimiento , leer un producto en el blog, etc.
Mientras una landing page frecuenta tener solo una llamada a la acción, una página de inicio puede tener múltiples , si bien nunca deben ser demasiadas. Por servirnos de un ejemplo , Planeta 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 inicio de un sitio web es la bienvenida para los nuevos visitantes, pero asimismo para los clientes viejos que regresan después de un tiempo. Por eso , cambiar parte de tus contenidos ocasionalmente es una forma de transmitir frescura y dinamismo.
No tiene que ver con volver a diseñar nuevamente toda la página de inicio , sino 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 más que mil palabras , de esta forma que iremos a ver tres ejemplos de página de comienzo de websites que te tienen la posibilidad de servir como inspiración.
Bauhaus: aprovechar el buscador interno
La página de inicio del portal web de bricolaje Bauhaus destaca por el importancia de su buscador interno. Se trata de un ecommerce con una gran variedad de artÃculos donde muchos visitantes ya saben lo que necesitan.
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 de adentro 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 , esta página de inicio también incluye un carrusel con cinco imágenes principales , algunas vinculadas a fechas concretas 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 esta razón , se pueden permitir que sea un poco más largo de lo habitual.
Azteca Soccer: llamadas diseño web a la acción y menú destinado 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 necesario para inspirar dinamismo. Con una sola imagen, centran la atención del visitante en una única llamada a la acción: su colección Jordania x PSG.
Esta página home también incorpora varios 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 concreta para todos los que procuren productos rebajados, otra para los fans que deseen hallar 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 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 rápidamente frente a 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 una persona interesada en servicios de estética querrá entrar en contacto con rapidez para informarse y pedir cita. Por este motivo , un chat en vivo nuevo aparece en pantalla al entrar.
Además de esto , 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 sitio web , tienes que visitar la de otras compañÃas del campo , ver 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 mejorar.