Atributos de enlaces HTML para mejorar el SEO

Autor: | Última modificación: 11 de mayo de 2022 | Tiempo de Lectura: 4 minutos
Temas en este post:

Existe mucha información en la web sobre cómo mejorar el SEO. Sin embargo, sabemos que los algoritmos de Google son a veces indescifrables y que debemos aferrarnos a lo que funciona hasta el momento. Por eso, vamos a ver cuáles son los atributos de enlaces HTML para mejorar el SEO que, por el momento, te pueden resultar útiles.

Enlaces HTML para mejorar el SEO

Empecemos por la estructura básica de un enlace y veamos cómo podemos crearlos para que nos posicione mejor las keywords de una página web. El siguiente es un ejemplo de un enlace sencillo:

<a href="https://keepcoding.io/nuestros-bootcamps/">"Texto ancla"</a>

Generalmente, es una muy buena práctica SEO poner la keyword que queremos posicionar en el título del enlace. En el código anterior, «Texto ancla» sería el título del enlace. Así que, si realizamos un artículo que tiene como palabra clave los mejores bootcamps de programación, debemos poner esa palabra en el texto ancla. Asó quedaría:

<a href="https://keepcoding.io/nuestros-bootcamps/">Mejores bootcamps de programación</a>

Y así quedaría nuestro enlace Mejores bootcamps de programación

El ejemplo anterior es una práctica obligatoria para darle relevancia a las keywords respecto a los motores de búsqueda.

¿Qué es Pagerank?

Antes de seguir con los siguientes atributos de enlaces HTML para mejorar el SEO, vamos a conocer el sistema que usa Google para evaluar las páginas y posicionarlas. Hablamos del sistema de puntuación PageRank, que forma parte del algoritmo del buscador. Lo que hace Pagerank es puntuar en una escala de 1 a 10 a las páginas web. Para determinar la puntuación, se basa en los siguientes factores:

  • Velocidad de la carga de página.
  • Estructura de la página.
  • Frecuencia de actualización de la página.
  • Valor del contenido.
  • Visitas totales.
  • Diseño de la página.

El factor más importante tiene que ver con los enlaces salientes y recibidos de la página web. Por eso es tan importante conocer este sistema antes de abordar los atributos de enlaces HTML para mejorar el SEO.

Atributo target

Uno de los atributos de los enlaces HTML más comunes es el target. De la mano de este atributo encontramos el valor _blank. Antes de seguir, debes saber que target es un atributo que indica cómo o dónde debemos abrir el recurso enlazado, mientras que el valor _blank le indica al navegador que debe abrir el recurso en una nueva pestaña o ventana.

Si miramos un poco en la historia, el atributo target=_blank ocasionó una serie de problemas para los desarrolladores web. Resulta que, cuando un enlace se usaba con este atributo, quedaba vulnerable para un ataque de phishing, más conocido como tabnabbing.

Debido a esto, los editores de texto enriquecido empezaron a utilizar dos atributos de forma obligatoria: noopener y noreferrer.

Cabe señalar que el atributo target no mejora el SEO de nuestra página web, pero veamos qué pasa con estos otros atributos:

Noopener

Este atributo se usa para los enlaces que se abren en una pestaña nueva. Se creó como mecanismo de defensa para evitar que las nuevas pestañas obtengan información y control sobre la página original. Así se vería un enlace con este atributo:

<a href="https://www.keepcoding.io" target="_blank" rel="noopener">Visita Keepcoding</a>

Actualmente, todo enlace que se abra en una nueva pestaña se trata como noopener.

Si evaluamos su impacto en SEO, podemos decir que es nulo.

noreferrer

Se usa en conjunto con el atributo noopener. Le indica al navegador que no debe compartir la información de la web que enlaza el documento de destino.

<a href="https://www.keepcoding.io" target="_blank" rel="noreferrer">Visita Keepcoding</a>

De entrada, debes saber que el atributo noreferrer no tiene impacto en el SEO. Sin embargo, sí que tiene un problema con las analíticas de la página web. Al no entregar datos de la página de procedencia del enlace, las analíticas indicarán que el tráfico de referencia es directo.

nofollow

El atributo indica que el autor de la página actual no tiene relación, no respalda o no tiene control sobre el recurso enlazado y, sobre todo, le indica a los motores de búsqueda que lo ignoren y no sigan ese enlace. Por lo tanto, para las arañas de Google, es un enlace invisible y, por esto, PageRank no tiene en cuenta estos enlaces para puntuar la página.

<a href="https://www.keepcoding.io" target="_blank" rel="nofollow">Visita Keepcoding</a>

Por ende, este atributo sí afecta el SEO de una página web, entonces ¿por qué usarlo? Resulta que es muy útil utilizarlo en enlaces a páginas que queremos que no sean rastreadas por PageRank, por ejemplo:

  • Páginas de inicio de sesión.
  • Páginas de comentarios.
  • Páginas administrativas.
  • Enlaces de pago.
  • Enlaces a páginas de baja reputación.
  • Páginas de políticas de privacidad.

En palabras sencillas, nofollow nos puede servir para filtrar las páginas que queremos que sean indexadas por Google y las que no.

dofollow

Aunque esto no es propiamente un atributo y no lo definimos en un enlace, se conoce como el opuesto al nofollow. A diferencia del nofollow, Pagerank sí analiza estos enlaces y mejoran la calificación de una página web. Los enlaces dofollow son los más sencillos y son los enlaces HTML para mejorar el SEO por excelencia.

<a href="https://www.keepcoding.io" target="_blank" rel="noopener">Visita Keepcoding</a>

Lleva el SEO a otro nivel

El SEO es un conjunto de ideas empíricas que funcionan para mejorar el posicionamiento de una página web. Sin embargo, no hay ninguna teoría para el SEO totalmente confiable, aunque sí hay unas buenas prácticas con los enlaces HTML para mejorar el SEO. Si quieres aprender más sobre este tema, te recomiendo que mejores tus habilidades con nuestro Bootcamp Desarrollo Web Full Stack. ¡Inscríbete ahora y conviértete en un experto!

👉 Descubre más del Desarrollo Web Full Stack Bootcamp ¡Descarga el temario!

👉 Prueba el Bootcamp Gratis por una Semana ¡Empieza ahora mismo!

👉 Conoce nuestros otros Bootcamps en Programación y Tecnología

[email protected]

¿Sabías que hay más de 40.000 vacantes para desarrolladores de software sin cubrir en España? 

En KeepCoding llevamos desde 2012 guiando personas como tú a áreas de alta empleabilidad y alto potencial de crecimiento en IT con formación de máxima calidad.

 

Porque creemos que un buen trabajo es fuente de libertad, independencia, crecimiento y eso ¡cambia historias de vida!


¡Da el primer paso! 

¿Sabías que hay más de 40.000 vacantes para desarrolladores web sin cubrir en España? 

En KeepCoding llevamos desde 2012 guiando personas como tú a áreas de alta empleabilidad y alto potencial de crecimiento en IT con formación de máxima calidad.

 

Porque creemos que un buen trabajo es fuente de libertad, independencia, crecimiento y eso ¡cambia historias de vida!


¡Da el primer paso!