Si está trabajando activamente en optimizar su sitio web para el motor de búsqueda , es probable que haya utilizado la Google Lighthouse que ofrece información sobre cómo mejorar el rendimiento de sus páginas web. Aquí, uno de los errores comunes resaltados por Lighthouse es el '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.
Corregir el error "los enlaces no tienen un nombre discernible" es sencillo. Todo lo que necesita hacer es asegurarse de que todos los enlaces y botones de su sitio web tengan texto descriptivo.
En este artículo, veremos cómo solucionar este error de Google Lighthouse. Pero antes de eso, aquí hay una breve descripción de la herramienta Google Lighthouse.
¿Qué es el faro de Google?
Como software abierto de origen, Lighthouse 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 función de los cuales la herramienta Google Lighthouse audita un sitio web son el rendimiento, la accesibilidad, el SEO, las mejores prácticas y la aplicación web progresiva (PWA).
En base a estos parámetros, ofrece sugerencias de mejora que pueden ayudar a mejorar el rendimiento general del sitio web. Echemos un vistazo breve a cada uno de estos parámetros.
1. Rendimiento
La auditoría de rendimiento de Lighthouse mide la velocidad de la página de un sitio web. Mide qué tan rápido se carga el sitio web y qué tan bien optimizado está para los usuarios. La puntuación de desempeño se divide en tres categorías: 0-49, 50-89 y 90-100.
Un puntaje entre 90-100 indica que el sitio web está bien optimizado. Cualquier cosa por debajo de 90 significa que el sitio web necesita mejorar. Lighthouse destaca los problemas y proporciona sugerencias para mejorar el rendimiento del sitio web .
2. Accesibilidad
Este parámetro analiza cuán accesible es un sitio web para las personas que usan tecnologías de asistencia. Cuando los enlaces no tienen un nombre o botones discernibles no se describen bien, o si las imágenes no tienen texto alternativo (texto alternativo), podría dificultar que las personas con visión limitada o ninguna visión accedan a un sitio web.
En el informe de auditoría de accesibilidad, Lighthouse obtiene el sitio web de 100. Nuevamente, un puntaje más alto indica una mayor accesibilidad. La herramienta también proporciona sugerencias de mejora para problemas de accesibilidad.
Leer : Cumplimiento de accesibilidad de WordPress con WCAG
3. SEO
Desde una perspectiva de SEO, esta herramienta analiza el sitio web para el SEO técnico. Aunque no ofrece un informe integral de auditoría de SEO, resalta los errores críticos que deben corregirse. Algunas de las cosas que analizan 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 imagen.
- Rastreabilidad de enlaces internos
4. Mejores prácticas
Este parámetro analiza los estándares de desarrollo web utilizados para crear un sitio web o página web. El informe de auditoría de las mejores prácticas proporciona un puntaje de 100 y destaca los problemas que deben solucionarse. La herramienta ayuda a determinar si las páginas web son o no:
- Libre de errores del navegador y marcos y API obsoletos
- Cargando recursos desde servidores seguros con HTTPS
- Usar 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 de JavaScript .
Si desea crear un sitio web que se adhiera a las mejores prácticas sin elementos fallidos, póngase en contacto con una empresa de desarrollo de WordPress
Leer : Problemas técnicos comunes de SEO y mejores prácticas
5. 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 confiable y ofrece una experiencia de usuario óptima. La herramienta comprueba si la aplicación web es fácil de instalar en varios dispositivos y ofrece funcionalidad sin conexión y notificaciones automáticas. También verifica si las aplicaciones web progresivas están optimizadas y configuradas y si redirige todo el tráfico HTTP a HTTPS.
Para este informe de auditoría, asigna una insignia de PWA según el rendimiento de la aplicación web frente a diferentes factores. Google Lighthouse también ofrece sugerencias útiles para mejorar el rendimiento de la aplicación web.
Leer : HTTP versus HTTPS: por qué es importante tener un SSL
¡Es hora de abordar y arreglar esos difíciles errores de SEO!
Únase a nosotros en un viaje salvaje para el éxito de SEO, ¡transforme el rendimiento de su sitio web con nuestro toque experto! ????
¿Qué significa "los enlaces no tienen un nombre discernible"?
Si bien la frase "los enlaces no tienen un nombre discernible" se explica por sí misma, aquí hay un ejemplo que proporcionará algo de contexto.
Ejemplo 1
<h3>¿Quiere consultar la velocidad de su sitio web?</h3><li><a href="https://seahawkmedia.com/tools/website-speed-test/">Haga clic aquí</a></li>Ejemplo 2
<h3>¿Quiere consultar la velocidad de su sitio web?</h3><li><a href="https://seahawkmedia.com/tools/website-speed-test/">Use nuestra herramienta gratuita para verificar la velocidad de su sitio</a></li>¿Cuál de los dos ejemplos señalaría el error "los enlaces no tienen un nombre discernible"?
Si dijiste el Ejemplo 1, ¡tienes toda la razón!
En pocas palabras, Google afirma que debes utilizar texto descriptivo o hiperexplí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: "use esta herramienta gratuita para comprobar la velocidad de su sitio".
Google se centra en mejorar la experiencia del usuario. Por lo tanto, al mantener descriptivo el texto de sus enlaces/botones/imágenes, estará cumpliendo con las pautas de Google, lo que puede ayudar a mejorar el rendimiento de su sitio web en los resultados de búsqueda.
¿Cómo solucionar el error 'Los enlaces no tienen un nombre discernible'?
Si su 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, debe seguir las mejores prácticas del texto del enlace proporcionadas por Lighthouse, como por ejemplo:
- Cíñete a la página web o al tema de la publicación del blog mientras escribes el texto del enlace. Evite un texto de enlace que no esté relacionado con el contenido de la página.
- Asegúrese de que la descripción del texto del enlace sea breve y precisa. Cíñete a frases cortas.
- Evite utilizar la URL de la página como descripción del enlace.
- Asegúrese de que sus enlaces internos tengan texto descriptivo. Esto facilitará la navegación para los usuarios y los robots de los motores de búsqueda.
Otros consejos para corregir el error "los enlaces no tienen un nombre discernible" son:
Agregar nombre descriptivo a hipervínculos de texto
Como se menciona en el ejemplo anterior, Google no considera que el texto con hipervínculos como "haga clic aquí" o "leer más" sea lo suficientemente descriptivo, ya que no especifica el propósito a los usuarios. Un usuario debe conocer el propósito del enlace con solo leer el texto, como se describe a continuación. Esto ayuda a mejorar la experiencia del usuario y ayudará a reducir la tasa de rebote .
<h3>¿Quiere consultar la velocidad de su sitio web?</h3><li><a href="https://seahawkmedia.com/tools/website-speed-test/">Use nuestra herramienta gratuita para verificar la velocidad de su sitio</a></li>La herramienta Google Lighthouse enumerará las páginas web con el error "los enlaces no tienen un nombre discernible". Todo lo que necesitas hacer para corregir este error es agregar un texto breve y descriptivo dentro de las HTML .
Agregar texto ALT de imagen a imágenes con hipervínculos
Para imágenes con hipervínculos, debe agregar un atributo alt que explique el propósito del enlace. Dado que las imágenes no tienen texto en pantalla (como hipervínculos de texto), el texto alternativo de una imagen le dirá al usuario qué sucederá o a qué página accederá cuando haga clic en la imagen.
Por ejemplo, en la imagen siguiente, el texto alternativo se especifica como alt=”W3Schools.com”. Entonces, cuando un usuario pasa el cursor sobre la imagen, sabe exactamente dónde aterrizará al hacer clic en la imagen.
Fuente de la imagen : https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_image_link
Mantenga el texto alternativo de la imagen simple y conciso. No es necesario describir la imagen, simplemente especifique su propósito para corregir el error "los enlaces no tienen un nombre discernible" para las imágenes.
Leer : Mejores prácticas para escribir texto alternativo compatible con SEO para imágenes
Agregue un nombre discernible 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 los usuarios de tecnología de asistencia.
Ejemplo: un botón de cerrar (X) en un cuadro emergente
<div id="box"> Este es un cuadro emergente. <button aria-label="Close" onclick="document.getElementById('box').style.display='none';" class="close-button">incógnita</button></div>En el ejemplo anterior, cuando hace clic en el enlace, se mostrará un cuadro emergente (un div). El elemento 'cerrar' es un botón con solo la letra 'X'. Aquí, aria-label=”close” se utiliza para proporcionar un nombre discernible al botón (X).
Pensamientos finales
Corregir el error "los enlaces no tienen un nombre discernible" es bastante simple y fácil. Google Lighthouse destaca este error en su informe de auditoría SEO. Una vez que identifique las páginas web que no tienen un nombre discernible en el enlace, puede corregir el problema agregando texto descriptivo dentro de la etiqueta HTML. Para imágenes con hipervínculos, agregue un texto alternativo de imagen. Mientras que puede utilizar el atributo aria-label para elementos dinámicos, iconos y contenido no textual.
Los errores técnicos de SEO no sólo pueden perjudicar el rendimiento de su sitio web, sino que también pueden provocar una mala experiencia del usuario. También podrían impedir que los rastreadores web indexen con precisión su sitio web, afectando la clasificación de su sitio.
Para mejorar la experiencia del usuario y el rendimiento de su sitio, identifique y rectifique los problemas comunes de SEO de inmediato. O, si necesita ayuda, siempre puede conectarse con un proveedor de servicios de SEO administrado .
Preguntas frecuentes
¿Cómo se soluciona el problema de que los "enlaces no tienen un nombre discernible"?
Para solucionar el problema de 'Los enlaces no tienen un nombre discernible', asegúrese de que cada enlace tenga un texto de anclaje descriptivo y significativo. Evite usar términos genéricos como "haga clic aquí" o URL crudas. En su lugar, use un lenguaje que describe con precisión el destino o el propósito del enlace. Esto no solo mejora la experiencia general del usuario, sino que es crucial para los usuarios que dependen de tecnologías de asistencia como los usuarios de lectores de pantalla.
¿Qué significa "los enlaces deben tener texto discernible"?
El requisito de que 'los enlaces deben tener texto discernible' significa que el texto utilizado para los enlaces debe ser claro, descriptivo y transmitir el propósito del enlace. Esto es esencial para la accesibilidad, ya que los usuarios, particularmente aquellos que confían en los lectores de la pantalla, dependen de este texto para comprender hacia dónde conduce el enlace.
¿Cómo soluciono "los botones deben tener texto discernible"?
Para abordar el problema de 'Los botones deben tener texto discernible', asegúrese de que cada botón en su sitio web tenga un texto claro y descriptivo que transmita su función. Evite usar términos o símbolos ambiguos sin el texto acompañante. Los usuarios deben poder comprender el propósito del botón sin confiar únicamente en las señales visuales. Por lo tanto, proporcionar un texto explícito y significativo de botones mejora la accesibilidad general y garantiza una mejor experiencia de usuario para todos.
¿Cómo hago accesible un enlace ancla?
Para hacer accesible un enlace ancla:
- Utilice HTML semántico empleando el etiqueta y asegúrese de que esté presente un atributo 'href'
- Elija un texto ancla descriptivo y relevante que transmita el propósito del contenido vinculado. Si utiliza contenido que no es texto, como íconos, incluya texto alternativo (texto alternativo) para mayor claridad.
- Pruebe el enlace con la navegación con el teclado para confirmar la fácil accesibilidad.
Estos pasos garantizan que las personas con discapacidades puedan comprender, interactuar y navegar de manera efectiva por sus enlaces ancla.
