Generador gratuito de etiquetas de anclaje HTML

Genera etiquetas de anclaje HTML perfectamente formateadas con atributos rel, target, class e id personalizados.

tools.dev.html_link.form.core_section

tools.dev.html_link.form.url_label

tools.dev.html_link.form.link_text_label

Atributos y comportamiento del enlace

tools.dev.html_link.form.target_blank

tools.dev.html_link.form.target_blank_desc

Nofollow (rel='nofollow')

Indica a los motores de búsqueda que no transfieran autoridad SEO.

Patrocinado (rel='sponsored')

Para enlaces pagados, anuncios o enlaces de afiliados.

UGC (rel='ugc')

Para contenido generado por usuarios como comentarios o foros.

CSS y diseño (opcional)

Atributo title

tools.dev.html_link.form.css_class

ID de CSS

Enter a URL and Link Text to generate custom HTML anchor tags.

¿Qué es una etiqueta de anclaje HTML?

La etiqueta de anclaje HTML <a href="..."> es el componente básico de la web: crea hipervínculos entre páginas, documentos y recursos. Si bien los enlaces simples tardan solo un momento en escribirse, atribuir correctamente los enlaces con las señales SEO, los atributos de seguridad y los metadatos de accesibilidad correctos requiere comprender varias especificaciones HTML que han evolucionado a lo largo de los años.

Atributos del enlace que importan para el SEO

rel="nofollow": Le dice a Google que no siga este enlace ni pase el PageRank (valor del enlace) a través de él. Úselo para contenido que no sea de confianza, secciones de comentarios o cualquier enlace del que no pueda garantizar. Requerido para enlaces y anuncios pagos según las Directrices para webmasters de Google.
rel="sponsored": La señal moderna y más específica para enlaces de afiliados, ubicaciones pagas y anuncios. Google introdujo esto en 2019 como una alternativa más clara al nofollow para enlaces comerciales. Utilice esto para todos los enlaces de afiliados en lugar de nofollow o junto con él.
rel="ugc": Marca los enlaces que aparecen en el contenido generado por el usuario (comentarios, publicaciones en foros, reseñas). Indica a Google que no seleccionaste manualmente este enlace.

Atributos de enlace que son importantes para la seguridad

rel="noopener noreferrer" con target="_blank": Cualquier enlace que se abre en una nueva pestaña (target="_blank") crea una vulnerabilidad de seguridad: la nueva página puede acceder al objeto window de la página de apertura a través de JavaScript y redirigirlo. El atributo rel="noopener noreferrer" cierra esta vulnerabilidad. Nuestra herramienta agrega esto automáticamente cuando marca la opción "Abrir en una pestaña nueva".

Prácticas recomendadas para el texto de anclaje

El texto visible en el que se puede hacer clic de un enlace (texto de anclaje) es una de las señales más potentes de Google para comprender de qué trata la página enlazada. El texto ancla descriptivo como "el mejor software CRM para pequeñas empresas" es significativamente más valioso que el texto genérico como "haga clic aquí" u "obtenga más información". Utilice texto ancla rico en palabras clave para los enlaces internos, pero varíe la redacción para evitar una optimización excesiva.

Preguntas frecuentes

¿Cuándo debo usar nofollow frente a patrocinado?

Utilice rel="nofollow" para contenido general que no es de confianza (por ejemplo, comentarios de usuarios, publicaciones en foros). Utilice rel="sponsored" específicamente para enlaces comerciales pagos, enlaces de afiliados y anuncios. Google trata ambos como sugerencias en lugar de directivas (puede elegir o no seguir enlaces nofollow), pero usar el atributo correcto envía señales más claras.

¿Es seguro abrir enlaces en una nueva pestaña sin noopener?

Versiones de navegador más antiguas que no son compatibles con El comportamiento implícito de noopener puede ser vulnerable a ataques de tabulación a través de window.opener. Incluya siempre rel="noopener noreferrer" en cualquier enlace con target="_blank". Nuestra herramienta agrega esto automáticamente; no es opcional.

¿Para qué se utiliza el atributo de título?

El atributo de título muestra una pequeña información sobre herramientas cuando un usuario pasa el cursor sobre el enlace. También agrega contexto para los lectores de pantalla, mejorando la accesibilidad. Sin embargo, no debe reemplazar el texto de anclaje descriptivo: es posible que los usuarios de lectores de pantalla no siempre escuchen el atributo del título dependiendo de su configuración.

Herramientas de desarrollador entregadas gratis

Guías de deep links, consejos de Open Graph y nuevas herramientas dev - directo a tu bandeja.

Related Tools

Explore other free tools to build, test, and optimize your links and QR codes.

Código de barras (1D)

Genere, obtenga una vista previa y descargue códigos de barras 1D (Code128, EAN-13, UPC, etc.) instantáneamente en su navegador.

Rastreador de dominios cruzados GA4

Genere fragmentos de código de seguimiento entre dominios de Google Analytics 4 (GA4) para mantener las sesiones de los usuarios en varios sitios web.

Enlace profundo de la aplicación inteligente

Genere secuencias de comandos de enrutamiento inteligentes que detecten el sistema operativo del usuario y redireccionen a aplicaciones móviles nativas que recurran a URL web.

Metaetiqueta de gráfico abierto

Genere las metaetiquetas HTML perfectas de Open Graph y Twitter Card para optimizar el uso compartido de enlaces en las redes sociales.

Creador de enlaces de afiliados de Amazon

Limpie las URL de Amazon desordenadas y genere enlaces de asociado perfectos utilizando su etiqueta de afiliado.

Caducidad del enlace y fragmento de cuenta regresiva

Genere un fragmento de Javascript para caducar automáticamente un enlace y redirigir el tráfico después de una fecha y hora específicas.

View All Tools →