La homepage de tu p√°gina web
DISE√ĎO opini√≥n

Tu página de inicio : la primera impresión siempre cuenta

Es el escaparate de tu empresa. P√°gina esencial para la navegaci√≥n del usuario, las p√°ginas de inicio o homepages han ido perdiendo importancia a lo largo de los a√Īos de cara al posicionamiento SEO y a los embudos de interacciones con los usuarios. Sin embargo siguen siendo parte esencial de una p√°gina web completa y su cuidado y dise√Īo dir√°n mucho sobre el tipo de imagen que tu marca quiere ofrecer.

¬ŅPor qu√© es tan importante la p√°gina de inicio?

En la actualidad las páginas de inicio o homepage no tienen el peso que anteriormente tenían. La realidad es que la forma de indexación de los buscadores y la interacción con los dispositivos móviles han hecho de esta parte de las páginas web menos influyentes de lo que eran. Pero eso no le quita un ápice de importancia. De hecho, aun no siendo a menudo la sección de entrada del usuario nuevo, sí suele ser la entrada de aquel usuario que repite.

La labor de la p√°gina de inicio, en ese sentido, ha cambiado. Hace unos a√Īos lo habitual era que fuera la primera impresi√≥n de una web o marca. Y en ese sentido la importancia era enorme. Ahora, las homepages est√°n m√°s enfocadas a ser un peque√Īo mapa para el usuario. En cierto modo la homepage muestra la visi√≥n r√°pida de la empresa o marca, un resumen de sus servicios, de la imagen. Ayuda al posicionamiento SEO con contenido importante. Y conforma el eje central al que el usuario acude una vez estando dentro de la web. Y en ese sentido el dise√Īo de sus secciones, el cuidado del contenido y la intuici√≥n en cuanto a navegabilidad son esenciales para hacer que el usuario te recuerde y vuelva.

P√°gina de inicio o homepage correcta
P√°gina de inicio o homepage incorrecta

Una visita a la Homepage : crear atracción

Colores diferentes, secciones diferentes, tipos de navegaci√≥n y contenido. Las p√°ginas de inicio pueden estar dise√Īadas de formas completamente distintas aunque todas tengan el objetivo de hacer que el usuario te recuerde. Pero entre todas las diversidades, la mayor√≠a de ellas est√°n dise√Īadas con una serie de elementos que no deben faltar y que ser√°n claves a la hora de crear esa atracci√≥n hacia el usuario. Cuida estos elementos, y tu homepage comenzar√° a ser pro :


Esencial en la imagen corporativa que quieras ofrecer de tu empresa, blog o negocio, es una de las im√°genes principales, como imagen de referencia, por las que el usuario recordar√° tu web. Es el primero en hablar de lo que nos define como empresa o blog y de lo que realizamos. Generalmente se ubica en la parte superior izquierda o en el centro, unido en link al inicio de la misma como forma de llegar r√°pidamente a la homepage.

La navegación : el mapa del usuario
El men√ļ de navegaci√≥n estar√°, salvo dise√Īos excepcionales, presente en todas las secciones de la p√°gina web. Conforma el GPS de la p√°gina y en ese sentido debe ser intuitivo, f√°cil de encontrar y manejar, haciendo que el usuario est√© siempre centrado dentro del contenido.

Primer título : la frase que deja huella
Y no solo en el usuario. El primer título suele estar dentro de las etiquetas tag H1 de la web, lo que los convierte en una de las primeras referencias de los buscadores de cara al posicionamiento SEO. Representa un encabezado dirigido tanto a los usuarios como a los robots. Preferiblemente de no más de 50 caracteres, no debe repetir el título de la página pero sí debe incorporar tanto la esencia de la misma como ser interesante para el usuario que lo lee.

El subt√≠tulo : el que acompa√Īa a la huella
El subt√≠tulo va casi siempre acompa√Īando al t√≠tulo inicial como complemento. El t√≠tulo tiende a resaltar por ser directo y escueto, haciendo que el subt√≠tulo sea el texto en el que explicar los servicios o las razones de la p√°gina web, adem√°s de ser un elemento perfecto de cara al posicionamiento SEO org√°nico.

Llamada a la acción : que el usuario interaccione
Objetivo primordial en la mayor√≠a de los proyectos, las p√°ginas web buscan interaccionar con el usuario. Para ello la p√°gina de inicio puede ser una de las principales fuentes de cara al movimiento de acci√≥n que √©ste lleve a cabo. Bien sea comprar un producto, ir a un determinado servicio, a√Īadir unos datos o buscar un post determinado, mostrar de forma acertada llamadas a la acci√≥n en forma de botones posicionados estrat√©gicamente como pop ups informativos pueden transformar una p√°gina web en un acierto completo.

