Puede que resulte muy obvio, pero contar con un buen men\u00fa en la p\u00e1gina de inicio de tu sitio web es una prioridad de las m\u00e1s relevantes. Debe ser visible, debe contener las categor\u00edas correctas y debe estar adaptado en tu versi\u00f3n mobile. Pon atenci\u00f3n a los siguientes tips que puedes poner en pr\u00e1ctica para mejorar el men\u00fa de tu p\u00e1gina de inicio:<\/p>\n\n\n\n
- Estructura tu contenido: <\/strong>El primer paso es definir grandes categor\u00edas de contenido para crear tu men\u00fa. Por defecto el primer elemento debiese ser \u201cINICIO\u201d con un link a dicha p\u00e1gina, pero los siguientes depender\u00e1n de tu negocio. Si vendes zapatos, por ejemplo, algunas categor\u00edas podr\u00edan ser \u201chombre\u201d, \u201cmujer\u201d y \u201cni\u00f1os\u201d.
<\/li>- Men\u00fa acorde\u00f3n: <\/strong>Si tu negocio ofrece muchos tipos de productos, con mayor raz\u00f3n debes categorizar el contenido; y usar un \u201cmen\u00fa acorde\u00f3n\u201d o desplegable es una buena idea. F\u00edjate en este ejemplo: el men\u00fa fijo incluye solo las categor\u00edas principales, pero al pasar el cursor por sobre uno de ellos se despliega la gran variedad de productos para dicha categor\u00eda. A estas les llamamos categor\u00edas secundarias.<\/li><\/ul>\n\n\n\n
![\"Un](\"https:\/\/tusclicks.com\/blog\/wp-content\/uploads\/2019\/10\/ejemplo-de-menu.jpg\")
<\/figure><\/div>\n\n\n\n- 6 Elementos como m\u00e1ximo<\/strong>: No abuses de las categor\u00edas principales, solo usa la cantidad que sean necesarias. Para ello existen las categor\u00edas secundarias y los tipos de men\u00fa que te mostramos antes.
<\/li>- Tipograf\u00eda Legible:<\/strong> Usa un tipo de letra f\u00e1cil de leer y un tama\u00f1o adecuado, para ello debes pensar en todo tipo de usuario (piensa en lo molesto que debe ser una letra peque\u00f1a para un usuario con problemas de vista).
<\/li>- Contraste de colores: <\/strong>Que tenga un alto contraste es clave en un men\u00fa. Con alto contraste, nos referimos a que se diferencie mucho el color del texto con el color del fondo. Ejemplo: si el fondo de tu men\u00fa o dise\u00f1o es negro, entonces la letra blanca o un tono claro es ideal, ya que se ver\u00e1 f\u00e1cilmente.
<\/li>- Efectos Mouse Over:<\/strong> Diferenciar los elementos que estamos se\u00f1alando con el cursor puede ser un buen m\u00e9todo para mejorar la experiencia de usuario y mejorar el tr\u00e1fico. Los efectos Mouse Over nos ayudan a crear reacciones en las diferentes secciones de nuestro sitio a las cuales queramos darle un foco particular, como iluminar palabras, aumentar el tama\u00f1o de la imagen mientras el cursor est\u00e1 toc\u00e1ndola. Pero el mal uso de estos efectos puede causar molestia y rechazo de parte del usuario si son usados en exceso.<\/li><\/ul>\n\n\n\n
Un \u00faltimo consejo es que, al igual que todo el dise\u00f1o de tu web, el men\u00fa debe estar adaptado para una f\u00e1cil navegaci\u00f3n en su versi\u00f3n mobile. Ac\u00e1 te dejamos un resumen de los puntos anteriores para que puedas descargar.<\/p>\n\n\n\n
![\"Aspectos](\"https:\/\/tusclicks.com\/blog\/wp-content\/uploads\/2019\/10\/aspectos-buen-menu.jpg\")
<\/figure><\/div>\n\n\n\n<\/p>\n\n\n\n
2. CTA directos y bien ubicados<\/strong><\/h2>\n\n\n\n
\u201cCompra aqu\u00ed\u201d, \u201cclic aqu\u00ed\u201d, \u201cver m\u00e1s\u201d o \u201chaz tu reserva\u201d son solo algunos de los Call to Actions que seguramente has visto en distintas p\u00e1ginas de inicio. Como su nombre lo dice un Call to Action <\/em>es un \u201cllamado a la acci\u00f3n\u201d. Es decirle al usuario lo que deber\u00eda realizar en nuestro sitio web. Incluirlos en tu p\u00e1gina de inicio es clave. \u00bfPero qu\u00e9 debes considerar respecto a ellos? Esencialmente, los siguientes puntos.<\/p>\n\n\n\n
Posici\u00f3n del CTA<\/strong><\/h3>\n\n\n\n
Si bien una p\u00e1gina de inicio puede ser muy larga y tener mucho contenido, aquel que se ubica en la primera pantalla se ve un 100% m\u00e1s que el restante, seg\u00fan un estudio realizado por Nielsen Norman Group<\/a>. Con esta evidencia, resulta claro que es al principio de la p\u00e1gina donde debemos ubicar un buen CTA, ya que es lo que m\u00e1s influir\u00e1 en la experiencia del usuario y las acciones que realice.<\/p>\n\n\n\n
Un buen ejemplo es esta p\u00e1gina de inicio de Shopify<\/a>, donde adem\u00e1s de un bot\u00f3n con un CTA que te invita a iniciar una versi\u00f3n de prueba<\/em>, se incluyen diferentes elementos en la primera pantalla: un titular, un input para dejar el correo, un video explicativo y algunas im\u00e1genes. Todo esto lo ve un usuario sin necesidad de hacer scroll.<\/p>\n\n\n\n
![\"Homepage](\"https:\/\/tusclicks.com\/blog\/wp-content\/uploads\/2019\/10\/homepage-shopify.jpg\")
<\/figure><\/div>\n\n\n\n<\/p>\n\n\n\n
Otro dato importante a destacar respecto a la ubicaci\u00f3n del CTA es que un estudio realizado por Wordstream<\/a> donde analizaron 50 sitios web, determin\u00f3 que el 80% de los sitios analizados incluy\u00f3 al menos un CTA en el 50% superior de la p\u00e1gina de inicio. Esto da para afirmar que ya se ha convertido en una pr\u00e1ctica frecuente a la que el usuario est\u00e1 acostumbrado.<\/p>\n\n\n\n
Un buen motivo para hacer clic<\/strong><\/h3>\n\n\n\n
El Call to Action no lo es todo, para que el usuario decida hacer clic debes darle un buen motivo: describir tu servicio, ofrecer contenido gratuito o invitar al usuario a ver m\u00e1s informaci\u00f3n pueden ser algunos de ellos. \u00a1Todo depender\u00e1 del objetivo que buscas! <\/p>\n\n\n\n
Ten en cuenta que convencer al usuario de realizar una determinada acci\u00f3n no es igual de f\u00e1cil o dif\u00edcil para todos los negocios. Hay sitios que ofrecen una gran descripci\u00f3n, como Salesforce, mientras a otros como Spotify le bastan dos l\u00edneas de texto. Esto tiene que ver principalmente con el conocimiento que pueden tener los usuarios de tu negocio. Mientras m\u00e1s lo conozcan y m\u00e1s posicionado est\u00e9, menos esfuerzos tendr\u00e1s que hacer.<\/p>\n\n\n\n
![\"Homepage](\"https:\/\/tusclicks.com\/blog\/wp-content\/uploads\/2019\/10\/salesforce.jpg\")
P\u00e1gina de inicio de Salesforce<\/a>.<\/figcaption><\/figure><\/div>\n\n\n\n![\"Homepage](\"https:\/\/tusclicks.com\/blog\/wp-content\/uploads\/2019\/10\/homepage-spotify.jpg\")
P\u00e1gina de inicio de Spotify.<\/a><\/figcaption><\/figure><\/div>\n\n\n\n<\/p>\n\n\n\n
\u00bfQu\u00e9 ideas puedes probar para motivar a las personas a realizar una acci\u00f3n? <\/p>\n\n\n\n
- Incluir un video explicando tu producto o servicio<\/li>
- Fotograf\u00edas de tu producto desde diferentes \u00e1ngulos<\/li>
- Una buena descripci\u00f3n de los beneficios de tu producto o servicio<\/li>
- Una vista de la interfaz de tu producto en caso de ser una aplicaci\u00f3n<\/li>
- Descuentos especiales, versiones de prueba o gratuitas<\/li><\/ul>\n\n\n\n
Elegir bien el Tipo de CTA<\/strong><\/h3>\n\n\n\n
No hay nada peor que una instrucci\u00f3n poco clara. Si no comunicamos de forma simple y f\u00e1cil de entender lo que el usuario deber\u00eda realizar, luego no podemos culparlo a \u00e9l si no lo hace. Ten muy claro el objetivo que busca y sabr\u00e1s elegir bien el tipo de CTA. \u00bfCu\u00e1les existen? Depender\u00e1 de a qui\u00e9n le preguntes. Pero estas son algunas categor\u00edas que nosotros destacamos:<\/p>\n\n\n\n
- Para entregar m\u00e1s informaci\u00f3n: <\/strong>Los cl\u00e1sicos \u201cver m\u00e1s\u201d, \u201cm\u00e1s informaci\u00f3n\u201d \u201cleer m\u00e1s\u201d. Ideal para usarlos cuando el usuario realmente se encontrar\u00e1 con m\u00e1s informaci\u00f3n. En ocasiones pasa que haces click en ver m\u00e1s y te pide registrarte para acceder a la informaci\u00f3n. Te contamos desde ya que es una pr\u00e1ctica que deber\u00edas evitar.
<\/li>- Para ofrecer algo gratis<\/strong>: \u201cdescarga gratuita\u201d, \u201cprueba gratuita\u201d, \u201cdescargar versi\u00f3n de prueba\u201d. \u00a1Nada llama m\u00e1s la atenci\u00f3n que algo gratuito!
<\/li>- Para incentivar la descarga de algo (app, gu\u00eda, contenido)<\/strong>: \u201cdescargar aplicaci\u00f3n\u201d, \u201cobtener ahora\u201d. Ten en cuenta que mientras m\u00e1s simple el proceso de descarga, mejor.
<\/li>- Para registrarse en algo (app, newsletter, programas virtuales): <\/strong>\u201cregistrarme\u201d, \u201cregistro gratuito\u201d.
<\/li>- Para acciones espec\u00edficas<\/strong>: \u201cver planes\u201d, \u201cver producto\u201d, \u201ccomparar planes\u201d. Ideal para cuando ofreces distintas funcionalidades asociados a un pago diferente.
<\/li>- Para contacto o agendamiento<\/strong>: \u201ccontactar ahora\u201d, \u201cescr\u00edbenos\u201d, \u201cagendar\u201d, \u201chacer reserva\u201d. Concreto y directo, nada m\u00e1s.<\/li><\/ul>\n\n\n\n
Ten en cuenta que estos tipos de CTA adem\u00e1s de su objetivo inmediato, pueden responder a objetivos m\u00e1s grandes: c\u00f3mo generar tr\u00e1fico a un blog o generar leads para crear una base de datos<\/a>. <\/p>\n\n\n\n
3. Usa CTA complementarios<\/strong><\/h2>\n\n\n\n
Antes te hablamos de que es necesario darle un buen motivo a las personas para realizar la acci\u00f3n que buscas. Si intentas vender un software de ventas, por ejemplo, quiz\u00e1 una versi\u00f3n gratuita por algunos d\u00edas sea raz\u00f3n m\u00e1s que suficiente para un usuario. Pero para otros, no lo ser\u00e1. Hay quienes a\u00fan no habr\u00e1n decidido si tu soluci\u00f3n es la que les sirve. Aqu\u00ed es donde cobra importancia el uso de CTA complementarios.<\/p>\n\n\n\n
\u00bfQu\u00e9 es un CTA complementario? Podemos definirlo como una alternativa a la acci\u00f3n ideal que buscamos. Si principalmente buscamos que el usuario compre, una alternativa es ofrecerle \u201cm\u00e1s informaci\u00f3n\u201d para convencerlo. Si a\u00fan est\u00e1s perdido de lo que te hablamos, seguro este ejemplo te lo aclara.<\/p>\n\n\n\n
![\"Homepage](\"https:\/\/tusclicks.com\/blog\/wp-content\/uploads\/2019\/10\/homepage-adobe.jpg\")
P\u00e1gina de inicio de Adobe<\/a><\/figcaption><\/figure><\/div>\n\n\n\n <\/p>\n\n\n\n
Aqu\u00ed el CTA principal es \u201ccomenzar la prueba gratuita\u201d (Start free trial) y el complementario es \u201caprender m\u00e1s\u201d (Learn more). Este es un factor clave para no perder a cierto tipo de usuarios. De hecho, el estudio de Wordsteam indica que el 94% de lo sitios analizados incluyen m\u00e1s de un CTA en la primera pantalla visible.<\/p>\n\n\n\n
4. Incluir \u201cpruebas sociales\u201d<\/strong><\/h2>\n\n\n\n
\u00bfTe ha pasado que antes de ir a un lugar a comer revisas los comentarios? Este tipo de contenido se conoce como \u201cpruebas sociales\u201d, un factor que ayuda a generar confianza en los usuarios de tu producto o servicio. Mal que mal, hay quienes hasta el d\u00eda de hoy siguen reconociendo el Boca a Boca como el mejor tipo de marketing.<\/p>\n\n\n\n
Incluir diferentes pruebas sociales te puede ayudar a tener m\u00e1s \u00e9xito en tu sitio web. \u00bfCu\u00e1les puedes usar? Te recomendamos los siguientes:<\/p>\n\n\n\n
- Testimonios<\/strong>: Ya sea en forma de video o fotograf\u00edas con citas, incluir testimonios de clientes que hayan quedado felices con tu servicio o producto es una buena idea. Te recomendamos el uso de videos, ya que genera mayor credibilidad por parte de los usuarios.
<\/li>- Estudios de Caso: <\/strong>Muchas marcas lo hacen. \u00a1Incluso Google tiene su propio apartado de Casos de \u00c9xito<\/a>! Lo importante de esto, es que dejes en claro como tu servicio o producto le ha servido a otras personas. Eso te ayudar\u00e1 a generar confianza con quienes a\u00fan no lo prueban.
<\/li>- Reviews<\/strong>: \u00a1Una excelente oportunidad para nuevos productos! Las reviews consisten en mostrar las caracter\u00edsticas de un producto, un primer uso por parte de usuarios o las nuevas caracter\u00edsticas de alguna actualizaci\u00f3n. Si nunca lo has probado, pues deber\u00edas. No por nada hoy existen muchos Youtubers<\/em> que se dedican a hacer reviews de productos.
<\/li>- Datos y cifras:<\/strong> Si has logrado n\u00fameros interesantes de compartir, \u00a1hazlo! Cu\u00e1ntas personas han trabajado contigo, cu\u00e1nto les has ayudado a ganar, o cu\u00e1ntos clientes satisfechos tienes a la fecha son excelentes datos a compartir. Por lo general esto es algo que hacen empresas que ofrecen servicios a otras empresas.
<\/li>- Sellos e \u00edconos de confianza:<\/strong> Si tu empresa ha ganado alg\u00fan o premio o ha sido reconocida por algo, \u00a1hazlo saber! Desde un premio a la innovaci\u00f3n o un sello por uso de productos sustentables o veganos pueden ayudar.<\/li><\/ul>\n\n\n\n
Existe otro elemento importante que deber\u00edas incluir: las redes sociales, pero este elemento merece un apartado especial.<\/p>\n\n\n\n
5. Conectar tus redes sociales<\/strong><\/h2>\n\n\n\n
Incluir las redes sociales en tu p\u00e1gina de inicio favorecer\u00e1 en muchos aspectos tu negocio. En primer lugar permite conectar tu estrategia digital y que las personas puedan seguirte en tus p\u00e1ginas, ya sean de Instagram, Facebook o Twitter. Piensa en que un cliente feliz tiene altas probabilidades de seguirlas.<\/p>\n\n\n\n
\u00bfCon qu\u00e9 debemos tener ojo? Con que los \u00edconos de redes sociales no tengan un protagonismo que no debieran. Muchas veces esta ser\u00e1 solo informaci\u00f3n complementaria. F\u00edjate en lo que hace Spotify, que las deja al final de su p\u00e1gina de inicio, en el sector derecho.<\/p>\n\n\n\n
![\"Homepage](\"https:\/\/tusclicks.com\/blog\/wp-content\/uploads\/2019\/10\/homepage-spotify-full.jpg\")
<\/figure><\/div>\n\n\n\n<\/p>\n\n\n\n
Ahora, no s\u00f3lo puedes ofrecer el uso de redes sociales para que la gente llegue a ellas, puedes incluir otras acciones en tu sitio:<\/p>\n\n\n\n
- Bot\u00f3n de Compartir:<\/strong> Si tienes un blog de la empresa donde compartes contenido de inter\u00e9s para tus usuarios, puedes incluir el bot\u00f3n para que la gente pueda compartirlos directamente. Hay algunos sitios que lo hacen tambi\u00e9n con los productos, pero compartir un producto en redes sociales no es una acci\u00f3n que muchos usuarios realicen. Esto es ideal hacerlo con botones de Facebook y Twitter.
<\/li>- Bot\u00f3n de Guardar: <\/strong>Redes como Pinterest incluyen un bot\u00f3n que permite guardar el contenido para verlo m\u00e1s tarde. \u00a1Aprov\u00e9chalo! Si a\u00fan no sabes mucho de c\u00f3mo usar Pinterest para potenciar tu negocio, te dejamos esta gu\u00eda<\/a>.<\/li><\/ul>\n\n\n\n
6. Usar videos<\/strong><\/h2>\n\n\n\n
Hoy, que estamos en el mundo de lo audiovisual, incluir un video en tu sitio web no es una idea tan descabellada. Es m\u00e1s, el estudio de Wordsteam indica que de 50 sitios analizados, el 36% conten\u00edan videos.<\/p>\n\n\n\n
\u00bfQu\u00e9 tipo de video puede ser? Uno donde expliques tu producto o servicio, donde menciones sus caracter\u00edsticas y beneficios con el fin de convencer a los usuarios. Es importante que el video se reproduzca solo cuando el usuario haga clic, la reproducci\u00f3n autom\u00e1tica puede ser molesta.<\/p>\n\n\n\n
Como mencionamos antes, incluir videos con testimonios de \u201cclientes felices\u201d tambi\u00e9n es una buena opci\u00f3n, pero no de forma principal dentro del sitio. Implem\u00e9ntalos en una segunda pantalla (que se vea luego de hacer solo un poco de scroll) o incluso en un apartado especial de tu men\u00fa.<\/p>\n\n\n\n
Te aprovechamos de compartir algunos tips para tu video:<\/p>\n\n\n\n
- Debe dejar en claro los beneficios de tu producto o servicio<\/li>
- Trata de que tenga un ritmo r\u00e1pido<\/li>
- Incluye subt\u00edtulos<\/li>
- Ve directo al grano<\/li>
- Hazlo atractivo visualmente<\/li><\/ul>\n\n\n\n
Mira esta p\u00e1gina de Duolingo, una aplicaci\u00f3n para aprender ingl\u00e9s. Si bien no es un elemento principal, incluyen una secci\u00f3n secundaria (abajo con el b\u00faho verde) donde agregan la posibilidad de reproducir un video.<\/p>\n\n\n\n
- Bot\u00f3n de Guardar: <\/strong>Redes como Pinterest incluyen un bot\u00f3n que permite guardar el contenido para verlo m\u00e1s tarde. \u00a1Aprov\u00e9chalo! Si a\u00fan no sabes mucho de c\u00f3mo usar Pinterest para potenciar tu negocio, te dejamos esta gu\u00eda<\/a>.<\/li><\/ul>\n\n\n\n
- Estudios de Caso: <\/strong>Muchas marcas lo hacen. \u00a1Incluso Google tiene su propio apartado de Casos de \u00c9xito<\/a>! Lo importante de esto, es que dejes en claro como tu servicio o producto le ha servido a otras personas. Eso te ayudar\u00e1 a generar confianza con quienes a\u00fan no lo prueban.
- Para ofrecer algo gratis<\/strong>: \u201cdescarga gratuita\u201d, \u201cprueba gratuita\u201d, \u201cdescargar versi\u00f3n de prueba\u201d. \u00a1Nada llama m\u00e1s la atenci\u00f3n que algo gratuito!
- Para entregar m\u00e1s informaci\u00f3n: <\/strong>Los cl\u00e1sicos \u201cver m\u00e1s\u201d, \u201cm\u00e1s informaci\u00f3n\u201d \u201cleer m\u00e1s\u201d. Ideal para usarlos cuando el usuario realmente se encontrar\u00e1 con m\u00e1s informaci\u00f3n. En ocasiones pasa que haces click en ver m\u00e1s y te pide registrarte para acceder a la informaci\u00f3n. Te contamos desde ya que es una pr\u00e1ctica que deber\u00edas evitar.
- Tipograf\u00eda Legible:<\/strong> Usa un tipo de letra f\u00e1cil de leer y un tama\u00f1o adecuado, para ello debes pensar en todo tipo de usuario (piensa en lo molesto que debe ser una letra peque\u00f1a para un usuario con problemas de vista).
- Men\u00fa acorde\u00f3n: <\/strong>Si tu negocio ofrece muchos tipos de productos, con mayor raz\u00f3n debes categorizar el contenido; y usar un \u201cmen\u00fa acorde\u00f3n\u201d o desplegable es una buena idea. F\u00edjate en este ejemplo: el men\u00fa fijo incluye solo las categor\u00edas principales, pero al pasar el cursor por sobre uno de ellos se despliega la gran variedad de productos para dicha categor\u00eda. A estas les llamamos categor\u00edas secundarias.<\/li><\/ul>\n\n\n\n
![\"Homepage](\"https:\/\/tusclicks.com\/blog\/wp-content\/uploads\/2019\/10\/homepage-duolingo.jpg\")
![\"Homepage](\"https:\/\/tusclicks.com\/blog\/wp-content\/uploads\/2019\/10\/homepage-duolingo-video.jpg\")
<\/figure><\/div>\n\n\n\n![\"Ofrecer](\"https:\/\/tusclicks.com\/blog\/wp-content\/uploads\/2019\/10\/grafico.jpg\")
<\/figure><\/div>\n\n\n\n![\"elementos](\"https:\/\/tusclicks.com\/blog\/wp-content\/uploads\/2019\/10\/tabla-articulos-check.jpg\")
<\/figure><\/div>\n","protected":false},"excerpt":{"rendered":"