#554 · Herramienta para desarrolladores

Comprobador de atributos rel

Revisa atributos rel en enlaces y etiquetas link para detectar combinaciones relevantes como noopener, noreferrer, nofollow, sponsored, ugc, canonical, preload o stylesheet. El análisis señala tokens duplicados, valores desconocidos y enlaces target="_blank" sin noopener/noreferrer, lo que facilita comprobar marcado HTML sin ejecutar la página.

Datos de entrada

HTML con enlaces
Espacio publicitario

Cómo usar esta herramienta para desarrolladores

  1. Pega enlaces <a> y/o etiquetas <link>.
  2. Ejecuta la comprobación.
  3. Revisa los tokens rel reconocidos y las advertencias por elemento.
  4. Corrige combinaciones innecesarias, duplicadas o inseguras en el HTML original.

Ejemplo

Entrada

<a href="https://x.test" target="_blank" rel="nofollow">X</a>

Salida esperada

Advertencia: target="_blank" sin noopener/noreferrer.

Casos de uso

  • Auditar enlaces externos.
  • Revisar hints y relaciones del head.
  • Detectar rel duplicados o mal escritos.

Consejos para obtener resultados fiables

  • Trabaja con una copia del marcado o archivo antes de sustituirlo en producción.
  • Prueba una entrada válida y otra deliberadamente incorrecta para entender los mensajes de la herramienta.
  • Revisa el resultado en el contexto real del sitio y no solo de forma aislada.
  • Conserva únicamente los metadatos o hints que tengan una finalidad concreta.

Detalles del procesamiento

DOMParser crea un documento inerte; la herramienta recorre a[rel], a[target], link[rel] y no abre los href.

La validez semántica completa depende de la especificación HTML y del contexto del documento; algunas relaciones experimentales pueden no estar en la lista conocida.

Preguntas frecuentes

¿Por qué conviene usar noopener con target="_blank"?

Evita que la nueva página dependa de window.opener; navegadores modernos mitigan parte del riesgo, pero declarar noopener sigue haciendo explícita la intención.

¿nofollow, sponsored y ugc se pueden combinar?

Sí. Son tokens distintos y pueden combinarse cuando el enlace cumple más de una condición.

¿rel="canonical" debe usarse en una etiqueta a?

No es el uso habitual. Canonical se declara normalmente en link dentro del head.

¿La herramienta valida que el href exista?

No. Analiza atributos HTML localmente y no realiza solicitudes a los destinos.

¿Se distingue rel=preload de rel=prefetch?

Sí. Se muestran como tokens separados; su efecto depende del tipo de recurso, atributos adicionales y soporte del navegador.

Resumen del módulo

MóduloFunción
EntradaHTML con enlaces
ProcesamientoAnálisis y transformación local en el navegador
SalidaDiagnóstico de rel

Explora Metadatos web y archivos del servidor

Consulta más utilidades de esta categoría para revisar metadatos, relaciones HTML y archivos de configuración web.

Ver Category Hub