Enlaces A Href: Qué son y cómo usarlos

¿Qué es un enlace A Href?

Un “enlace a href” (o “enlace href”) es código HTML que utiliza una etiqueta <a> y el atributo href para crear un hipervínculo clicable.

Por ejemplo, este enlace href crea el hipervínculo “Semrush”:

Hay otros tipos de enlaces HTML (por ejemplo, la etiqueta <link>). Y otras formas de crear hipervínculos (por ejemplo, con JavaScript). Pero la mayoría de los enlaces se crean usando etiquetas <a>, también conocidas como etiquetas de anclaje o elementos de anclaje.

Los elementos de anclaje se definen por la etiqueta de inicio <a> y la etiqueta de fin </a>.

El atributo href (atributo de referencia de hipertexto) define el destino o objetivo del enlace. Esto a menudo es una URL de página web. Pero hay otros valores posibles.

Las etiquetas de anclaje también deben incluir contenido de anclaje—el contenido al que está adjunto el enlace. En muchos casos, esto es texto de anclaje (por ejemplo, “Semrush”). Pero puede ser un elemento HTML, como una imagen.

Tu sistema de gestión de contenidos (CMS) podría tener herramientas que eliminan la necesidad de codificar enlaces a href manualmente. Pero es útil entender cómo funcionan detrás de escena.

Consejo: Verifica problemas de enlaces y otros problemas técnicos en tu sitio con la herramienta Site Audit de Semrush. Puedes rastrear hasta 100 URL de forma gratuita.

¿Por qué son importantes los enlaces Href?

Los enlaces href son importantes porque son la forma más común de crear hipervínculos. Y los hipervínculos ayudan a los usuarios y a los rastreadores web a navegar por internet y acceder a recursos digitales.

Hay dos tipos principales de hipervínculos que puedes agregar a tu sitio web: enlaces internos y enlaces externos. Y los enlaces a href te permiten crear ambos.

Los enlaces internos son hipervínculos a ubicaciones o recursos en tu dominio.

Ejemplos incluyen:

• Enlaces de navegación a otras páginas de tu sitio
• Enlaces contextuales a otras páginas de tu sitio
• Enlaces de anclaje (o enlaces de salto) en tus páginas
• Enlaces a archivos (por ejemplo, ebooks) en el servidor de tu dominio

Al usar enlaces internos de manera efectiva, animas a los usuarios a explorar tu sitio. Esto podría significar que es más probable que realicen una compra, compartan tu contenido o tomen otra acción deseable.

Además, los enlaces internos ayudan a Google a descubrir páginas en tu dominio. Y a entender cómo se relacionan entre sí. Esto puede llevar a posiciones más altas en las páginas de resultados de motores de búsqueda (SERP).

Los enlaces externos (o enlaces salientes) son hipervínculos a ubicaciones o recursos fuera de tu dominio.

Usados correctamente, los enlaces externos agregan valor a tu contenido.

Por ejemplo, puedes generar confianza enlazando a fuentes confiables. O compartir una herramienta útil que no esté disponible en tu sitio.

John Mueller de Google afirma que los enlaces externos a sitios reputados no ayudan con las clasificaciones del sitio web. Pero muchos profesionales de SEO creen que sí lo hacen.

5 Mejores prácticas para enlaces A Href

Al crear enlaces a href, sigue estas mejores prácticas para asegurar que tus hipervínculos funcionen correctamente. Y beneficien a tu sitio lo máximo posible.

1. Elige el valor correcto del atributo Href

El valor del atributo href es el destino del enlace. Esto puede ser una página web, parte de una página web, archivo, dirección de correo electrónico o número de teléfono, por ejemplo.

El destino del enlace se coloca entre las comillas del atributo href, así:

Exploremos los tipos principales de valores href:

URLs relativas

Una URL relativa es una ruta a un recurso en el mismo sitio web.

Por ejemplo, el logo del blog de Semrush tiene el valor href “/blog/”:

Algunos desarrolladores web usan URLs relativas para todos los enlaces internos. Porque son concisas. Y pueden seguir funcionando después de una migración de sitio.

Sin embargo, recomendamos usar URLs absolutas por razones de SEO.

URLs absolutas

