Enlaces A Href: Qué son y cómo usarlos
¿Qué es un enlace A Href?
Un “enlace a href” (o “enlace href”) es un código HTML que utiliza una etiqueta <a> y un atributo href para crear un hipervínculo en el que se puede hacer clic.
Por ejemplo, este enlace href crea el hipervínculo “Semrush”:
<a href="https://www.semrush.com/">Semrush</a>Existen 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 utilizando etiquetas <a>, también conocidas como etiquetas de anclaje o elementos de anclaje.
Los elementos de anclaje se definen mediante la etiqueta de inicio <a> y la etiqueta de cierre </a>.
El atributo href (atributo de referencia de hipertexto) define el destino o el objetivo del enlace. A menudo, se trata de la URL de una página web. Pero existen 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, se trata de texto de anclaje (por ejemplo, “Semrush”). Pero puede ser un elemento HTML, como una imagen.
Es posible que su sistema de gestión de contenidos (CMS) tenga herramientas que eliminen la necesidad de codificar los enlaces href manualmente. Pero es útil entender cómo funcionan detrás de escena.
Consejo: Compruebe los problemas de enlaces y otros problemas técnicos en su sitio con la herramienta Site Audit de Semrush. Puede rastrear hasta 100 URL de forma gratuita.
Encuentre y solucione problemas de enlaces
con la herramienta Site Audit
¿Por qué son importantes los enlaces Href?
Los enlaces Href son importantes porque son la forma más utilizada 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 puede añadir a su sitio web: enlaces internos y enlaces externos. Y los enlaces a href le permiten crear ambos.
Enlaces internos son hipervínculos a ubicaciones o recursos dentro de su dominio.
Los ejemplos incluyen:
- Enlaces de navegación a otras páginas de su sitio
- Enlaces contextuales a otras páginas de su sitio
- Enlaces de anclaje (o enlaces de salto) en sus páginas
- Enlaces a archivos (por ejemplo, libros electrónicos) en el servidor de su dominio
Al utilizar los enlaces internos de forma eficaz, anima a los usuarios a explorar su sitio. Esto puede significar que es más probable que realicen una compra, compartan su contenido o realicen otra acción deseable.
Además, los enlaces internos ayudan a Google a descubrir páginas en su dominio. Y a entender cómo encajan entre sí. Esto puede conducir a clasificaciones más altas en las páginas de resultados de los motores de búsqueda (SERP).
Enlaces externos (o enlaces salientes) son hipervínculos a ubicaciones o recursos fuera de su dominio.
Si se utilizan correctamente, los enlaces externos añaden valor a su contenido.
Por ejemplo, puede generar confianza enlazando a fuentes fiables. O compartir una herramienta útil que no está disponible en su sitio.
John Mueller de Google afirma que los enlaces externos a sitios de buena reputación no ayudan con la clasificación de los sitios web. Pero muchos profesionales de SEO creen que sí lo hacen.
5 mejores prácticas para enlaces A Href
Al crear enlaces a href, siga estas mejores prácticas para asegurarse de que sus hipervínculos funcionen correctamente. Y beneficien a su sitio tanto como sea posible.
1. Elija el valor de atributo Href correcto
El valor del atributo href es el destino del enlace. Puede ser una página web, una parte de una página web, un archivo, una dirección de correo electrónico o un número de teléfono, por ejemplo.
El destino del enlace se coloca entre las comillas del atributo href, de la siguiente manera:
href="valor"Exploremos los tipos principales de valores href:
URL relativas
Una URL relativa es una ruta a un recurso en el mismo sitio web.
Por ejemplo, el logotipo de nuestro blog de Semrush tiene el valor href “/blog/”:
Algunos desarrolladores web utilizan URL relativas para todos los enlaces internos. Porque son concisas. Y pueden seguir funcionando después de una migración de sitio.
. Sin embargo, recomendamos utilizar URL absolutas para fines de SEO.
URL absolutas
Una URL absoluta es la ruta completa a una URL, incluido el protocolo, el dominio y cualquier ruta o parámetro adicional.
Por ejemplo:
href="https://www.semrush.com/blog/"Deberás usar URLs absolutas al añadir 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 tanto, puede ayudar a tu SEO.
En un vídeo de Google, John Mueller dijo que enlazar a URLs canónicas “probablemente tiene un poco más de sentido, porque así no tienes que preocuparte por cosas como que [Google o los usuarios] accedan a la versión sin 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 contenido de este artículo son enlaces de anclaje.
Para crear un enlace de salto, dale al elemento al que quieres enlazar un atributo id (id=”id-name”).
Como esto:
<h2 id="faqs">Preguntas frecuentes</h2>Luego, crea el enlace usando #id-name como valor de href.
Como así:
<a href="#faqs">saltar a nuestras preguntas frecuentes</a>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.
Normalmente se usa en combinación con una dirección de correo electrónico de destino.
Por ejemplo, tenemos un enlace href como este en el pie de página de nuestro sitio:
<a href="mailto:mail@semrush.com">mail@semrush.com</a>Hacer clic en el hipervínculo crea un borrador de correo electrónico como este:
También puedes añadir parámetros como una línea de asunto, contenido del cuerpo y dirección CC al código a href.
Digamos que quieres que los solicitantes de empleo envíen su currículum a jobs@example.com con la línea de asunto “Web Developer Role”.
Para hacerlo más fácil, podrías añadir un enlace HTML como este:
<a href="mailto:jobs@example.com?subject=Web%20Developer%20Role">Aplicar ahora</a>Ten en cuenta que se usa “%20” en lugar de espacios. Este es un ejemplo de codificación de 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.
Como así:
Cuando el usuario hace clic en el hipervínculo en un dispositivo compatible, abrirá el número en su aplicación de marcado. Facilitándoles 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 añadir 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 a tu SEO.
Aquí tienes un resumen rápido de los más comunes:
| Atributo de anclaje | Propósito | Ejemplo de etiqueta de anclaje |
| Download | Dile 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=”NombreDeArchivo”>Descargar [PDF]</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 el link building.) | ) |
| <a href=”https://www.example.com/” rel=”nofollow”>Texto de anclaje</a> | Target Dile 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 información sobre herramientas cuando el usuario pasa el ratón sobre el enlace. | Incluye el texto de la información sobre herramientas entre las comillas. |
<a href=”https://www.semrush.com/” title=”Página de inicio de Semrush”>Semrush</a> Consejo: Ciertos tipos de enlaces de otros sitios (backlinks ) pueden beneficiar a tu SEO. Con la herramienta Backlink Analytics de Semrush, puedes analizar tus backlinks
fácilmente y compararlos con los de la competencia.
Obtén información sobre perfiles de backlink
3. Utilice la sintaxis correcta
Es fundamental utilizar la sintaxis correcta al crear enlaces a href. Si no coloca las cosas en el orden correcto, su hipervínculo no funcionará como se espera.
La sintaxis Href funciona así:
- Inicie el enlace a href con <a
- Añada atributos correctamente formateados dentro de la etiqueta de inicio
- Deje un espacio antes de cada atributo de la etiqueta de anclaje
- Utilice comillas rectas (no curvas)
- Cierre la etiqueta de inicio con >
- Añada su contenido de anclaje
- Termine la etiqueta con </a>
Consejo: Aprenda sobre otras etiquetas y cómo usarlas con nuestra hoja de trucos HTML y nuestra guía de HTML semántico .
4. Optimice el contenido de anclaje
El contenido de anclaje es el contenido al que se adjunta un enlace. Por lo tanto, es importante que tenga sentido en su página.
Además, los motores de búsqueda utilizan el contenido de anclaje para entender de qué trata la página enlazada. Optimizarlo constantemente puede mejorar su SEO.
En muchos casos, los enlaces se adjuntan al texto de anclaje (también conocido como texto de enlace HTML).
Como esto:
<a href="https://www.example.com/">Texto de anclaje aquí</a>Intente evitar textos de anclaje genéricos, como “Haga clic aquí”.
En su lugar, utilice texto de anclaje descriptivo. Para ayudar a los usuarios y a los motores de búsqueda a entender de qué trata el recurso enlazado.
Al enlazar a otras páginas de su sitio, utilice palabras clave objetivo en el texto de anclaje donde sea natural. Esto puede ayudarle a establecer relevancia y mejorar sus posiciones en Google.
Para crear un enlace de imagen en HTML, añada un elemento de imagen a la etiqueta de anclaje. (En lugar de texto de anclaje.)
E incluya texto alternativo. Para que los motores de búsqueda y las personas que utilizan lectores de pantalla sepan qué representa la imagen.
Por ejemplo:
<a href="https://www.example.com/product-category/product-name"><img src="product-image.png" alt="Esta es una descripción de la imagen del producto"></a>Puede utilizar SVG, texto con estilo y otros elementos HTML como contenido de anclaje.
Consejo: Realice una investigación de palabras clave con la Keyword Magic Tool de Semrush. Para identificar palabras clave objetivo para cada página de su sitio y optimizar los enlaces en consecuencia.
Encuentre palabras clave objetivo
con la Keyword Magic Tool, la base de datos de palabras clave más grande del mercado
5. Compruebe sus enlaces regularmente
Los enlaces Href que no funcionan correctamente ofrecen una mala experiencia de usuario. Y pueden dañar su SEO. Por lo tanto, es importante comprobar los de su sitio regularmente.
Incluso el error más pequeño en su HTML puede causar problemas. Además, los hipervínculos pueden deteriorarse con el tiempo a medida que los destinos de los enlaces se cambian o eliminan.
Con la herramienta Site Audit de Semrush, puede comprobar problemas de enlaces a gran escala.
Después de configurar, busque el informe de “Enlaces internos” y haga clic en “Ver detalles.”
”.
- Luego, mire los “Problemas de enlaces internos” para ver si tiene: Enlaces rotos
- (enlaces que apuntan a un destino inexistente)
- Demasiados enlaces en la página (más de 3.000 enlaces en una sola página)
- Enlaces internos con atributos nofollowPáginas huérfanas ( sitemap
- páginas sin enlaces internos que apunten a ellas)
Enlaces con texto de anclaje faltante o no descriptivo
Y muchos otros problemas.Haga clic en “Más información” o “Por qué y cómo solucionarlo
” junto a cualquier problema para obtener más contexto.O haga clic en el botón “# problemas
” para ver las URL afectadas.Utilice las casillas de verificación y el botón “Enviar a… ” para crear tareas en Semrush CRM, Trello o Zapier. (Asegúrese de configurar la integración primero.)
O oculte los problemas que no necesitan resolución.
No olvide revisar otros informes en Site Audit. Para encontrar y solucionar otros SEO técnico problemas en su sitio.
Y vuelva a ejecutar la auditoría cada mes o con más frecuencia. Para detectar cualquier problema nuevo que surja.
Servicio relacionado: SEO (optimización para buscadores)