Diseño de paginas web Mardel Plata
La página de comienzo o página home de un portal de internet es la presentación de tu marca en el planeta virtual. Forma una impresión inicial crucial para los visitantes que están conociendo tu compañÃa o que regresan después de un tiempo.
Por este motivo , es importante dedicar a tiempo a diseñarla y optimizarla. Tienes que integrar 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 el artÃculo , te ayudamos para que te asegures de tener una página de comienzo eficaz 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 requisito tener entendimientos en diseño o programación, con Sendinblue puedes hacer tus correos en unos cuantos pasos.
Quiero 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 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 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 relaciones 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 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 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 accede 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, van a pasar por ella más pronto que tarde. Ahà tratarán de hallar 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 quieren proseguir explorando por tu sitio web. Si es de esta forma , 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 desea entender qué contenidos concretos se marcha a conseguir en tu cibersitio y, además de esto , lo quiere descubrir con velocidad. 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 especÃficas que les interesen.
Va a ser esencial efectuar pruebas de navegación para comprobar que los usuarios pueden encontrar con facilidad lo que procuran. 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 portal de internet es importante y al tiempo es especial. Los buscadores web leen la composición de los websites (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, cada vez más basado 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 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 correctas es también 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 una estrategia de marketing digital, es primordial diferenciar 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 una sola llamada a la acción muy concreta y la mayoria de las veces de duración limitada (por poner un ejemplo , hallar un cupón de descuento o inscribirse 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 objetivo.
Las páginas de destino tienen un enorme potencial para el dirección de correo electrónico marketing, que puedes aprovechar con el editor para hacer 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 diferentes elementos. Ahora , veremos cuáles son los mucho más habituales y las mejores prácticas para utilizarlos :
Imagen primordial : el valor de la primera impresión
Justo debajo de la cabecera con el logotipo y el menú principal , la imagen principal constituirá una primera impresión vital para ubicar tu negocio y tu marca. Una alternativa bastante popular es un slider o carrusel con unas pocas 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 escoger , pero también tiene el riesgo de esparcir la atención. Una imagen fija deja transmitir un mensaje único y más sólido. Todo es dependiente de tus preferencias.
Otra opción alternativa que permite transmitir dinamismo es integrar un vÃdeo corto en lugar de una imagen principal.
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 más arriba, la mejor práctica es diseñar un menú de navegación principal lo más corto viable , con el apoyo 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 más bien escoger los términos correctos a fin de que los halle en las páginas secundarias.
Normalmente , este menú primordial estará a la vista en todas las páginas del portal web , no solo en la de comienzo. Una razón mucho más a fin de que sea fácil.
Por servirnos de un ejemplo , en el menú de cabecera de SendinBlue empleamos solamente cuatro términos iniciales para guiar la navegación y nos ayudamos de los menús desplegables. Si a un visitante le interesa nuestro asistente para crear landing pages, lo encontrará en el menú desplegable de funcionalidades.
Si buscas un recurso más especÃfico como el plugin para integrar SendinBlue con Shopify, hallarás la página de plugins en el apartado de elementos. Enseñar todos nuestros plugins en el menú primordial supondrÃa sobrecargarlo bastante.
El menú de la cabecera es el DISEÑO DE PAGINAS WEB primordial 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 visión 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 poner un ejemplo , estos menús pueden incluir fotos de modelos en miniatura.
Buscador de adentro
En varios websites , aparte 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 bastante optimizados para todos y cada uno de los perfiles de usuario, no es obligatorio.
Ingreso a la cuenta de usuario y funciones de ecommerce
En los sitios web donde el usuario puede crear su propia cuenta, es esencial que el ingreso a ella esté siempre visible y la ubicación perfecta es la esquina superior derecha. En la situacion de las tiendas en lÃnea , este ingreso es especialmente importante puesto que incluye el carrito del usuario (sus pedidos no confirmados ).
Una aceptable práctica, en particular para el comercio electrónico , 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
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 enlazar las comunidades , a veces un fácil botón basta. Recuerda que una parte del tráfico que llegue a la página de inicio de tu sitio web probablemente procederá de estas redes y no desearán encontrarse widgets muy sobrecargados con contenido que ya vieron.
Los testimonios de clientes del servicio aportan valor siempre que tengan probabilidad , que puede estar fundamentada en la concreción —cuando especifican qué problemas les ha resuelto la compañÃa —, en la reputación de los clientes 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 hablar con los visitantes desde un primer instante. Por consiguiente , la interacción y la cercanÃa con los usuarios se ponen en valor de manera notable.
Por otro lado , mantener un chat en vivo pide recursos , más allá de que se configuren algunas respuestas automatizadas. Si lo estás 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 sitios web.
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 conjunto :
Incluir llamadas a la acción visibles
Una parte importante de los visitantes que lleguen a la página de inicio no tendrán claro por dónde proseguir 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 del momento , cubrir un formulario para que se inscriba a un evento , leer un producto en el blog, etcétera.
Mientras que una landing page frecuenta tener solo una llamada a la acción, una página de comienzo tiene la posibilidad de tener múltiples , si bien nunca deben ser demasiadas. Por poner un ejemplo , Mundo Huerto invita a sus visitantes a hallar 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. De ahà que , cambiar una parte de tus contenidos ocasionalmente es una manera de trasmitir lozanÃa y dinamismo.
No tiene que ver con volver a diseñar de nuevo toda la página de comienzo , sino más bien 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
Dicen que una imagen vale más que mil expresiones , asà que iremos a ver tres ejemplos de página de comienzo de websites que te tienen la posibilidad de ser útil como inspiración.
Bauhaus: explotar el buscador interno
La página de comienzo del página web de bricolaje Bauhaus luce por el importancia de su buscador interno. Se trata de un ecommerce con una gran variedad de modelos donde varios visitantes ahora saben lo que necesitan.
Preferirán ahorrar tiempo con una búsqueda directa antes que bucear en las categorÃas de productos hasta encontrarlo.
Por este motivo , el buscador de adentro 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 de esto , esta página de comienzo asimismo incluye un carrusel con cinco imágenes principales , algunas enlazadas a datas concretas como la Navidad. Cada una de ellas es una llamada a la acción para conocer una categorÃa señalada de artÃculos.
Como el buscador interno tiene tanto importancia , el menú de categorÃas es del costado. Por esta razón , se pueden permitir 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 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 única llamada a la acción: su colecció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.
Para finalizar , su menú superior corto se composición poniéndose en la piel de los visitantes, con una categorÃa especÃfica para todos los que procuren modelos rebajados, otra para los fans que deseen localizar las equipaciones de equipos concretos , etcétera. La lupa en la esquina superior derecha es un buscador interno 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 precedentes. El centro Novaestetica es un ejemplo de negocio local que explota 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.
Además , son conscientes de que una persona interesada en servicios de estética deseará contactar con velocidad para informarse y pedir cita. Por este motivo , un chat en directo emergente 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 sitio web , tienes que visitar la de otras compañÃas del sector , ver exactamente en qué las puedes mejorar y dedicar tiempo y recursos a las pruebas de navegación.
Absolutamente nadie mejor que un potencial visitante futuro para decirte qué puedes mejorar.