Tu menú sigue siendo una de las principales formas en que el tráfico navega por tu sitio. Sin embargo, decidir qué incluir en él puede ser un poco más complicado de lo que se pensaba inicialmente.
En los viejos tiempos, un sitio web tenía cuatro enlaces principales: Acerca de, Blog, Contacto y un botón de Inicio. Pero a medida que la tecnología mejora y cambia, ahora es posible hacer mucho más con el humilde menú.
Hoy te mostraré algunas cosas que he estado probando en mis propios menús, así como algunos ejemplos interesantes de la web. Espero que te ayuden a crear un menú un poco más efectivo.
¿Cuál es el propósito real de un menú?
Puede parecer obvio para algunos, pero cuando me senté realmente a pensar en lo que necesitaba en mi menú, descubrí que la pregunta era un poco más difícil de lo esperado.
Por ejemplo, todas las publicaciones que escribo están llenas de enlaces dentro de las publicaciones que envían a las personas a artículos relevantes que (con suerte) les ayudarán, ya que están relacionados con los términos de búsqueda sobre los que están leyendo.
Entonces, si todos los enlaces importantes están ahí en cualquier publicación, ¿para qué necesito el menú?
Esto me hizo pensar que tal vez se trataba *menos de hacer que la gente se moviera por el sitio, y más de enviarlos en una dirección específica que les ayudara a lograr ciertos resultados* basados en los objetivos de mi blog.
Y eso nos lleva al siguiente punto.
Proponer algunos objetivos para tu menú
Antes de decidir qué agregar a tu menú, es realmente importante proponer algunos objetivos.
Y los objetivos que tengas para tu menú se alinearán estrechamente con los objetivos que tengas para tu blog y tu estrategia de blogging en general.
Si no sabes lo que intentas lograr en tu sitio en general, no hay forma de que tu menú sea efectivo.
Entonces, ¿qué resultados buscamos en el menú?
- Conseguir que la gente se ponga en contacto
Si eres un negocio físico como un fisioterapeuta o un mecánico, entonces una de las funciones principales de tu menú será facilitar que la gente llame y haga una cita. A continuación, veremos formas de hacerlo. - Fomentar suscripciones
Un blog probablemente se centrará en las suscripciones a la lista de correo y, como tal, parte del espacio de tu menú debe dedicarse a facilitar que las personas se suscriban. - Dando a conocer anuncios
Si has pasado meses desarrollando una nueva herramienta o creando una conferencia, querrás asegurarte de que esté presente en un menú, especialmente si la has estado anunciando en la web. - Aclarando su lugar en el sitio
Si tienes un sitio web ultracomplicado (piensa en Amazon.com), el menú debe dedicarse en parte a ayudar a las personas a entender dónde están para que no abandonen. Esto también podría funcionar para un proceso de pago o algún tipo de línea de tiempo. - Realizar una venta directa o indirecta
Realizar una venta será un propósito principal de muchos menús y se puede hacer promocionando directamente un producto, o dirigiendo a las personas a una página de destino o contenido adicional que haga la propuesta.
Cuando decidamos un objetivo para el menú basándonos en la estrategia general de nuestro blog, será mucho más fácil crear algo que tenga sentido y convierta bien.
¿Qué ponen otros sitios en sus menús?
Lo que me gustaría hacer ahora es mostrarte algunos ejemplos de todos estos objetivos diferentes en acción, con la esperanza de que te dé algunas ideas sobre cómo estructurar tu propio menú de manera efectiva.
1. Hacer contacto rápido
El primer ejemplo proviene de amigos míos en Reliable PSD, quienes tienen un menú impresionante que pone gran énfasis en obtener una cotización gratuita para tu proyecto.
La opción de "cotización gratuita" aparece tres veces en el menú y va acompañada de una dirección de correo electrónico en caso de que las personas quieran hacer contacto directamente sin pasar por el formulario de cotización. Esto es algo realmente inteligente de hacer en un negocio donde la gente quiere cotizaciones y precios rápidamente.
2. Fomentar registros rápidos
Un servicio como Slack es tan simple y elegante que una de sus mejores tácticas de venta es simplemente hacer que la gente lo pruebe sin perder demasiado tiempo.
Como puedes ver, su menú es simple y tiene un gran énfasis en un objetivo: crear un nuevo equipo. Esencialmente, le están pidiendo a la gente que lo pruebe y que sus amigos o colegas también lo hagan.
Desde ese enlace, solo ingresas tu correo electrónico y prácticamente estás listo para empezar. Es una forma brillante de hacer que la gente use el servicio rápidamente antes de que ocurran demasiados rebotes debido a múltiples navegaciones o explicaciones.
3. Hacer anuncios
Un buen ejemplo de un sitio web complicado con un buen menú es ASOS, que actualmente tiene un anuncio de una venta que está ocurriendo en la tienda en línea.
Como puedes ver, el menú divide la tienda en Mujeres y Hombres de forma bastante clara, y utiliza un color muy distintivo para mostrar que hay una oferta. Es imposible no verlo. Esta es una buena idea a tener en cuenta para nuestros propios menús: a veces necesitas un contraste de color para llamar la atención sobre algo.
He intentado hacer algo similar en la esquina superior derecha de Blog Tyrant, ya que el color cambia cuando te desplazas desde la posición más alta.
Otro ejemplo realmente ingenioso de un anuncio se encuentra actualmente en Popular Mechanics.
Han transformado todo su encabezado en una animación de un eclipse solar y han añadido un gran enlace debajo que lleva a una guía masiva sobre el eclipse de este año.
Integrar una gran pieza de contenido con un evento actual es una forma realmente inteligente de obtener enlaces de retroceso y crear mucho revuelo en torno a tu sitio.
4. Realizar ventas rápidas
Uno de los mejores menús a los que sigo volviendo es Smart Passive Income de Pat Flynn, quien tiene un gráfico increíblemente dinámico de sus ganancias, así como enlaces inteligentes a productos y áreas de contenido importantes.
Pat fue uno de los primeros en probar y ser pionero en el enlace "¿Nuevo? Empieza aquí" en el menú y le ha funcionado muy bien. Ahora también tiene una selección ampliada de productos que puedes comprar directamente sin tener que buscar.
Una cosa que me impresiona de este menú es cómo casi puedes descifrar la marca completa de Pat solo por lo que aparece en el área de navegación superior. Todo lo que necesitas saber o hacer está en ese único lugar.
Recuerda, hay más de un menú
Es bueno recordar que a menudo hay más de un menú en cualquier blog o sitio web y, gracias a la tecnología móvil, a menudo hay un menú separado para dispositivos móviles.
Esto es importante de pensar porque a menudo encontrarás que la función que quieres añadir a tu menú principal de escritorio podría ser completamente diferente para algo que la gente hará en móviles.
Por ejemplo, si tienes algún software o producto que solo funciona en una computadora de escritorio, entonces probablemente no sea ideal dedicar una gran promoción en el menú. En cambio, podría ser mejor promocionar tu lista de correo, generar interés y adoptar un enfoque a más largo plazo para la venta.
Además, muchos de los ejemplos que vi tenían elementos de submenú, e incluso algunos "huevos de Pascua" ocultos que pueden hacer que todo sea un poco más emocionante. Podrías decidir que necesitas más de un menú en diferentes lugares de una página, o en diferentes páginas.
Cómo mejorar tu menú
Una vez que hayas decidido qué quieres poner en tu menú, podrías necesitar un poco de ayuda para integrar algunas funciones nuevas y darle vida realmente.
Si estás en una configuración de WordPress autohospedada, entonces hay muchas cosas que puedes hacer con un menú, además de la capacidad de WordPress para crear y editar menús para cualquier tema que uses.
Por ejemplo, un plugin como UberMenu te permitirá crear enormes mega menús con menús desplegables, códigos y mapas integrados, botones, etc., lo que puede ser muy útil si tienes un plan para algo diferente.
Pero si no quieres complicarte tanto, siempre podrías simplificar tu navegación a un objetivo específico y eliminar todo el desorden. Eso es algo que he estado probando de vez en cuando y realmente creo que ha funcionado.
Hagas lo que hagas al final, asegúrate de probarlo tú mismo para asegurarte de que está obteniendo resultados positivos reales en lugar de solo un buen diseño y sensación.
¿Alguna vez has hecho algo diferente con tu menú? Me encantaría saberlo en los comentarios de abajo.
¡Interesante, Ramsay! Cuando tu correo llegó a mi bandeja de entrada, esto es exactamente lo que estaba contemplando. Hace algunos meses renové el menú de mi blog, dándome cuenta de que gran parte de él ya no era tan útil/relevante como antes. Lo minimicé y el diseño definitivamente se veía mejor. Luego, hace un par de meses, eliminé la barra lateral, dejando solo lo esencial debajo del encabezado. Y hoy, estoy pensando de nuevo en cómo puedo mejorarlo. ¡Voy a leer los enlaces internos de la publicación!
He estado siguiendo tu blog por siempre en años de internet 😀
¡Qué bueno verte de nuevo, Vidya! Eché un vistazo y tu primer comentario fue en 2011. Eso es increíble.
Al igual que Vidya, yo también he estado pensando qué hacer con mi sitio. Necesita un lavado de cara y la sección del menú sería un buen lugar para empezar. También he simplificado el aspecto de mi sitio eliminando las barras laterales, etc.
¡Ahora a revisar los enlaces de tu artículo!
¡Espero que ayude!
Ramsay, gran artículo, un punto importante a considerar para bloggers serios. Tengo 2 menús en mi sitio, ambos sirven para propósitos diferentes, uno en la parte superior, uno en el lateral.
Gran punto que el blogger debe pensar cuidadosamente sobre esos 4 o 5 elementos clave en el menú principal en los que quiere que sus lectores piensen. Estoy en proceso de refinar estos elementos. Estoy mirando los tuyos Ramsay y parecen bien pensados.
Como siempre, gran perspicacia, voy a compartir y dar un me gusta.
Realmente aprecio esas compartidas. Gracias.
¡Otro artículo brillante y en el momento perfecto (para mí)!
Pronto lanzaré un nuevo negocio y probablemente un nuevo sitio web.
¡Parece que conocemos (y apreciamos) a las mismas personas!
Los chicos detrás de Reliable psd, David Tendrich y Lou Levit, son coautores en Millo, uno de los mejores blogs para freelancers creativos y emprendedores.
Esta es la magia de internet, ¡3 continentes diferentes parecen estar tan cerca!
Es gracioso cómo funcionan esas cosas a veces. ¡Me alegra que lo estés disfrutando!
¡Gran publicación! ¿Puedo decir que ME ENCANTA lo que has hecho con los títulos de tu menú? Es fresco y quiero hacer clic en todo. Bien hecho. 😉
¡Gracias, amigo!
¡Qué momento perfecto! Tu correo electrónico acaba de aparecer y era nuevo. Nunca antes había escuchado que los menús de nuestro blog son realmente importantes. ¡Gracias Ramsay! Esto es genial.
Gracias Ellen. ¡Me alegra que te haya gustado!
Hola Ramsay,
Siempre estoy jugando con mi menú. Siempre existe la tentación de poner demasiados elementos en el menú.
Pero supongo que como la investigación siempre demuestra, 'la simplicidad es lo mejor'.
Creo que 5 o 6 elementos de menú o menos es lo mejor. Tú has ido un paso más allá con solo 4, jajaja.
La paradoja de la elección: cuantas más opciones demos a nuestros visitantes web, más confundidos estarán.
P.D. Me encanta el menú de Pat, es fácil de navegar y el tuyo es simple y directo.
Estoy de acuerdo. ¡Creo que cuatro son demasiados! Ja.
Curso de actualización como siempre, Ramsay. Lo pensé, pero no estaba seguro de qué hacer, pero ahora tengo una buena idea.
Por cierto, ¿puedes decirnos la razón por la que no usas una barra lateral en tu blog?
Hola Ramsay,
Gran publicación como siempre.
Cada uno de estos sitios destacados parece haber diseñado sus menús basándose en lo que intentan lograr. Creo que esta tendencia está creciendo.
En lugar de dar a la gente todas las opciones posibles, los editores han recurrido al minimalismo y están tratando de controlar y asegurar exactamente lo que su audiencia verá.
Hay menos adornos en las barras laterales. Estoy de acuerdo con esta idea. Después de todo, ¿quién sabe cuál es el mejor contenido en un sitio web para la audiencia, aparte de los editores?
Veo cómo te deshiciste del cuadro de búsqueda en Blog Tyrant – pensé que era un error. Pero luego me di cuenta de cómo dirige a las personas de una página a otra a través de las publicaciones y el contenido en sí.
La apariencia de Medium y otros sitios similares también se siente bastante apreciable.
Creo que nos estamos moviendo hacia la eliminación del caos para la audiencia a través del diseño del sitio web también. Como lector y parte de la audiencia general, me encanta este cambio.
¡Tengo una publicación en camino sobre lo de la barra de búsqueda pronto!
¡Estas son grandes ideas, Ramsay!
Me encantaría averiguar cómo agregar un formulario de suscripción a mi menú. Tengo un sitio WP .com. (Por cierto, acaban de agregar plugins!) Cuando los lectores están en su teléfono, no ven la barra lateral con el registro hasta que llegan al final de diez publicaciones.
Recomendaría agregar una página de destino a tu menú que muestre específicamente los beneficios de tu lista de correo. Eso resuelve ambos problemas.
Gran artículo Ramsay... Gracias por proporcionarnos tantos recursos útiles.
¡De nada!
Elementos accionables en mi menú. Mi respuesta habitual al leer tus blogs es 'gah, ¡qué útil!' y luego me doy cuenta de que también tienes tu enlace de acción en tu menú – boom, victoria instantánea – ¡gracias!
Me he estado enfocando tanto fuera del sitio – que no había considerado mi menú como un lugar para ganar 'clics útiles'... Otro blog perfectamente oportuno.
Para mí – Fuera de la navegación, los robots, los robots y siempre pensando en cómo el robot está viendo mi página – El menú siempre parecía ser muy directo… ahora, después de leer tu contenido y el de otros – siento que mi 'contenido' necesita una página de destino – solo no estaba seguro de dónde encajaba en la pirámide.
La idea de construir ese menú al estilo ASOS.com parece – extremadamente efectiva ahora con una 'categoría/blog' en crecimiento – y me he estado preguntando cómo presentar eso sin el habitual – boom, aquí está el blog. Así que, aprecio ese enlace.
Gracias de nuevo Blogtyrant. Otra pieza de contenido extremadamente potente para enviar a todos mis amigos y clientes – Sigue así, amigo. ¡Aprecio mucho el éxito que me has ayudado a generar!
De alguna manera, cuando me encuentro preguntándome a dónde va mi rebote, y constantemente me cuestiono a mí mismo, tú como que INTERVIENES.
Si alguien se pregunta si debería suscribirse – ¡simplemente hazlo!
¡Gracias!
TylerG
Ese es un comentario muy amable, Tyler. Muchas gracias.
Hola Ramsay,
¡Gran publicación como siempre!
Al igual que tú, lleno mis publicaciones de blog con enlaces internos que envían a las personas a artículos relevantes. ¿Eso hace que el botón de búsqueda sea redundante? No lo creo. ¿Eso hace que la sección del menú sea inútil? Quizás. Creo que el jurado definitivamente está deliberando sobre eso 🙂
Pero en serio, aunque empecé mi blog actual en junio, he jugado con la sección del menú, la sección de categorías y la barra lateral algunas veces. Mi objetivo es un blog que grite calidad, con una sección de menú tan irresistible como los cachorros. Espero haber podido lograr eso tanto en el diseño de mi blog como en la forma en que está organizada la sección del menú.
Gracias por abrir esta conversación, que es necesaria.
Saludos cordiales,
Pedro
No soy fan de la función de búsqueda de mi blog. Tengo una publicación sobre esto pronto.
Contenido educativo fantástico, como siempre, Ramsay. Me encanta tu idea de que el objetivo de tu menú se alinee con el objetivo de tu blog, en lugar de ser solo una herramienta de navegación simple.
¡Gracias Melanie!
Hola Ramsay,
Al principio de la publicación, mencionaste que hablarías sobre algunas de las pruebas que has hecho con tu menú. Sin embargo, solo hay una breve mención de algo que hiciste. ¿Olvidaste esta parte? ¿O eso fue todo?
Probé un menú desplegable hace aproximadamente una década en uno de mis sitios. (Supongo que ahora se llaman "mega menús".) Varias personas se molestaron por él, así que volví a algo similar a lo que tienes. Realmente no entiendo por qué a la gente le encantan ahora. Personalmente, los encuentro molestos (debido al paso adicional de hacer clic). También encuentro que algunos de ellos son confusos.
El sitio web de Pat Flynn es interesante en el sentido de que su diseño actual fue una respuesta a que la gente tenía dificultades para encontrar cosas en el sitio antiguo. Bueno, argumentaría que su diseño actual (aunque hermoso) hace que sea mucho más difícil encontrar cosas. Por ejemplo, me tomó unos días después de su lanzamiento encontrar dónde estaban los viejos podcasts. Y hace tiempo, tuve que recurrir a una búsqueda en Google para encontrar una publicación antigua porque su función de búsqueda es (o era) tan mala.
Hola Matt.
Honestamente, olvidé por completo agregar esa sección al final. Sabía que se sentía como si terminara abruptamente. ¡Voy a hacerlo ahora! Gracias.
Me pregunto si el problema de Pat tiene menos que ver con el menú y más con que él enfatiza el contenido nuevo. ¿Podría ser una cuestión de diseño en lugar de función?
Hola hermano
Sugiere cuál tema es más efectivo para un sitio web de noticias
Gracias
Echa un vistazo a temas como Unicon o Genesis.
Tema gratuito, hermano
Publicación detallada como de costumbre.
Los menús de navegación son una parte muy importante de cualquier sitio web o blog. Ayuda a la audiencia a acceder fácilmente al blog con facilidad.
Gracias.
Gracias por esta publicación, Ramsay.
Es genial y va directo al grano. No solo lo mencionaste, sino que pusiste el ejemplo, lo cual es muy amable de tu parte.
Estoy viendo tu menú ahora mismo, ¡y está cantando una canción titulada 'mejora'!
Cuando se trata de la organización del menú, siempre he creído que 'menos es mucho mejor', ya que también funciona para mí.
He notado que es muy fácil para los webmasters pasar por alto el 'valor' de una organización adecuada del menú.
Pero no importa lo que hagamos; al final, la simplicidad siempre ganará.
¡Gracias por el gran comentario!
Hola Ramsay,
De hecho, he jugado con mis menús varias veces y mi blog ni siquiera tiene un año.
Cuando empecé, creo que tenía 13 elementos en un menú superior e inferior.
Ahora solo tengo un menú inferior. Todavía creo que tengo demasiados enlaces y opciones para la gente.
Me encanta cómo has reducido el tuyo a solo 4 elementos.
¿Quizás algún día me dé cuenta de cómo quiero que se vean los míos? Quién sabe, estoy constantemente ajustando esto y aquello en mi blog.
Que tengas un gran día 🙂
Susan
Hola Ramsay,
Los menús de navegación son realmente útiles hoy en día, todos los blogs ahora tienden a tenerlos.
Los pasos que mencionaste aquí serían de gran ayuda para personalizar los menús de nuestro sitio web.
Gracias por compartir.
Shantanu.
Pensé que era la única persona que consideraba que el menú era más complicado de lo que la gente deja ver, ¡hasta que esta publicación llegó a mi bandeja de entrada! Muchas gracias por tus ideas.
Ramsey,
Tengo un tema gratuito de WordPress. ¿Cómo creo una pestaña de navegación en mi sitio web para mi blog? La dirección http://www.MyWordOnTheWord.com va a mi blog.
http://www.MyWordOnTheWord.com/home/ va a mi página de Bienvenida. Pero en la página de Bienvenida, y en las otras páginas, no hay una pestaña de navegación para el blog. Sí, hay Publicaciones Recientes en la barra lateral. Pero me gustaría tener una pestaña para My Word.
¿Es esto factible para un total no experto en tecnología?
Gracias por los consejos, Ramsay. Me mudé recientemente, tanto en mi mundo virtual como en el físico, así que no he tenido tiempo de experimentar mucho con mi menú desde que cambié a Squarespace. Pero me emocionó ver este correo porque necesito hacer algunos cambios. ¡Y necesito averiguar cuáles son mis objetivos! Estoy en una fase de transición, así que parece que primero tendré que resolver eso. Gracias de nuevo por la útil información. Siempre tomo nota mental de estas publicaciones y vuelvo para estudiarlas más a fondo.