Una URL absoluta es la ruta completa a una URL, incluyendo el protocolo, dominio y cualquier ruta o parámetro adicional.

Por ejemplo:

Necesitarás usar URLs absolutas al agregar enlaces externos.

Pero también son útiles para enlaces internos. Porque siempre puedes enlazar a la URL canónica—la versión preferida de una página duplicada.

Esto elimina cualquier ambigüedad o confusión para los motores de búsqueda. Por lo que puede ayudar a tu SEO.

En un video de Google, John Mueller dijo que enlazar a URLs canónicas “probablemente tiene un poco más de sentido, porque entonces no tienes que preocuparte por cosas como acceder a la versión no-WWW de tu sitio web.”

Enlaces de anclaje

Los enlaces de anclaje (o enlaces de salto) son enlaces a diferentes partes de la misma página.

Por ejemplo, todos los enlaces en la tabla de contenidos de este artículo son enlaces de anclaje.

Para crear un enlace de salto, asigna al elemento al que quieres enlazar un atributo id (id=»nombre-id»).

Así:

Luego, crea el enlace usando #nombre-id como el valor href.

Así:

Alternativamente, usa href=»#top» o href=»#» para crear un salto a la parte superior de la página.

Enlaces Mailto

El atributo href=»mailto:» crea un enlace mailto que abre un nuevo correo electrónico en el programa de correo del usuario.

Típicamente se usa en combinación con una dirección de correo objetivo.

Por ejemplo, tenemos un enlace href como este en el pie de página de nuestro sitio:

Al hacer clic en el hipervínculo, se crea un borrador de correo como este:

También puedes agregar parámetros como una línea de asunto, contenido del cuerpo y dirección CC al código a href.

Supongamos que quieres que los solicitantes de empleo envíen su currículum a jobs@example.com con la línea de asunto “Rol de Desarrollador Web.”

Para facilitarlo, podrías agregar un enlace HTML como este:

Nota que “%20” se usa en lugar de espacios. Esto es un ejemplo de codificación URL—un proceso que ayuda a asegurar que los parámetros funcionen correctamente.

Enlaces Tel

Para crear un enlace tel, usa el atributo href=»tel:» en combinación con el número de teléfono.

Así:

Cuando el usuario hace clic en el hipervínculo en un dispositivo compatible, abrirá el número en su aplicación de marcado. Haciendo que sea fácil para ellos llamarte.

2. Usa otros atributos de etiqueta de anclaje

El atributo href es importante en un elemento de anclaje porque define el destino del enlace. Pero puedes agregar otros atributos de etiqueta de anclaje para determinar qué sucede cuando el usuario hace clic en el enlace.

Estos atributos también pueden ayudar a los motores de búsqueda a entender tus enlaces. Y por lo tanto, beneficiar tu SEO.

Aquí hay una visión general rápida de los más comunes:

Atributo de anclaje	Propósito	Ejemplo de etiqueta de anclaje
Download	Indica al navegador que descargue el recurso enlazado en lugar de abrirlo. Incluye un nombre de archivo descriptivo entre las comillas.	<a href=»example.pdf» download=»Filename»>Descargar </a>
Rel	Informa a los motores de búsqueda sobre la relación de tu sitio con el recurso enlazado. Por ejemplo, rel=“nofollow” pide a los motores de búsqueda que eviten tratar el enlace como un respaldo de la página enlazada. (Este es un concepto importante en la construcción de enlaces.)	<a href=»https://www.example.com/» rel=»nofollow»>Texto de anclaje</a>
Target	Indica al navegador dónde abrir el enlace. Por ejemplo, target=»_blank» abre el recurso en una nueva pestaña o ventana. Mientras que target=»_self» lo mantiene en el mismo marco.	<a href=»https://www.semrush.com/» target=»_blank»>Semrush</a>
Title	Muestra una tooltip cuando el usuario pasa el cursor sobre el enlace. Incluye el texto de la tooltip entre las comillas.	<a href=»https://www.semrush.com/» title=»Página principal de Semrush»>Semrush</a>

Consejo: Ciertos tipos de enlaces de otros sitios (backlinks) pueden beneficiar tu SEO. Con la herramienta Backlink Analytics de Semrush, puedes analizar fácilmente tus backlinks y compararlos con los de competidores.