En resumen
- Un menu principal de web para pyme funciona bien con entre 5 y 7 secciones: menos suele significar que hay paginas escondidas y mas obliga al visitante a leer la barra entera antes de decidir.
- Los nombres del menu deben usar las palabras del cliente, no las internas de la empresa: Precios, Servicios y Contacto se entienden; Soluciones o Inversion no dicen nada.
- El menu superior es para lo que ayuda a decidir la compra; el pie de pagina es para lo obligatorio y lo secundario: aviso legal, politica de privacidad, cookies, direccion y horario.
- En movil, el boton de llamar o escribir debe estar fuera del menu hamburguesa, siempre visible, con un area pulsable de unos 44 a 48 pixeles de lado.
- Las paginas enlazadas desde el menu son las que los buscadores interpretan como mas importantes del sitio, porque reciben un enlace desde todas las demas paginas.
- Una regla de control util: cualquier pagina del sitio debe alcanzarse en tres clics o menos desde la portada.
Cuantas secciones poner en el menu principal
Pon entre 5 y 7 secciones en el menu principal. Es el rango que cabe en una linea en pantalla de ordenador y que una persona lee de un vistazo sin tener que releer.
Cada entrada nueva compite con las que ya estan. Si añades la novena, no sumas una opcion: repartes la atencion entre nueve en lugar de entre ocho.
Un reparto que funciona en la mayoria de webs para pymes:
- Inicio, o directamente el logo, que ya debe enlazar a la portada.
- Servicios o Productos, segun lo que vendas.
- Precios o Tarifas, si los publicas.
- Quienes somos, con caras, direccion y años de actividad.
- Blog, solo si publicas con cierta regularidad.
- Contacto, siempre el ultimo por la derecha y siempre visible.
Si tienes veinte servicios, no van veinte entradas en el menu. Va una entrada llamada Servicios que lleva a una pagina indice donde estan los veinte, cada uno con dos lineas de explicacion y su enlace.
Como nombrar cada seccion para que se entienda
Usa el nombre que usaria tu cliente al telefono, no el que usais dentro de la empresa. Reformas de baño se entiende; Soluciones integrales de habitat no lo entiende nadie.
Una o dos palabras por entrada es suficiente. Si necesitas tres o mas, casi siempre es que esa seccion mezcla dos cosas distintas y hay que partirla.
Traducciones concretas que suelen mejorar el menu:
- Trabajos o Casos en lugar de Nuestro universo creativo.
- Precios en lugar de Inversion.
- Preguntas frecuentes en lugar de FAQ, si tu publico no es tecnico.
- Reparaciones en lugar de Servicio postventa integral.
Evita las palabras que valen para cualquier empresa. Soluciones, Filosofia, Compromiso y Valores ocupan un hueco del menu y no le dicen al visitante a que pagina va a llegar.
Manten el mismo nombre en el menu y en el titulo de la pagina de destino. Si el menu dice Tarifas y la pagina se titula Presupuestos, el visitante duda un segundo, y ese segundo se paga en abandonos.
Que va en el menu superior y que va en el pie
El menu superior es para lo que ayuda a decidir la compra. El pie de pagina es para lo obligatorio y lo que solo se busca cuando ya se necesita.
En el pie deben estar el aviso legal, la politica de privacidad, la politica de cookies y las condiciones de contratacion si vendes online. Son enlaces que casi nadie pulsa pero que tienen que existir.
Aprovecha el pie tambien para los datos de contacto en texto plano: direccion, telefono, horario y correo electronico. Que el correo sea una direccion con tu dominio del tipo info@tuempresa.es y no una cuenta gratuita; si aun no la tienes, se resuelve con un correo corporativo.
El pie es tambien el sitio de las secciones de segunda fila: empleo, prensa, proveedores, mapa del sitio o zonas de trabajo. Estan disponibles para quien las busca sin robar espacio arriba.
El menu en movil: hamburguesa, orden y pulgar
En movil el menu hamburguesa vale para las secciones, pero la accion principal debe quedar fuera de el. El boton de llamar, pedir cita o escribir por WhatsApp tiene que verse sin abrir nada.
Dale a cada elemento pulsable un area de unos 44 a 48 pixeles de lado. Es la referencia que dan las guias de interfaz de Apple y de Android, y evita que el visitante pulse la entrada equivocada con el pulgar.
El orden importa mas en movil que en ordenador, porque la lista se lee de arriba abajo y no de un vistazo. Coloca arriba lo que mas se consulta: servicios y precios antes que quienes somos.
Comprueba el menu en un telefono real, no solo estrechando la ventana del navegador del ordenador. El teclado, la barra del navegador y el tamaño del dedo cambian el resultado.
Si el menu se oculta al bajar, asegurate de que reaparece al subir un poco. Obligar a alguien a volver al principio de una pagina larga para acceder al menu es un motivo real de abandono.
Cuando usar desplegables y cuando evitarlos
Permite como maximo un nivel de desplegable. Un submenu dentro de otro submenu es casi imposible de manejar con el dedo y se pierde por completo en pantallas pequeñas.
Si un desplegable supera las 7 entradas, convierte esa rama en una pagina indice. Una pagina con la lista completa se puede leer con calma, se puede enlazar y se puede posicionar; un desplegable largo no.
Haz que la entrada padre sea clicable, no solo un titulo que abre el desplegable. Mucha gente pulsa Servicios esperando llegar a una pagina de servicios, y si no pasa nada, se queda bloqueada.
Los megamenus a varias columnas solo compensan con catalogos grandes, de decenas de referencias. En una web de pyme de diez o quince paginas, un megamenu añade complejidad sin resolver ningun problema.
El menu como red de enlaces internos
Las paginas que enlazas desde el menu reciben un enlace desde todas las demas paginas del sitio. Por eso los buscadores las interpretan como las mas importantes, y por eso el menu es una decision de SEO y no solo de diseño.
El texto del enlace debe describir el destino con la palabra que la gente busca. Reparacion de persianas dice mas, a una persona y a un buscador, que Servicio 3.
El menu no sustituye a los enlaces dentro del texto. Desde un articulo del blog o desde una pagina de servicio, enlaza a las paginas relacionadas con una frase natural, en mitad del parrafo donde viene a cuento.
Usa esta regla de control: cualquier pagina del sitio debe alcanzarse en tres clics o menos desde la portada. Si alguna necesita cuatro o cinco, esta demasiado enterrada y conviene subirla a una pagina indice.
Como probar el menu antes de publicarlo
Prueba el menu con personas de fuera de la empresa antes de darlo por bueno. Tres personas bastan para detectar los problemas gordos.
- Apunta las cinco preguntas que mas te hacen por telefono. Cada una deberia tener una respuesta a un clic desde el menu.
- Enseña solo el menu, sin la web, durante cinco segundos. Pide a la persona que diga que vende la empresa y a que lleva cada entrada.
- Pide dos tareas concretas y cronometralas: encontrar el precio y encontrar el telefono. Mas de quince segundos en cualquiera de las dos es señal de que hay que reordenar.
- Repite la prueba en un movil, sujetandolo con una sola mano.
- Pulsa todas las entradas del menu una por una y comprueba que ninguna lleva a un error 404.
Revisa el menu una vez al año o cada vez que añadas una linea de negocio. Los menus crecen solos: cada campaña deja una entrada nueva que nadie retira despues.
Errores frecuentes que conviene revisar hoy
El error mas comun es un menu que cambia de una pagina a otra. El menu principal debe ser identico en todo el sitio, en el mismo orden, para que el visitante se oriente sin pensar.
Otros fallos que aparecen una y otra vez en webs de pymes:
- Iconos sin texto. Un icono de lupa o de carrito se entiende; el resto, no.
- Entradas que abren un PDF o una pestaña nueva sin avisar.
- Una seccion Contacto que solo tiene formulario, sin telefono ni direccion visibles.
- Menus de 11 o 12 entradas donde conviven Blog, Noticias y Actualidad, que son la misma cosa.
- Entradas duplicadas: Inicio en el menu cuando el logo ya enlaza a la portada.
- Un buscador interno que no encuentra nada, puesto para tapar un menu mal organizado.
Si tienes dudas sobre como aplicar esto a tu caso, revisamos la estructura de tu web dentro de nuestro trabajo de marketing digital y te decimos que secciones sobran y cuales faltan.
Preguntas frecuentes
Entre 5 y 7 opciones en el menu principal es el rango que mejor funciona en una web de pyme, porque cabe en una linea en pantalla de ordenador y se lee de un vistazo. Si necesitas mas, agrupa las paginas en una pagina indice enlazada desde una sola entrada.
Basta con el logo si enlaza a la portada, que es lo que la mayoria de visitantes espera. Mantener ademas una entrada Inicio no es un error grave, pero ocupa uno de los huecos limitados del menu.
El menu hamburguesa es aceptable para las secciones en movil, siempre que la accion principal quede fuera de el. El boton de llamar, pedir cita o escribir debe verse sin abrir el menu.
Si, porque las paginas enlazadas desde el menu reciben un enlace desde todas las demas paginas del sitio y los buscadores las interpretan como las mas importantes. Usar textos descriptivos en las entradas del menu, en lugar de nombres genericos, ayuda a que se entienda de que trata cada pagina.
Revisalo una vez al año y cada vez que añadas o retires una linea de negocio. Los menus crecen solos porque cada campaña deja una entrada nueva que despues nadie retira.