Si queres el diseño depaginas 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. Forma una impresión inicial vital para los visitantes que están conociendo tu empresa o que regresan después de un tiempo.
Por ello , es importante 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á mucho más eficiente por tener mucho más volumen de contenido, sino más bien por tener el conveniente.
En este artÃculo , te ayudamos para que te asegures de tener una página de inicio eficaz para tu portal web , 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 unos cuantos pasos.
Deseo probar Sendinblue>>
Por qué es importante la página de comienzo de un sitio web
El valor de la página home se sostiene en distintos 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 y cada uno de los elementos de la página de comienzo forman parte de una imagen de marca congruente : la elección de colores, fotografÃas, tipografÃas, productos relevantes , etcétera. Se podrÃa decir esto mismo de todas las páginas del sitio 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 singularmente.
Por 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 plus «página de comienzo de un sitio web » y llega a este artÃculo. Lo lee y finalmente le entra la curiosidad: ¿qué es SendinBlue? Pincha en el logotipo 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 próximamente que tarde. Ahà van a tratar de hallar los servicios que proporciona tu marca y los contenidos de tu portal web.
Dedicarán unos segundos a decidir si les atrae lo que ven y quieren proseguir explorando por tu página 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 comprender qué contenidos especÃficos se marcha a hallar en tu portal web y, además , lo quiere descubrir con rapidez. El menú de la página home de un sitio web debe ser simple y claro al mismo tiempo , para llevar a los visitantes a las páginas concretas que les interesen.
Será esencial realizar pruebas de navegación para revisar que los individuos tienen la posibilidad de localizar 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 particular. Los buscadores web leen la composición de los sitios web (con el fichero sitemap, que se puede mejorar ), identifican la página de inicio y saben que su prioridad ha de ser la experiencia de usuario.
El algoritmo, poco a poco más centrado en el usuario final, va a valorar este aspecto tanto como la optimización para keywords concretas , o incluso mucho más.
Los motores de búsqueda recompensarán las páginas de comienzo que tengan hipervÃnculos bien jerarquizados que canalicen el tráfico. Además , una navegación bien encaminada contribuye a Google+ a determinar los sitelinks, los enlaces secundarios que acompañan algunos resultados de búsqueda.
Naturalmente, la optimización de keywords 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 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 pensadas para un perfil como usuario especÃfico , con solo una llamada a la acción muy especÃfica y casi siempre de duración limitada (por ejemplo , hallar un cupón de descuento o anotarse a un evento ).
Los dos tipos 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 los servicios de la empresa ni dirigirse a la integridad 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 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. 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ú principal , la imagen principal 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 la ventaja de visibilizar de forma fácil varios mensajes o proposiciones de valor con dinamismo, para que el visitante logre escoger , pero asimismo tiene el riesgo de dispersar la atención. Una imagen fija deja trasmitir un mensaje único y más sólido. Todo depende de tus prioridades.
Otra opción alternativa que deja transmitir dinamismo es incluir un vÃdeo breve en vez 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 elemento 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 posible , 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 momento , sino seleccionar los términos correctos a fin de que los halle en las páginas secundarias.
Comunmente , este menú primordial estará a la vista en todas las páginas del página web , no solo en la de comienzo. Una razón más para que sea simple.
Por poner un ejemplo , en el menú de cabecera de SendinBlue utilizamos solamente cuatro términos iniciales para guiar la navegación y nos ayudamos 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 concreto como el complemento para integrar SendinBlue con Shopify, hallarás la página de plugins en el apartado de recursos. Enseñar 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 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 visión como el de cabecera y por ello pueden ser algo mucho más largos sin dañar la experiencia de usuario. Si tienes un sitio web de ecommerce, por poner un ejemplo , estos menús pueden incluir fotos de productos en miniatura.
Buscador interno
En muchos sitios web , además de sugerir menús de navegación optimizados, resulta favorable preguntar al visitante qué busca de manera directa. El buscador interno permite realizar una búsqueda por palabras clave en los contenidos del portal web.
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 bastante optimizados para todos los concretes de usuario, no es obligatorio.
Ingreso a la cuenta de usuario y funcionalidades de ecommerce
En los websites donde el usuario puede crear su propia cuenta, es esencial que el acceso a ella esté siempre y en todo momento visible y la ubicación óptima es la esquina superior derecha. En el caso de las tiendas en lÃnea , este acceso es especialmente importante puesto que incluye el carrito del usuario (sus pedidos no comprobados ).
Una buena práctica, particularmente para el comercio electrónico , 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
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 resulta interesante escuchar a sus clientes y prospectos.
Para enlazar las comunidades , en ocasiones un simple botón basta. Recuerda 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 han visto.
Los testimonios de clientes del servicio aportan valor siempre que tengan credibilidad , 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 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 tanto , la interacción y la cercanÃa con los clientes se ponen en valor de forma considerable.
Por otra parte , mantener un chat en directo exige elementos , aunque se configuren ciertas respuestas automatizadas. Si lo estás valorando para tu página web , puedes instalar el chat para web de Sendinblue en escaso tiempo.
Para usarlo , 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 portal de internet
El epÃgrafe previo incluye bastantes buenas prácticas que deberás tener en consideración al integrar los elementos que compondrán la página de inicio de tu cibersitio , como diseño de paginas web los menús de navegación. Para complementarlas, las próximas buenas prácticas se aplican a la página de inicio en su grupo :
Incluir llamadas a la acción claras
Una sección importante 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 del momento , cubrir un formulario para que se inscriba a un acontecimiento , leer un artÃculo en el blog, etcétera.
Mientras que una landing page acostumbra tener solo una llamada a la acción, una página de comienzo tiene la posibilidad de tener múltiples , aunque jamás han de ser demasiadas. Por ejemplo , Planeta Huerto invita a sus visitantes a hallar un código de descuento con un mensaje claro, corto y visible.
Actualizar el contenido
La página de inicio de un portal de internet es la bienvenida para los nuevos visitantes, pero asimismo para los usuarios antiguos que regresan tras un tiempo. De ahà que , cambiar parte de tus contenidos de vez en cuando 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 ciertos elementos clave como la imagen principal o la llamada a la acción cada cierto tiempo.
Ejemplos inspiradores de página principal
Dicen que una imagen vale más que mil expresiones , de este modo que vamos a ver tres ejemplos de página de comienzo de sitios web que te pueden servir como inspiración.
Bauhaus: aprovechar el buscador de adentro
La página de comienzo del cibersitio de bricolaje Bauhaus luce por el importancia 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 ahorrar tiempo con una búsqueda directa antes que bucear en las categorÃas de productos hasta localizarlo.
Por ello , el buscador interno está tan optimizado. Cuando introducimos 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 principales , algunas 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 interno tiene tanto protagonismo , el menú de categorÃas es lateral. Por esta razón , se tienen la posibilidad de dejar que sea un tanto 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 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 también incorpora múltiples 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 busquen productos rebajados, otra para los fans que deseen conseguir las equipaciones de equipos especÃficos , etc. La lupa en la esquina superior derecha es un buscador interno que no ocupa bastante espacio.
Novaestetica
Una página de comienzo 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 explota el potencial de su página de inicio para posicionarse de manera rápida frente a 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 una persona interesada en servicios de estética deseará contactar con velocidad para informarse y pedir cita. Por ello , un chat en directo nuevo hace aparición en pantalla al entrar.
Además de esto , incluyen un enlace para contactar 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 portal web , tienes que conocer la de otras empresas del ámbito , 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.