¿Cómo solucionar el error "Los enlaces no tienen un nombre discernible"?

Si trabajas activamente en la optimización de tu sitio web para motores de búsqueda , es probable que hayas utilizado la Google Lighthouse , que ofrece información sobre cómo mejorar el rendimiento de tus páginas web. Uno de los errores comunes que Lighthouse destaca es que "los enlaces no tienen un nombre discernible".

Este error se destaca en la sección "SEO" del informe de auditoría y está relacionado con la mejora de la experiencia del usuario en su sitio web.

En este artículo, veremos cómo solucionar este error de Google Lighthouse. Pero antes, aquí tienes una breve descripción de la herramienta Google Lighthouse.

TL;DR: Solución rápida para etiquetas de enlaces poco claras

• Google Lighthouse marca los enlaces que carecen de texto significativo, lo que puede perjudicar la accesibilidad y la experiencia del usuario.

• Sustituya frases vagas como "haga clic aquí" por un texto de enlace claro y descriptivo que explique el destino.

• Añade texto alternativo relevante a las imágenes en las que se puede hacer clic para que las tecnologías de asistencia puedan comprender su propósito.

• Utilice atributos como aria-label para iconos, botones o elementos dinámicos para que sean accesibles y fáciles de interpretar.

¿Qué es Google Lighthouse?

Lighthouse , un software de código abierto, es una herramienta gratuita de Google que ayuda a auditar páginas web y proporciona sugerencias útiles sobre cómo mejorarlas.

Los cinco parámetros en los que se basa la herramienta Google Lighthouse para auditar un sitio web son el rendimiento, la accesibilidad, el SEO, las mejores prácticas y las aplicaciones web progresivas (PWA).

En función de estos parámetros, ofrece sugerencias para mejorar el rendimiento general del sitio web. Analicemos brevemente cada uno de ellos.

Actuación

La auditoría de rendimiento de Lighthouse mide la velocidad de carga de una página web . Evalúa la rapidez con la que carga el sitio web y su nivel de optimización para los usuarios. La puntuación de rendimiento se divide en tres categorías: 0-49, 50-89 y 90-100.

Una puntuación entre 90 y 100 indica que el sitio web está bien optimizado. Una puntuación inferior a 90 significa que necesita mejoras. Lighthouse identifica los problemas y ofrece sugerencias para mejorar el rendimiento del sitio web .

Accesibilidad

Este parámetro mide la accesibilidad de un sitio web para personas que utilizan tecnologías de asistencia. Cuando los enlaces carecen de un nombre claro, los botones no están bien descritos o las imágenes no incluyen texto alternativo, puede resultar difícil para las personas con visión limitada o nula acceder al sitio web.

En el informe de auditoría de accesibilidad, Lighthouse califica el sitio web sobre 100. Una puntuación más alta indica una mayor accesibilidad. La herramienta también ofrece sugerencias para mejorarla.

Leer : Cumplimiento de accesibilidad de WordPress con WCAG

Optimización de motores de búsqueda

Desde la perspectiva del SEO, esta herramienta analiza el SEO técnico de un sitio web. Si bien no ofrece un informe de auditoría SEO completo, sí destaca los errores críticos que deben corregirse.

Algunas de las cosas que analiza son:

• Datos estructurados válidos
• Enlaces con texto descriptivo
• Robots.txt válido
• Capacidad de respuesta e indexabilidad de la página web.
• Metaetiquetas : título y descripción
• Imágenes y texto alternativo de la imagen
• Rastreabilidad de enlaces internos

Comprobaciones de mejores prácticas

Este parámetro analiza los estándares de desarrollo web utilizados para crear un sitio web o una página web. El informe de auditoría de mejores prácticas proporciona una puntuación sobre 100 y destaca los problemas que deben corregirse.

La herramienta ayuda a determinar si las páginas web son o no:

• Libre de errores del navegador y marcos y API obsoletos
• Carga de recursos desde servidores seguros con HTTPS
• Usando la relación de aspecto correcta para las imágenes
• Seguro contra ataques de secuencias de comandos entre sitios (XSS)
• A salvo de vulnerabilidades en las bibliotecas de JavaScript.

Si desea crear un sitio web que cumpla con las mejores prácticas sin ningún elemento defectuoso, póngase en contacto con una de las principales empresas de desarrollo de WordPress

Lea : Problemas técnicos comunes de SEO y mejores prácticas

Aplicación web progresiva (PWA)

El informe final de auditoría de Google Lighthouse ayuda a validar la aplicación web. Comprueba si la aplicación web es rápida y fiable, y si ofrece una experiencia de usuario óptima.

La herramienta comprueba si la aplicación web es fácil de instalar en varios dispositivos y si ofrece funcionalidad sin conexión y notificaciones push. También verifica si las aplicaciones web progresivas están optimizadas y configuradas, y si redirigen todo el tráfico HTTP a HTTPS.

Este informe de auditoría asigna una insignia PWA según el rendimiento de la aplicación web en función de diversos factores. Google Lighthouse también ofrece sugerencias útiles para mejorar el rendimiento de la aplicación web.

¿Qué significa 'Los enlaces no tienen un nombre discernible'?

Si bien el dicho "los enlaces no tienen un nombre discernible" se explica por sí solo, aquí hay un ejemplo que brindará algo de contexto.

Ejemplo 1

<h3>¿Quieres comprobar la velocidad de tu sitio web?</h3><li> <a href="https://seahawkmedia.com/tools/website-speed-test/">Haga clic aquí</a></li>

