Acabas de instalar WordPress y tu sitio web está empezando a tomar forma. Tus páginas están creadas, tus artículos están publicados.
Y sin embargo, algo falla: Sus visitantes no encuentran fácilmente lo que buscan.La razón suele ser sencilla: el menú de tu WordPress aún no está configurado correctamente.
Un menú de navegación bien diseñado es mucho más que una simple lista de enlaces. Es el hilo conductor que guía a tus visitantes, estructura tu contenido y, de paso, envía señales positivas a los motores de búsqueda.
Ignorar este elemento supone el riesgo de perder visitantes en los primeros segundos.
En este artículo te explicamos Todo lo que necesitas saber sobre los menús Cómo crearlos, personalizarlos y posicionarlos. Esto aplica tanto si usas un tema clásico como uno basado en bloques.
Como ventaja adicional, también encontrarás consejos para mejorar su gestión.
Introducción a los menús de WordPress y su función en la navegación.
Un menú de WordPress es una lista ordenada de enlaces que se muestran en una ubicación específica de su sitio web.. Como se indica WordPress documentaciónEsto se refiere a "una sección del sitio que ayuda a los visitantes a navegar" por su contenido.
Por lo general, el menú se encuentra en la parte superior de la página (menú de navegación principal), como en nuestro sitio web. Agencia de WordPressMantenimiento de WP:
Sin embargo, también puede aparecer en un pie de página (pie de página), una barra lateral (barra lateral) o cualquier otra ubicación definida por tu tema.
Su función principal es facilitar la navegación: un menú permite a los visitantes acceder rápidamente a las páginas, categorías, artículos o URL que deseen. Pero su importancia va mucho más allá de este aspecto funcional.
De hecho, un menú bien estructurado es estratégico para su sitio web en varios aspectos:
- Experiencia de usuario (UX) Un menú claro reduce la tasa de rebote y aumenta el tiempo de permanencia en el sitio. Tus visitantes se quedan si encuentran lo que buscan.
- Referenciación natural (SEO) Los motores de búsqueda analizan la estructura de navegación para comprender la arquitectura de tu sitio web. Un menú coherente facilita la indexación de tus páginas y mejora el enlazado interno.
- Imagen de marca La navegación refleja la organización de su negocio. Un menú bien diseñado inspira confianza y profesionalismo.
En la práctica, un menú de WordPress puede contener diferentes tipos de elementos: páginas, entradas, categorías, etiquetas, enlaces personalizados (a una URL externa o a una sección específica) o incluso CPT (Custom Pon Tipos) si tienes contenido personalizado.
Es importante destacar que WordPress permite crear varios menús independientes en un mismo sitio web, cada uno ubicado en una sección diferente. Esta flexibilidad representa una gran ventaja para adaptar la navegación a tus necesidades.
¿Cuáles son las características de un buen menú?
En la práctica, crear un menú de WordPress no es suficiente: también debe ser realmente efectivo.
Un menú mal diseñado puede frustrar a tus visitantes y perjudicar tu posicionamiento SEO, incluso si tu contenido es de alta calidad. Entonces, ¿cómo es un buen menú?
En nuestra opinión, debe cumplir varios criterios esenciales:
- La simplicidad ante todoUn menú sobrecargado hace perder clientes. Limítese a entre 5 y 7 platos principales, reservando los subcategorías para aquellas que realmente lo justifiquen. Cada plato debe tener una función específica.
- Redacción clara y explícitaEvite formulaciones vagas o creativas como «Universo» o «Descubrir». Opte por títulos directos —«Servicios», «Blog», «Contacto»— que el usuario comprenda de inmediato, sin necesidad de interpretación.
- Una jerarquía lógicaLa organización de tu menú debe reflejar la estructura de tu sitio web. Las páginas más importantes y visitadas ocupan las primeras posiciones. Los submenús agrupan contenido relacionado entre sí.
- Navegación adaptable. Más del 60% del tráfico web global Hoy en día, esto se debe a los dispositivos móviles. Un buen menú se adapta a todos los tamaños de pantalla, con un menú hamburguesa funcional en móviles y áreas clicables suficientemente grandes.
- Coherencia con tu objetivoTu menú debe guiar a los visitantes hacia tus páginas clave, aquellas que generan conversiones. Si tu prioridad es el contacto, el elemento "Contacto" debe ser visible y accesible con un solo clic desde cualquier página.
En resumen, un buen menú de WordPress es invisible en el mejor sentido de la palabra: pasa desapercibido porque funciona a la perfección.
El visitante encuentra lo que busca sin tener que pensarlo. Este es precisamente el objetivo que debes tener en cuenta al diseñarlo.
¿Dónde puedo crear y editar un menú de WordPress?
Hablando de eso, hay una información muy importante que debes tener en cuenta antes de empezar a crear un menú de WordPress.
El procedimiento dependerá del tipo de tema que estés utilizando. Para comprenderlo mejor, considera los dos escenarios posibles:
- Estás utilizando un tema clásico. (¿Como Astra, GeneratePress o cualquier tema desarrollado antes de la era de los bloques)? Los menús se gestionan desde la interfaz de administración de WordPress, a través de la siguiente ruta: Apariencia > Menús. Dispones de un panel dedicado e intuitivo con opciones de arrastrar y soltar.
Otra opción: utilice la herramienta de personalización (Personalizador) en Apariencia > Personalizar > Menús. - Estás utilizando un tema basado en bloques. (¿También llamado FSE por Edición Completa del Sitio, como Twenty Twenty-Five, por ejemplo)? Ya no se accede a los menús a través de Apariencia > Menús. Esta ruta ya ni siquiera existe en tu panel de control. La navegación se gestiona directamente desde el editor del sitio (Apariencia > Editor), insertando un bloque de "Navegación" en las plantillas de encabezado o página.
¿No sabes qué tema estás usando? Ve a Apariencia en tu panel de control. Si ves la opción "Menús", estás usando un tema clásico. Si no la ves y en su lugar aparece la opción "Editor", estás usando un tema basado en bloques (FSE). A continuación, puedes ver un ejemplo de un tema basado en bloques.
¿Cómo crear un menú de WordPress con un tema clásico?
Paso 1: Creación del menú de WordPress
Ve a tu panel de WordPress y haz clic en Apariencia > Menús. Accederás a la página de gestión de menús.
Dale un nombre a tu menú, por ejemplo, "Menú principal". Este nombre solo es visible en el panel de administración, no en su sitio web..
Continúe seleccionando un área de exhibición para su menúPor ejemplo, "Menú principal". Finalmente, haga clic en el botón "Crear menú" para confirmar.
Tu menú ya está creado. Actualmente está vacío. Pasemos al siguiente paso.
Paso 2: Agregar artículos a su menú
Una vez creado el menú de WordPress, la parte izquierda (menú "Añadir elementos al menú") se vuelve editable (ya no aparece atenuada).
Este panel contiene todos los elementos que puedes añadir a tu menú: páginas, artículos, categorías, etiquetas y enlaces personalizados.
Para añadir elementos:
- Marque las casillas de las páginas o el contenido que desea incluir. (por ejemplo: Inicio, Sobre nosotros, Servicios, Blog, Contacto).
- Haz clic en el botón "Añadir al menú".
- Los elementos aparecen entonces en el área de construcción del menú, a la derecha..
Por defecto, en cada instalación "nueva" de WordPress, puedes añadir páginas, entradas, enlaces personalizados, categorías y etiquetas a tu menú.
Para agregar un enlace personalizado (por ejemplo, a una URL externa o un ancla), expanda el panel Enlaces personalizados, ingrese la URL y el texto que se mostrará y, a continuación, haga clic en Agregar al menú.
Por defecto, la interfaz solo muestra las páginas más recientes. Si no encuentra una página en particular, haga clic en la pestaña "Todas" en cada panel o utilice la barra de búsqueda.
Paso 3: Personaliza el menú
Una vez que hayas añadido tus artículos a tu menú, Aparecen una debajo de la otra en la sección derecha., en la sección "Estructura del menú".
Por defecto, el primer elemento se colocará a la izquierda del menú de navegación, siempre que lo ubique en el encabezado de su sitio web.
Puedes colocar cada elemento de tu menú donde quieras, por una simple acción de arrastrar y soltar.
Para personalizar un elemento del menú que desee, haga clic en la pequeña flecha hacia abajo para abrir un menú contextual con diferentes opciones.
Cuando hayas terminado, recuerda hacer clic en el botón "Guardar menú".
¿Cómo puedo crear un menú con un tema basado en bloques?
Con un tema FSE, la lógica es diferente. Ya no hay un panel de menú dedicado. Todo sucede en el editor del sitio.lo que te permite modificar directamente las plantillas de tu tema, incluyendo el encabezado, donde normalmente se ubica la navegación principal.
Paso 1: Agregar un menú de WordPress
Desde su Panel de administración de WordPressHaz clic en Apariencia > Editor. Accederás al editor completo del sitio.
Haz clic en "Navegación" y luego en el enlace "Crear un nuevo menú" que se encuentra en la parte superior derecha:
Dado que su menú está vacío, haga clic en el pequeño botón "+" para agregar elementos (bloques, páginas, enlaces, etc.).
Paso 2: Personalizar el menú
En la práctica, también puedes crear submenús (para menús desplegables) arrastrando un elemento debajo de otro, utilizando la función de arrastrar y soltar.
La personalización visual también se realiza en el panel derecho, a través de dos pestañas diferentes.
La pestaña "Configuración" (icono de engranaje pequeño) le permite controlar lo siguiente:
- Diseño : justificación y orientación del menú.
- L'Mostrando un menú de hamburguesas (superpuesto)' ya sea en dispositivos móviles o en todas las pantallas.
- Agregar clases CSS adicionales en la sección "Avanzada".
En la pestaña "Estilos", puedes modificar el color, la tipografía, las dimensiones y el ancho desde tu menú de WordPress.
Paso 3: Elegir la ubicación del menú
Dentro de un tema del FSE, La ubicación del menú viene definida por la posición del bloque "Navegación". en la plantilla del tema.
Si lo colocas en el encabezado, aparecerá en el encabezado. Si deseas un menú en el pie de página, tendrás que editar la plantilla del pie de página e insertar otro bloque de "Navegación".
Una vez que hayas realizado los cambios, Haz clic en el botón "Guardar" que se encuentra en la esquina superior derecha del editor.Tu menú se publica inmediatamente y es visible en todas las páginas de tu sitio web.
Profundizando en la gestión y personalización de los menús de WordPress
Ahora que ya sabes cómo crear un menú de WordPress, veamos cómo sacar el máximo partido a las opciones disponibles para personalizarlo, organizarlo y optimizarlo.
El menú de opciones de pantalla
Si utilizas un tema clásico (por ejemplo, Astra), hay un menú que debes conocer sí o sí. Sobre todo porque no es de fácil acceso.
Cuando estés en Apariencia > Menús, fíjate en la parte superior derecha de la pantalla. Verás un pequeño cuadro llamado "Opciones de pantalla".
Esto te permite ocultar o mostrar otras opciones de personalización marcando las casillas que te interesen.
A continuación, podrá seleccionar propiedades avanzadas para su menú, que se mostrarán cuando modifique un elemento de forma individual:
- Enlace objetivoMarque la casilla "Abrir enlace en una pestaña nueva" para que el enlace se abra en una pestaña nueva del navegador. Déjela sin marcar para que se abra en la misma pestaña.
- Atributo de títuloEl valor del atributo de título del enlace del elemento de menú. Se mostrará cuando el cursor se sitúe sobre el elemento de menú.
- Clases de CSSClases CSS opcionales para este elemento del menú.
- Relación con el propietario del sitio enlazado (XFN)Permite la generación automática de atributos XFN para que puedas mostrar tu relación con los autores o propietarios del sitio al que enlazas.
- DescripciónDescripción de este enlace. La descripción se mostrará en el menú si el tema actual lo permite.
¿Cómo puedo crear menús desplegables?
Un menú desplegable (también llamado submenú o menú desplegable) permite organizar la navegación en varios niveles. Esto resulta especialmente útil si su sitio web tiene muchas páginas agrupadas por tema..
Con un tema clásico, crear un submenú es intuitivo: en el área de construcción del menú, arrastre un elemento ligeramente hacia la derecha, debajo de otro elemento.
Aparece un pequeño texto (subelemento) que indica que este elemento se convierte en hijo del anterior.
El menú desplegable será automático se muestra al pasar el cursor sobre el elemento padre, de acuerdo con el estilo definido por tu tema.
Con un tema FSE, la lógica es similar en el bloque "Navegación": seleccionas un elemento y Arrastra y suelta el elemento debajo y a la derecha de un elemento padre. para crear la jerarquía.
Recomendamos limitar los menús desplegables a un máximo de dos niveles de profundidad. Si se supera este límite, la experiencia del usuario se deteriora, especialmente en dispositivos móviles.
¿Cómo elimino elementos del menú?
Con un tema clásico, haga clic en la flecha situada a la derecha del elemento que desea eliminar en el área de creación del menú.
En la parte inferior de la información del elemento aparece la opción "Eliminar".Haz clic en él y luego guarda tu menú.
Si lo desea, también puede eliminar varios elementos a la vez marcando la casilla "Selección de grupo":
En un tema basado en bloques, seleccione el elemento directamente en el bloque de navegación y, a continuación, utilice el menú contextual (los tres puntos suspensivos “…”) para eliminarlo. No olvide guardar los cambios.
¿Cómo puedo personalizar el diseño de un menú?
El estilo visual de un menú depende en gran medida de tu tema. Sin embargo, aún tienes varias opciones para gestionar ciertas configuraciones tú mismo:
- A través del Personalizador de WordPress (temas clásicos): Apariencia > Personalizar > Menús puede darte acceso a opciones visuales como el color del texto, el tamaño de la fuente o el color de fondo del menú principal.
- mediante clases CSS En las opciones de pantalla del panel Menús (temas clásicos), active la columna Clases CSS. A continuación, podrá asignar una clase personalizada a cada elemento y darle estilo con precisión en su hoja de estilos.
- A través del editor del sitio (Temas FSE): el panel "Estilos" del bloque de navegación ofrece opciones gráficas directas, sin necesidad de modificar el código, como se muestra arriba.
¿Cómo gestionas las ubicaciones en tu menú?
Una ubicación de menú es un área predefinida por tu tema en la que puedes mostrar la navegación: encabezado, pie de página, barra lateral, menú móvil, etc.
El número y los nombres de estos lugares varían según la temática..
Con una temática clásica, la gestión de las ubicaciones se realiza de dos maneras complementarias.
El primer método consiste en asignar un menú a una ubicación directamente desde la página Apariencia > Menús, en la sección Configuración de menús que se encuentra en la parte inferior de la página.
El segundo método consiste en acceder a la pestaña "Gestionar ubicaciones", situada en la parte superior de esta misma página, que ofrece una visión general de todas las ubicaciones disponibles y sus menús asignados. Esto resulta útil para comprobar rápidamente la configuración general de navegación.
En el contexto de FSE, el concepto de ubicación se maneja de manera diferente: La posición del bloque "Navegación" en la plantilla del tema determina dónde aparece el menú..
Por lo tanto, puede colocar un bloque de "Navegación" en el encabezado para su menú principal y otro en la plantilla del pie de página para la navegación secundaria.
Es totalmente posibleasignar varios menús diferentes a múltiples ubicaciones simultáneamente.
Por ejemplo, un menú principal en la parte superior de la página, un menú simplificado en el pie de página y un menú aparte con enlaces legales. Cada sección puede tener su propio menú independiente.
¿Cómo puedo reorganizar y configurar los elementos de mi menú?
El orden de los elementos en un menú de WordPress es importante tanto para la ergonomía como para el SEO.
Coloca las páginas más importantes (y más visitadas) en primer lugar. En dispositivos móviles, los primeros elementos suelen ser los únicos visibles antes de interactuar con el usuario.
En la práctica, aplique los siguientes consejos:
- Limita tu menú principal a 5 o 7 artículos. del primer nivel como máximo.
- Utilice etiquetas breves y explícitas. (Evite formulaciones vagas como “Más información”).
- Considere el recorrido del usuario. : lógica de descubrimiento (Inicio > Servicios > Referencias > Contacto) o lógica de conversión según su embudo.
- Pruebe la pantalla periódicamente en dispositivos móviles.Un menú que funciona bien en un ordenador de sobremesa puede volverse inutilizable en un teléfono inteligente si la jerarquía es demasiado profunda.
¿Qué opciones existen para crear un mega menú?
Un mega menú es una versión mejorada del menú desplegable.Al pasar el cursor sobre un elemento principal, se muestra un panel estructurado de gran tamaño con varias columnas, iconos, imágenes o descripciones.
Es frecuente encontrarlo en sitios de comercio electrónico, portales o sitios con un gran volumen de contenido, como el sitio web de la marca Nike que se muestra a continuación:
WordPress no ofrece una función de mega menú nativa. Existen varios métodos para crear uno:
- Algunos temas lo integran de forma nativa, como Astra (de nuevo), por ejemplo.
- Las extensiones dedicadas le permiten agregar esta funcionalidad a cualquier tema (ver abajo).
- El desarrollo a medida puede considerarse si tiene necesidades muy específicas en términos de diseño o comportamiento.
¿Qué plugins pueden mejorar los menús de WordPress?
El ecosistema de WordPress está repleto de plugins dedicados a mejorar los menús. Aquí te presentamos algunos que podrían serte útiles según tus necesidades:
- Max Mega Menu : la extensión de referencia para crear mega menús responsivos, con un editor visual intuitivo y una gran compatibilidad con temas populares.
- Menú y carrito de WP : agrega un ícono de carrito de compras al menú, muy útil para sitios web WooCommerce.
- Si Menú : permite mostrar u ocultar ciertos elementos del menú según ciertas condiciones (usuario conectado, tipo de página, rol, etc.).
- Roles del menú de navegación Similar a la anterior, pero centrada en los roles de usuario. Útil para sitios de acceso restringido o intranets.
- Menú fijo y encabezado fijo : hace que el menú permanezca fijo mientras se desplaza la página, mejorando la accesibilidad en páginas largas.
Instalar demasiadas extensiones puede ralentizar tu sitio web. Elige las que satisfagan una necesidad específica y desactiva las que no uses. Además, antes de instalar una, comprueba que tu tema no ofrezca ya una función similar para evitar duplicaciones.
resumen
En conclusión, un menú de WordPress bien diseñado ayuda a mejorar la experiencia del usuario para tus visitantes.
Ya sea creando una navegación principal con un tema clásico, utilizando el bloque "Navegación" de un tema FSE o configurando menús desplegables y mega menús, WordPress te ofrece una gran libertad de organización.
La clave está en tener en cuenta dos prioridades:
- Claridad para sus visitantes.
- consistencia del motor de búsqueda.
Un menú estructurado, con etiquetas explícitas y una jerarquía lógica, es una herramienta fundamental para mejorar su sitio web.
Si quieres ir más allá, ya sea rediseñando la arquitectura de navegación de tu sitio, personalizando tu tema en profundidad u optimizando el SEO de tu WordPress, WP Maintenance está ahí para ayudarte.
¿Necesitas más información? Nuestro equipo está disponible para responder a tus preguntas.
