El menú de tu web: cómo ordenarlo para que venda

El menú de navegación es la pieza de la web que más gente mira y que menos gente piensa. Se monta el primer día, con las pestañas que "tocan", y ya no se toca nunca más. Y sin embargo es lo que decide si un visitante encuentra en cinco segundos lo que ha venido a buscar o se va con la sensación de que tu web es un lío.

Te cuento cómo lo ordenamos nosotros y por qué.

La regla de las 5-7 pestañas

Un menú principal debería tener entre cinco y siete elementos. Menos de cuatro suele significar que estás escondiendo cosas que venden; más de ocho y el visitante deja de leer y empieza a escanear al azar.

El menú estándar que funciona en la mayoría de negocios de servicios es este:

Inicio · Servicios · Sobre nosotros · Casos o Trabajos · Blog · Contacto

Seis. Con el botón de contacto destacado en color, que no cuenta como pestaña normal porque el ojo lo lee aparte.

Si vendes productos, cambia Servicios por Tienda o por las dos o tres categorías principales, y añade el carrito. Si tienes muchas familias de producto, no las metas todas: mete las tres que más venden y una pestaña "Todos los productos".

El orden importa más de lo que parece

La gente lee el menú de izquierda a derecha y recuerda sobre todo el primero y el último. Por eso:

Lo primero después de Inicio debe ser lo que vendes. No "quiénes somos". Nadie entra en la web de un fontanero para conocer su historia.
Lo último, a la derecha, el contacto, destacado como botón. Es la posición donde el ojo va a buscar la acción.
En medio va todo lo demás: quiénes somos, casos, blog, preguntas frecuentes.

Un error clásico es abrir con Sobre nosotros porque suena educado. La web no es una presentación: es una respuesta. Primero contesta a "¿esto es lo que busco?" y luego, si le interesa, ya se meterá a ver quién eres.

Desplegables: úsalos, pero con cabeza

Si tienes cinco servicios, no metas cinco pestañas: mete una pestaña Servicios con un desplegable. Tres normas para que no se convierta en un problema:

Un solo nivel. Desplegables dentro de desplegables no los usa nadie, y en el móvil son directamente inservibles.
La pestaña padre también debe ser clicable. Servicios tiene que llevar a una página índice de servicios, no ser solo un título que despliega. Esa página índice suele posicionar mejor que las hijas.
Máximo seis elementos dentro. Si tienes más, agrúpalos por familias.

El menú del móvil no es el mismo menú

Más de la mitad de las visitas de una web de negocio local llegan desde el teléfono, así que el menú de hamburguesa (las tres rayitas) no es el hermano pequeño: es el principal. Cosas que fallan constantemente ahí:

El botón de llamar no está. Si eres un negocio al que se le llama —taller, clínica, cerrajero, restaurante—, el teléfono tiene que estar visible sin abrir el menú, en la barra superior.
El menú abierto tapa todo y no se ve cómo cerrarlo. Tiene que haber una X clara.
Los enlaces están tan juntos que se falla al pulsar. Mínimo 44 píxeles de alto por enlace.
El logo no lleva a inicio. Es el gesto más automático que existe: si no funciona, desorienta.

Si tu web falla en esto, es probable que tengas más problemas de fondo; merece la pena repasar si es realmente una web responsive de verdad o solo una web de escritorio encogida.

Qué NO debe estar en el menú principal

Hay cosas que van al pie de página, no arriba:

Aviso legal, política de privacidad y de cookies.
Política de envíos y devoluciones (salvo tiendas, donde conviene también en ficha de producto).
Trabaja con nosotros.
Redes sociales.
Mapa del sitio.

Nadie entra en tu web buscando el aviso legal. Ocupar una pestaña del menú con eso es gastar el espacio más caro de tu página en algo que no vende.

Los nombres: claros antes que originales

Soluciones, Universo, Experiencias, Nuestro método… suenan bien en una reunión y no significan nada para el que acaba de entrar. Si vendes reformas, la pestaña se llama Reformas. Si haces vídeo, Vídeo.

Además hay un motivo de posicionamiento: el texto del menú es un enlace interno hacia esa página, y Google usa ese texto para entender de qué va. Un menú con nombres descriptivos es también una buena red de enlaces internos hacia lo que quieres posicionar. Soluciones no posiciona nada; Diseño web en Zaragoza sí.

Cinco minutos para revisar el tuyo

Haz esta prueba con tu web abierta:

Comprueba	Debería
Número de pestañas	Entre 5 y 7
Primera pestaña tras Inicio	Lo que vendes
Contacto	A la derecha y destacado
Nombres	Descriptivos, sin inventos
Legales	En el pie, no arriba
Móvil	Teléfono visible sin abrir el menú
Logo	Lleva a la portada
Profundidad	Un solo nivel de desplegable

Si fallas en tres o más, el menú te está costando clientes. Es de esos errores de web que espantan clientes sin que te enteres, porque el que se va nunca te dice por qué.

En resumen

Un buen menú es aburrido: pocas pestañas, nombres claros, lo que vendes primero, el contacto a la derecha y todo lo legal abajo. La originalidad guárdala para los textos y las fotos. Y revísalo cada vez que añadas un servicio nuevo, que es cuando los menús empiezan a engordar sin control.

Si quieres que lo revisemos contigo, es parte de lo que hacemos en diseño y desarrollo web en Zaragoza: antes de tocar nada miramos qué páginas necesita tu web y en qué orden. Escríbenos y le echamos un ojo. Más artículos en la categoría de Web.