Ejemplo 2

<h3>¿Quieres comprobar la velocidad de tu sitio web?</h3><li> <a href="https://seahawkmedia.com/tools/website-speed-test/">Utiliza nuestra herramienta gratuita para comprobar la velocidad de tu sitio web.</a></li>

¿Cuál de los dos ejemplos marcaría el error “los enlaces no tienen un nombre discernible”?

Si dijiste Ejemplo 1, ¡tienes toda la razón!

En pocas palabras, Google indica que debes usar texto descriptivo o muy explícito para todos los enlaces y botones de tu sitio web. El texto debe indicar claramente al usuario qué sucederá si hace clic en él. Por ejemplo , el ejemplo 2 dice claramente: «Utiliza esta herramienta gratuita para comprobar la velocidad de tu sitio».

Google se centra en mejorar la experiencia del usuario. Por lo tanto, al mantener el texto descriptivo en tus enlaces, botones e imágenes, cumples con las directrices de Google, lo que puede ayudar a mejorar el posicionamiento de tu sitio web en los resultados de búsqueda.

¿Cómo solucionar el error "Los enlaces no tienen un nombre discernible"?

Si la auditoría de prueba de enlace falla en Google Lighthouse, mostrará el siguiente mensaje de error en la "sección SEO"

Fuente de la imagen : https://developer.chrome.com/en/docs/lighthouse/seo/link-text/

Para evitar este error, debes seguir las mejores prácticas de texto del enlace proporcionadas por Lighthouse, como:

• Cíñete al tema de la página web o entrada del blog al escribir el texto del enlace. Evita un texto que no esté relacionado con el contenido de la página.

• Asegúrate de que la descripción del enlace sea breve y precisa. Usa frases cortas.

• Evite utilizar la URL de la página como descripción de un enlace.

• Asegúrate de que tus enlaces internos incluyan texto descriptivo. Esto facilitará la navegación tanto para los usuarios como para los robots de los motores de búsqueda.

Otros consejos para solucionar el error "los enlaces no tienen un nombre discernible" son:

Agregar un nombre descriptivo a los hipervínculos de texto

Como se mencionó en el ejemplo anterior, Google no considera que los textos con hipervínculos, como "haz clic aquí" o "lee más", sean suficientemente descriptivos, ya que no especifican el propósito para los usuarios.

El usuario debería poder determinar la finalidad del enlace solo con leer el texto, tal como se describe a continuación. Esto mejora la experiencia del usuario y reduce la tasa de rebote .

<h3>¿Quieres comprobar la velocidad de tu sitio web?</h3><li> <a href="https://seahawkmedia.com/tools/website-speed-test/">Utiliza nuestra herramienta gratuita para comprobar la velocidad de tu sitio web.</a></li>

La herramienta Google Lighthouse mostrará las páginas web con el error "Los enlaces no tienen un nombre legible". Para corregirlo, solo tiene que añadir un texto breve y descriptivo dentro de las HTML .

Agregar texto ALT de imagen a imágenes con hipervínculos

Para las imágenes con hipervínculos, añade un atributo alt que explique la finalidad del enlace. Dado que las imágenes no tienen texto en pantalla (como los hipervínculos de texto), el texto alternativo de la imagen describe qué sucederá o a qué página accederá el usuario al hacer clic en ella.

Por ejemplo, en la imagen de abajo, el atributo alt está configurado como “W3Schools.com”. De esta forma, cuando un usuario pasa el cursor sobre la imagen, sabe exactamente a dónde irá al hacer clic en ella.

Fuente de la imagen : https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_image_link

El texto alternativo de la imagen debe ser sencillo y conciso. No es necesario describir la imagen; basta con especificar su propósito para solucionar el error "los enlaces no tienen un nombre discernible" en las imágenes.

Agregue un nombre identificable a enlaces con contenido complejo

Para elementos complejos y dinámicos o contenido no textual, debe agregar el atributo aria-label al enlace. Esto hará que el enlace sea más accesible, especialmente para usuarios de tecnología de asistencia.

Ejemplo : Un botón de cerrar (X) en una ventana emergente.

<div id="box">Esta es una ventana emergente. <button aria-label="Close" onclick="document.getElementById('box').style.display='none';" class="close-button">X</button></div>

En el ejemplo anterior, al hacer clic en el enlace, aparecerá una ventana emergente (un div). El elemento "cerrar" es un botón con la letra "X".

Aquí, aria-label=”close” proporciona un nombre discernible para el botón (X).

Reflexiones finales

Corregir el error "los enlaces no tienen un nombre discernible" es bastante sencillo. Google Lighthouse destaca este error en su informe de auditoría SEO.

Una vez que identifiques las páginas web que no tienen un nombre discernible en el enlace, puedes corregir el problema agregando texto descriptivo dentro de la etiqueta HTML. Para las imágenes con hipervínculos, agrega un texto alternativo. En cambio, puedes usar el atributo aria-label para elementos dinámicos, iconos y contenido no textual.

Los errores técnicos de SEO no solo perjudican el rendimiento de tu sitio web, sino que también pueden generar una mala experiencia de usuario. Además, pueden impedir los rastreadores web indexen correctamente tu sitio, lo que afecta su posicionamiento.

Para mejorar la experiencia del usuario y el rendimiento de su sitio web, identifique y corrija los problemas comunes de SEO de inmediato. O, si necesita ayuda, siempre puede contactar con un proveedor de servicios de SEO gestionado .

Preguntas frecuentes sobre el error "Los enlaces no tienen un nombre discernible"