Herramientas HTML

Gratis Generador de atributos de enlace externo

Genera marcado de enlace externo con atributos rel correctos para seguridad y SEO.

Cargando herramienta...

Qué es Generador de atributos de enlace externo?

Los enlaces externos deben usar target='_blank' con rel='noopener noreferrer' por seguridad. Para SEO, los bloggers usan rel='nofollow' para enlaces no confiables, rel='sponsored' para enlaces de pago o afiliados, y rel='ugc' para enlaces de contenido generado por usuarios. Usar los valores rel correctos ayuda tanto a la seguridad como a la comprension de la intencion del enlace por parte de los motores de busqueda.

Respuesta rápida

Los enlaces externos deben usar rel='noopener noreferrer' por seguridad al usar target='_blank'. Para SEO, use rel='nofollow' para enlaces no confiables, rel='sponsored' para enlaces de pago o afiliados, y rel='ugc' para contenido generado por usuarios.

Last updated: 2026-06-11

Limitaciones

  • Los atributos rel son sugerencias para los motores de busqueda, no directivas. Los motores de busqueda pueden descubrir y rastrear paginas enlazadas independientemente de los valores rel.
  • Algunas plataformas como sitios de redes sociales y editores CMS eliminan o ignoran los atributos rel personalizados en los enlaces.
  • Los enlaces de plataformas de redes sociales pueden necesitar atributos adicionales como aria-label para la accesibilidad, ademas de los valores rel estandar.

Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub

Cómo usar esta herramienta

  1. Elija el tipo de enlace que coincida con su caso de uso.
  2. Ingrese la URL de destino y el texto del enlace.
  3. La herramienta genera la etiqueta anchor con los atributos correctos.
  4. Copie y pegue la etiqueta anchor en su HTML.

Para qué puedes usarla

  • Crear enlaces externos seguros con noopener y noreferrer.
  • Marcar enlaces de afiliados con sponsored y nofollow.
  • Etiquetar enlaces de contenido generado por usuarios con ugc.

Casos de uso

Ejemplos prácticos

Ejemplo

Enlace de referencia externo seguro

Una entrada de blog enlaza a una referencia externa con target='_blank' y rel='noopener noreferrer'.

Ejemplo

Divulgacion de enlace de afiliado

Una pagina de divulgacion de afiliados usa rel='sponsored nofollow' para todos los enlaces de afiliados.

Errores comunes

  • Usar target='_blank' sin noopener, lo que crea una vulnerabilidad de seguridad.
  • Agregar nofollow a enlaces internos y perjudicar la equidad de enlaces internos.
  • Usar tanto nofollow como sponsored cuando solo sponsored es suficiente.

Verificación

  1. Inspeccione la etiqueta anchor generada en el codigo fuente HTML para confirmar que los atributos target, rel y aria-label esten presentes y formateados correctamente.
  2. Haga clic en el enlace en la pagina publicada y verifique que se abra en una nueva pestana sin activar advertencias de seguridad en la consola del navegador.

FAQ

Preguntas sobre Generador de atributos de enlace externo

Todo enlace externo deberia usar noopener?

Todo enlace con target='_blank' deberia incluir rel='noopener'. Evita que la pagina abierta acceda a window.opener.

Rel='nofollow' afecta al SEO?

Indica a los motores de busqueda que no transmitan credito de ranking a la pagina enlazada. Use para enlaces no confiables o de pago.

Cual es la diferencia entre nofollow y sponsored?

nofollow indica a los motores de busqueda que no transmitan credito de ranking por cualquier razon. sponsored es especificamente para enlaces de pago o afiliados.

Agregar noopener afecta al boton de retroceso o al historial de navegacion?

No. noopener solo corta la relacion window.opener entre la pagina nueva y la pagina original. No afecta al historial de navegacion, el boton de retroceso, el almacenamiento de sesion ni el acceso a cookies.

Herramientas relacionadas

Más herramientas html

Prueba también

Prueba también