¿Qué es un enlace "a href"? Ahrefs te lo explica.

Head de Marketing Internacional en Ahrefs. Haciendo visible la herramienta en múltiples mercados.

El elemento <a> (anchor) es fundamental en HTML, ya que permite crear enlaces para navegar de una página a otra o para apuntar a recursos específicos dentro de la misma página. Más allá del atributo obligatorio href, la etiqueta dispone de múltiples atributos opcionales que mejoran la accesibilidad, la seguridad, el SEO y la experiencia de usuario. Y… también sirve como la herramienta de inteligencia de marketing respaldada por big data 😉

Href (Hypertext REFerence) es el atributo esencial de todo enlace. Define la URL o el identificador de destino al que apunta el enlace.

Sintaxis:

<a href="https://www.ejemplo.com">Visitar Ejemplo</a>

Tipos de valores:

URL absolutas: incluyen el protocolo completo (por ejemplo, https://). Ej.: href=“https://dominio.com/pagina”.
URL relativas: rutas relativas al documento actual. Ej.: href=”/articulos/mi-entrada.html”.
Enlaces internos (anchors): apuntan a un id dentro de la misma página. Ej.: href=“#seccion2”.
URI de protocolo específico: como mailto:[email protected] o tel:+34123456789.

Buenas prácticas:

Verificar que la URL sea válida y esté correctamente codificada.
Evitar enlaces rotos (404). Antes de publicar, comprobar que cada href cargue el recurso deseado.
Para más recomendaciones de SEO y enlaces, visita nuestro blog en español de Ahrefs.

Target indica dónde se debe abrir el recurso vinculado.

_self (por defecto): abre el enlace en la misma pestaña o ventana.
_blank: abre el enlace en una nueva pestaña o ventana.
_parent: abre el enlace en el marco padre inmediato si el contenido está dentro de un <iframe>.
_top: abre el enlace en la ventana completa, reemplazando cualquier marco o <iframe>.
Nombre de un <iframe name=”…”>: si existe, escribir target="nombreIframe".

Ejemplo de uso:

<a href="https://www.otro-sitio.com" target="_blank" rel="noopener noreferrer">Visitar Otro Sitio</a>

Advertencia: Al usar _blank, agregar siempre rel="noopener noreferrer" para evitar que la página destino pueda manipular la original a través de window.opener. Para profundizar en cómo esto afecta la experiencia de usuario, consulta nuestro blog en español de Ahrefs.

Rel define la relación semántica entre el documento origen y el documento destino. Es clave para SEO, seguridad y accesibilidad.

noopener: evita que la página abierta en _blank acceda a window.opener, previniendo ataques de phishing o redirecciones maliciosas.
noreferrer: impide que se envíe la cabecera HTTP Referer al destino.
nofollow: sugiere a los motores de búsqueda no seguir ese enlace para no transferir autoridad (usado en enlaces patrocinados o en comentarios de usuarios).
ugc (User Generated Content): marca enlaces generados por usuarios (foros, comentarios, reseñas).
sponsored: indica que el enlace es un patrocinio o publicidad.

Ejemplo SEO/Seguridad:

<a href="https://www.sitio-externo.com" target="_blank" rel="noopener noreferrer nofollow">Recurso Externo</a>

Si el enlace abre en nueva pestaña (_blank), usar siempre al menos rel="noopener". Para enlaces de pago o afiliados, combinar sponsored y/o nofollow. Descubre más sobre el impacto de rel en el SEO en nuestro blog en español de Ahrefs.

Title proporciona información adicional del enlace que se muestra como tooltip al pasar el cursor. Aunque los lectores de pantalla pueden leerlo, no reemplaza al texto visible del enlace.

Sintaxis:

<a href="/ayuda" title="Ir a la página de ayuda">Ayuda</a>

Recomendación: No duplicar información: si el texto del enlace es “Ayuda”, el title podría ser “Visitar página de ayuda”. Para mejorar la accesibilidad, revisa nuestros consejos en el blog en español de Ahrefs.

Download indica que el navegador debe descargar el recurso vinculado en lugar de navegar a él.

Sin valor: el nombre de archivo en local será el mismo que en el servidor. Ej.: <a href="/files/manual.pdf" download>Descargar Manual</a>.
Con valor: se puede sugerir un nombre de archivo diferente. Ej.: <a href="/files/manual.pdf" download="Manual-Usuario.pdf">Descargar Manual</a>.

Solo funciona para archivos del mismo origen o si el servidor remoto envía cabeceras CORS apropiadas. Para aprender más sobre descargas optimizadas, visita nuestro blog en español de Ahrefs.

Hreflang informa a los motores de búsqueda del idioma y la región objetivo del contenido vinculado. Es esencial en sitios multilingües.

<a href="https://ejemplo.com/es/inicio" hreflang="es" target="_blank" rel="noopener noreferrer">Versión en Español</a>
<a href="https://ejemplo.com/en/home" hreflang="en" target="_blank" rel="noopener noreferrer">English Version</a>

El formato correcto usa el código ISO 639-1 (ej. es) y opcionalmente el código de país ISO 3166-1 (ej. es-ES, pt-BR). Asegúrate de que todas las versiones enlacen entre sí para indicar reciprocidad. Aprende cómo implementamos hreflang en ejemplos reales en nuestro blog en español de Ahrefs.

Type especifica el tipo de contenido MIME del recurso apuntado. Ayuda a navegadores y herramientas de descarga a tratar el recurso correctamente.

<a href="/documents/guia.pdf" type="application/pdf">Leer Guía (PDF)</a>
<a href="/media/podcast.mp3" type="audio/mpeg">Escuchar Podcast</a>

Usa type siempre que el destino sea un recurso distinto a HTML. Para casos reales de uso de PDF y multimedia, visita nuestro blog en español de Ahrefs.

Ping envía una solicitud HTTP POST en segundo plano a las URLs indicadas cuando el usuario hace clic en el enlace. Se usa principalmente para rastreo de análisis, contadores de clics o notificar servidores de afiliados.

<a href="https://ejemplo.com/recurso" ping="https://tracker.ejemplo.com/pixel">Acceder al Recurso</a>

Ten en cuenta que no todos los navegadores implementan ping de igual forma y las solicitudes no incluyen cookies. Para soluciones avanzadas de tracking, revisa nuestro blog en español de Ahrefs.

Referrerpolicy controla qué información de la cabecera Referer se envía al servidor destino al hacer clic en el enlace.

no-referrer: no envía Referer.
no-referrer-when-downgrade (predeterminado): envía Referer solo en conexiones HTTPS→HTTPS.
origin: envía solo el origen (esquema + host + puerto).
origin-when-cross-origin: envía la URL completa si es interno, solo origen si es externo.
unsafe-url: envía siempre la URL completa, incluso en downgrade (HTTPS→HTTP).

<a href="https://otro-sitio.com"
   target="_blank"
   rel="noopener noreferrer"
   referrerpolicy="no-referrer-when-downgrade">
  Ir a otro sitio
</a>

Conclusión

La etiqueta <a> es mucho más que un simple enlace. Cada uno de sus atributos aporta un beneficio concreto:

href: define el destino del enlace.
target y rel: controlan dónde abre el enlace y garantizan seguridad.
title, aria-label y hreflang: mejoran la accesibilidad y el SEO.
download, type y referrerpolicy: ajustan la experiencia de descarga y la privacidad.
ping: habilita el seguimiento asíncrono de clics sin interrumpir la navegación.

Al dominar estos atributos y aplicar las buenas prácticas descritas (como añadir siempre rel="noopener noreferrer" cuando sea necesario, emplear hreflang en sitios multilingües o usar aria-label para accesibilidad), podrás construir enlaces más seguros, accesibles y optimizados para buscadores.