Contacto : deja que te encuentren f√°cilmente
Aunque parezca algo evidente, existen a√ļn muchas p√°ginas que no muestran en su homepage la forma de contactar con ellos. Posiblemente uno de los errores m√°s graves en internet, la raz√≥n de nuestra presencia en la red es darnos a conocer, explicar nuestros servicios, acercarnos a los clientes. Si √©stos no encuentran f√°cilmente bien el formulario de contacto como tu tel√©fono, direcci√≥n o e-mail la posibilidad de que contacten contigo se reduce considerablemente. Secci√≥n o enlace obligatorio en toda p√°gina de inicio.

Homepage de ejemplo N√°utica Pascual

Y si tienes una tienda online, no te olvides...

Porque hay p√°ginas para todo tipo de negocios. U en este sentido sus p√°ginas de inicio es cierto que tienen un com√ļn de logo, navegaci√≥n, contacto... pero las tiendas online tienen peculiaridades que hay que tener en cuenta para tus usuarios.

Carrito visual : la gestión del usuario
Esencial en las tiendas online, el carrito debe estar presente en todas las p√°ginas del sitio. Y la p√°gina de inicio no es ninguna excepci√≥n. Visualmente f√°cil de encontrar, generalmente colocado arriba a la derecha, es un elemento que bajo ning√ļn pretexto debe estar fuera de la homepage.

B√ļsqueda : facilita entrar en tu cat√°logo
Si la variedad de productos es amplia incorporar un motor de b√ļsqueda es m√°s que necesario. Y en ese sentido el index es esencial. Partiendo de que actualmente el usuario suele llegar a nuestras webs a trav√©s de productos y no de la p√°gina web, su siguiente interacci√≥n suele ser precisamente ir a la p√°gina de inicio. Aportarle en ella la posibilidad absoluta de seguir navegando y buscando dentro de nuestro cat√°logo es b√°sico.

Dar confianza : pagos y certificados ayudan
En este punto toco más el gusto personal e informativo. Que en la homepage de una tienda online se vean los certificados de seguridad (más allá del certificado SSL) de compra-venta y el tipo de método de pago ayudan al usuario no solo a conocer la forma de realizar la compra final, sino que además aporta confianza a quien vaya a interactuar dentro.

Contenido en la homepage sí, gracias

Como coment√© en mi anterior entrada del blog dise√Īo y contenido / copywriting debe ir de la mano. Me inclino incluso a decir que el contenido va por delante del dise√Īo. Partiendo del mensaje que quieras dar, si tienes tras de ti un buen producto la informaci√≥n que aportes al usuario ser√° esencial. M√°s all√° del posicionamiento SEO o el uso de las keywords, un contenido bien escrito, con informaci√≥n valiosa para el potencial cliente har√° que √©ste se quede con ello.

La posibilidad de, un paso m√°s all√°, darle un aspecto visual atrayente es el siguiente paso. No sirve de nada tener un producto genial en una p√°gina web incre√≠ble en cuanto a dise√Īo pero que apenas hable del producto. Ni sirve de nada hablar de las maravillas del producto en una web que eche para atr√°s. En ambos casos se comete un error. Mayor en el primero porque se pierde la noci√≥n del producto.

Si cuidas los textos tus usuarios y Google te lo agradecer√°n.

Limpia lo que no sea necesario

Sliders con imágenes increíbles pero que repiten las opciones de la navegación. Si miras el slider es por las fotos. Y generalmente un usuario no lo mira, hace scroll de manera inmediata. En ese sentido, los sliders son visualmente llamativos, pero debe ser un slider realmente impresionante para que el usuario se quede con él. Sino evítalo.

No escribas demasiado sobre secciones que tengan su propio enlace en la web. No a√Īadas tus capacidades de herramientas, tu curr√≠culum vitae o hagas un enorme texto sobre qui√©n eres o qui√©nes conform√°is la empresa. Salvo sorpresa habr√° un apartado en la navegaci√≥n para ello. Similar en pr√°cticamente todas las secciones: est√° bien dar contenido, pero no se debe abusar de la misma informaci√≥n en dos lugares diferentes. Si tienes una secci√≥n de servicios, no los pongas todos con todo lujo de detalles en la p√°gina de inicio. S√≠ nombra, explica brevemente, haz que el usuario se interese por el mismo. Pero no le expliques todo ello de golpe.

Recuerda que la p√°gina de inicio es una p√°gina GPS.

Conclusión: usa las imágenes correctamente y ganarás

Quedémonos con una imagen vale más que mil palabras y apliquemos el uso de las mismas con coherencia. No sólo tus usuarios lo notarán (profesionalidad), sino que tu página web lo agradecerá (posicionamiento SEO).