Cómo agregar el atributo title en los menús de navegación de WordPress

Creemos que cada visitante de su sitio web merece la mejor experiencia posible. Su menú de navegación es una parte clave de eso, actuando como una guía amigable.

Para hacer esa guía aún más clara, puede agregar un atributo de título en los menús de navegación de WordPress. Este pequeño paso tiene un gran impacto en la accesibilidad de su sitio.

Para los visitantes que usan lectores de pantalla, estos atributos leen en voz alta una breve descripción del enlace. Les proporciona una claridad adicional sobre a dónde los llevará un enlace.

Esto también le da a los motores de búsqueda un poco más de información sobre la estructura de su sitio. Es un beneficio tanto para sus visitantes humanos como para su SEO.

Le mostraremos exactamente dónde encontrar esta configuración y cómo usarla de manera efectiva. Hagamos que su sitio web sea aún mejor, juntos.

¿Por qué agregar atributos de título a los elementos del menú de navegación?

En WordPress, puede agregar un atributo de título para describir mejor cualquier elemento HTML. Esto se usa a menudo con enlaces e imágenes para proporcionar información adicional que aparece como una información sobre herramientas cuando el usuario pasa el mouse sobre el elemento.

Aquí hay un ejemplo de un atributo de título de imagen que se muestra en una información sobre herramientas. El usuario puede obtener más información sobre la imagen moviendo su mouse sobre ella.

Puede obtener más información en nuestra guía sobre la diferencia entre el texto alternativo de imagen y el título de imagen.

También le recomendamos que use el atributo de título al agregar enlaces a su publicación. Esto permite a los usuarios ver a dónde los llevará el enlace antes de hacer clic en él.

El atributo title también puede ser leído en voz alta por los lectores de pantalla que utilizan los usuarios con discapacidad visual. Sin embargo, el lector de pantalla ya leerá el elemento del menú, por lo que no es necesario agregar un atributo title a menos que contenga información adicional útil.

Dicho esto, veamos cómo agregar el atributo title en los menús de navegación de WordPress. Puedes usar los enlaces a continuación para saltar al método que funciona con tu tema:

1. Agregar un atributo title a los elementos de menú de temas clásicos
2. Agregar un atributo title a los elementos de menú de temas de bloques
3. Preguntas Frecuentes
4. Guías expertas para personalizar menús de navegación de WordPress

Agregar un atributo title a los elementos de menú de temas clásicos

Si estás utilizando un tema clásico de WordPress, puedes personalizar tu menú de navegación visitando Apariencia » Menús en tu panel.

Sin embargo, por defecto no puedes agregar un atributo title a las entradas del menú.

Para agregar esta funcionalidad, deberás hacer clic en la pestaña de ‘Opciones de pantalla‘ en la esquina superior derecha de la pantalla. Esto desplegará un menú, donde deberás hacer clic en la casilla junto a la opción ‘Atributo title’.

Esto agregará un campo de atributo title para cuando crees o edites una entrada de menú.

Ahora, puedes desplazarte hacia abajo y hacer clic en cualquier elemento del menú en tu menú existente para expandirlo. Verás el campo de atributo title.

Ahora puedes agregar el texto que deseas usar como título. También puedes expandir otros elementos del menú y agregarles atributos title.

No olvides hacer clic en el botón ‘Guardar menú’ en la parte inferior de la página para almacenar tus cambios.

Ahora puedes visitar tu sitio web de WordPress y pasar el mouse sobre un enlace en el menú de navegación. Verás el atributo title mostrado como una información sobre herramientas (tooltip).

Agregar un atributo title a los elementos de menú de temas de bloques

Si estás usando un tema de bloques, entonces puedes personalizar tu menú de navegación usando el Editor de Sitio Completo. Este editor te permite agregar atributos de título a tus entradas de menú por defecto.

Primero, necesitas navegar a Apariencia » Editor en tu área de administración de WordPress y luego hacer clic en la opción 'Navegación' para encontrar tus menús.

