Enlaces A Href: qué son y cómo utilizarlos
¿Qué es un enlace A Href?
Un “enlace 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 están definidos por la etiqueta inicial <a> y la etiqueta final </a>.
El atributo href (atributo de referencia de hipertexto) define el destino del enlace. Suele ser la URL de una 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, se trata de texto de anclaje (por ejemplo, “Semrush”). Pero puede ser un elemento HTML, como una imagen.
Su sistema de gestión de contenidos (CMS) puede tener herramientas que eliminen la necesidad de codificar enlaces href manualmente. Pero es útil comprender cómo funcionan detrás de escena.
Consejo: Compruebe si hay 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.
Buscar y solucionar problemas de enlaces
con la herramienta de auditoría del sitio
Pruébalo gratis →
¿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 agregar a su sitio web: enlaces internos y enlaces externos. Y los enlaces href le permiten crear ambos.
Los enlaces internos son hipervínculos a ubicaciones o recursos de su dominio.
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 enlaces internos de forma eficaz, anima a los usuarios a explorar su sitio. Esto podría 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 de su dominio. Y entender cómo encajan. Esto puede conducir a una clasificación más alta en las páginas de resultados de los motores de búsqueda (SERP).
Los 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 al vincular fuentes confiables. O comparta 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 a mejorar la clasificación de los sitios web. Pero muchos profesionales de SEO creen que sí.
5 mejores prácticas para enlaces A Href
Al crear enlaces href, siga estas mejores prácticas para garantizar que sus hipervínculos funcionen correctamente. Y beneficie 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, 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, así:
href=”valor”
Exploremos los principales tipos 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 concisos. Y aún pueden funcionar después de una migración del sitio.
Sin embargo, recomendamos utilizar URL absolutas con 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á utilizar URL absolutas al agregar enlaces externos.
Pero también son útiles para los enlaces internos. Porque siempre puedes vincular 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. Entonces puede ayudar a tu SEO.
En un vídeo de Google, John Mueller dijo que vincular a URL canónicas “probablemente tenga un poco más de sentido, porque entonces no tienes que preocuparte de cosas como que [Google o los usuarios] accedan a la versión que no es 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, proporcione el elemento que desea vincular a un atributo de identificación (id=”id-name”).
Como esto:
<h2 id=”faqs”>Preguntas frecuentes</h2>
Luego, cree el enlace utilizando #id-name como valor href.
Al igual que:
<a href=”#faqs”>ir a nuestras Preguntas frecuentes</a>
Alternativamente, use href=”#top” o href=”#” para crear un salto a la parte superior de la página.
Enlaces de correo
El atributo href=”mailto:” crea un enlace mailto que abre un nuevo correo electrónico en el programa de correo electrónico del usuario.
Normalmente se utiliza en combinación con un objetivo.
y dirección de correo electrónico.
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>
Al hacer clic en el hipervínculo se crea un borrador de correo electrónico como este:
También puede agregar parámetros como una línea de asunto, contenido del cuerpo y dirección CC al código href.
Supongamos que desea que los solicitantes de empleo envíen su currículum a jobs@example.com con el asunto “Rol de desarrollador web”.
Para hacerlo más fácil, puedes agregar un enlace HTML como este:
<a href=”mailto:jobs@example.com?subject=Web%20Developer%20Role”>Solicitar ahora</a>
Tenga en cuenta que se utiliza “%20″ en lugar de espacios. Este es un ejemplo de codificación de URL, un proceso que ayuda a garantizar que los parámetros funcionen correctamente.
Enlaces telefónicos
Para crear un enlace de teléfono, utilice el atributo href=”tel:” en combinación con el número de teléfono.
Al igual que:
Cuando el usuario hace clic en el hipervínculo en un dispositivo compatible, se abrirá el número en su aplicación de marcador. Facilitando que te llamen.
2. Utilice otros atributos de etiquetas de anclaje
El atributo href es importante en un elemento ancla porque define el destino del enlace. Pero puedes agregar otros atributos de etiquetas 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 comprender sus enlaces. Y por tanto beneficiar tu SEO.
Aquí hay una descripción general rápida de los más comunes:
Ejemplo de etiqueta de anclaje Propósito del atributo de anclaje
Descargar Dígale al navegador que descargue el recurso vinculado en lugar de abrirlo. Incluya un nombre de archivo descriptivo entre las comillas. <a href=”ejemplo.pdf” descargar=”Nombre de archivo”>Descargar [PDF]</a>
Rel Informa a los motores de búsqueda sobre la relación de tu sitio con el recurso vinculado. Por ejemplo, rel=”nofollow” pide a los motores de búsqueda que eviten tratar el enlace como un respaldo de la página vinculada. (Este es un concepto importante en la construcción de enlaces). <a href=”https://www.example.com/” rel=”nofollow”>Texto de anclaje</a>
Destino 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>
Título Muestra información sobre herramientas cuando el usuario pasa el cursor sobre el enlace. Incluya el texto de información sobre herramientas entre comillas. <a href=”https://www.semrush.com/” title=”página de inicio de Semrush”>Semrush</a>
Consejo: Ciertos tipos de enlaces de otros sitios (vínculos de retroceso) pueden beneficiar tu SEO. Con la herramienta Backlink Analytics de Semrush, puede analizar fácilmente sus vínculos de retroceso y compararlos con los de la competencia.
Obtenga información sobre los perfiles de vínculo de retroceso
con la herramienta de análisis de vínculos de retroceso
Pruébalo gratis →
3. Utilice la sintaxis correcta
Es esencial utilizar la sintaxis correcta al crear enlaces href. Si no pones las cosas en el orden correcto, tu hipervínculo no funcionará como se esperaba.
La sintaxis de Href funciona así:
Inicie el enlace a href con <a
Agregue atributos con el formato correcto dentro de la etiqueta de inicio
Deje un espacio antes de cada atributo de etiqueta de anclaje
Utilice comillas rectas (no rizadas)
Cierra la etiqueta de inicio con >
Añade tu contenido ancla
Termina la etiqueta con </a>
Consejo: Obtenga más información sobre otras etiquetas y cómo usarlas con nuestra hoja de referencia HTML y guía de HTML semántico.
4. Optimice el contenido ancla
El contenido ancla es el contenido al que se adjunta un enlace. Por eso es importante que tenga sentido en su página.
Además, los motores de búsqueda utilizan contenido ancla para comprender de qué se trata la página vinculada. Optimizarlo constantemente puede mejorar tu SEO.
En muchos casos, los enlaces se adjuntan a un texto de anclaje (también conocido como texto de enlace HTML).
Como esto:
<a href=”https://www.example.com/”>Anclar texto aquí</a>
Intente evitar el texto de anclaje genérico, como “Haga clic aquí”.
En su lugar, utilice texto de anclaje descriptivo. Ayudar a los usuarios y motores de búsqueda a comprender de qué se trata el recurso vinculado.
Al vincular a otras páginas de su sitio, utilice palabras clave de destino en el texto ancla cuando sea natural. Esto puede ayudarle a establecer la relevancia y mejorar su clasificación en Google.
Para crear un enlace de imagen en HTML, agregue un elemento de imagen a la etiqueta de anclaje. (En lugar de texto de anclaje).
E incluye texto alternativo. Así, los motores de búsqueda y las personas que utilizan lectores de pantalla saben lo que 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”></ un>
Puede utilizar SVG, texto con estilo y otros elementos HTML como contenido ancla.
Consejo: realice una investigación de palabras clave con la herramienta mágica de palabras clave de Semrush. Identificar palabras clave objetivo para cada página de su sitio y optimizar los enlaces en consecuencia.
Buscar palabras clave de destino
con Keyword Magic Tool, la base de datos de palabras clave más grande del mercado
Pruébalo gratis →
5. Revise sus enlaces con regularidad
Los enlaces Href que no funcionan correctamente proporcionan una mala experiencia de usuario. Y puede dañar tu SEO. Por eso es importante comprobar periódicamente los que se encuentran en su sitio.
Incluso el más mínimo error en tu 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, puedes comprobar si hay problemas con los enlaces en sca
le.
Después de la configuración, busque el informe “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 3000 enlaces en una sola página)
Enlaces internos con atributos nofollow
Páginas huérfanas (páginas de mapas del sitio sin enlaces internos que apunten a ellas)
Enlaces con texto de anclaje faltante o no descriptivo
Y muchas otras cuestiones.
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).
U ocultar problemas que no es necesario resolver.
No olvide consultar otros informes en Auditoría del sitio. Para encontrar y solucionar otros problemas técnicos de SEO en su sitio.
Y vuelva a ejecutar la auditoría cada mes o más. Para captar cualquier problema nuevo que surja.
Related Posts
Leave A Comment
Lo siento, debes estar conectado para publicar un comentario.