Necesitarás seleccionar el menú que deseas editar de la lista.

Ahora, puedes hacer clic en el panel de vista previa a la izquierda para abrir el editor a pantalla completa. Asegúrate de que puedes ver el panel de configuración a la izquierda. Si no es así, puedes mostrarlo haciendo clic en el botón 'Configuración' en la parte superior de la pantalla.

A continuación, haz clic en el elemento del menú en el panel de configuración que deseas editar. Esto mostrará las opciones para esa entrada, incluido el atributo de título.

Simplemente escribe tu título en el campo ‘Atributo de título’.

Asegúrate de hacer clic en el botón ‘Guardar’ en la parte superior de la pantalla para almacenar la nueva configuración. Deberás hacer clic en un segundo botón ‘Guardar’ para confirmar.

Ahora, puedes visitar tu sitio web para ver el atributo de título del menú en acción.

Preguntas Frecuentes

Entendemos que podrías tener algunas preguntas más sobre los atributos de título de los menús. A continuación, hemos respondido algunas de las más comunes para ayudarte.

1. ¿Qué es un atributo de título de menú en WordPress?

Un atributo de título agrega texto adicional y descriptivo a un elemento del menú. Cuando un visitante coloca el cursor del mouse sobre el enlace del menú, este texto aparece en una pequeña ventana emergente (tooltip), proporcionando más contexto sobre a dónde los llevará el enlace.

2. ¿Son buenos los atributos de título de menú para el SEO?

Sí, pueden ser beneficiosos para el SEO. Los atributos de título brindan a los motores de búsqueda más información sobre tu enlace y la estructura de tu sitio. Si bien no es un factor de clasificación importante, es una buena práctica que contribuye a un sitio bien optimizado.

3. ¿Cómo habilito el atributo de título para los menús en WordPress?

Si estás utilizando un tema clásico, el campo del atributo de título está oculto por defecto. Puedes habilitarlo yendo a Apariencia » Menús y haciendo clic en la pestaña ‘Opciones de pantalla’ en la parte superior derecha. Luego, simplemente marca la casilla junto a ‘Atributo de título’. Para los temas de bloques, este campo es visible por defecto en el Editor de sitio completo.

4. ¿Cuál es la diferencia entre la Etiqueta de navegación y el Atributo de título?

La Etiqueta de navegación es el texto visible del elemento del menú en el que los usuarios hacen clic (por ejemplo, ‘Blog’, ‘Sobre nosotros’). El Atributo de título es el texto adicional que aparece en una ventana emergente al pasar el cursor y que no es visible de otra manera. Debe proporcionar información adicional, no solo repetir la etiqueta.

5. ¿Debo agregar un atributo de título a cada elemento del menú?

No es estrictamente necesario para cada elemento, especialmente si la etiqueta de navegación ya es muy clara. Debes agregar un atributo de título cuando pueda proporcionar contexto adicional útil que la etiqueta por sí sola no transmita. Por ejemplo, para una etiqueta de 'Contacto', el atributo de título podría ser 'Ponte en contacto o encuentra nuestra dirección'.

Guías expertas para personalizar menús de navegación de WordPress

Esperamos que este tutorial te haya ayudado a aprender cómo agregar un atributo de título en los menús de navegación de WordPress. También te puede interesar ver otros artículos relacionados con la personalización del menú de navegación de WordPress:

• Cómo agregar un menú de navegación en WordPress (Guía para principiantes)
• Cómo agregar menús de navegación personalizados en temas de WordPress
• Cómo agregar títulos en el menú de WordPress sin enlazar a una página
• Cómo agregar publicaciones específicas al menú de navegación de WordPress
• Cómo agregar temas en los menús de navegación de WordPress
• Cómo estilizar menús de navegación de WordPress
• Cómo agregar un menú mega en tu sitio de WordPress (paso a paso)
• Cómo crear un menú de WordPress adaptable listo para móviles

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.