¿Qué es una etiqueta de anclaje?
Una etiqueta de anclaje es una etiqueta HTML. Se utiliza para definir el principio y el final de un enlace de hipertexto. Los motores de búsqueda utilizan la etiqueta para determinar el tema de la URL de destino. Los usuarios hacen clic en el texto de anclaje para llegar al objetivo del enlace.
Cómo construir un hipervínculo con una etiqueta de anclaje en HTML
<a href="http://www.example.com">My sample page </a>
Una etiqueta de anclaje se define con y consta de tres partes:
- el atributo href,
- el atributo name,
- y el atributo target.
Atributo href
Para crear un hipervínculo, se debe conocer el destino (dirección) del documento. Un hipervínculo puede enlazar a páginas de su propio dominio, a otros sitios web o a un archivo (como un documento PDF).
Por ejemplo, para enlazar a la página principal de Google, el código es el siguiente:
<a href="http://www.google.com">Google Home</a>
Href significa referencia de hipertexto. Este atributo define la dirección de destino del documento, al que esta vez se enlaza (http://www.google.com). El signo «=» es la conexión del atributo con el valor del atributo, por lo que «href» es el atributo y » http://www.google.com » es el valor del atributo. Hay un apóstrofe antes y después del valor del atributo. La frase definida «Google Home» se conoce como el texto de anclaje o texto de enlace – esto es lo que es visible y se puede hacer clic para el usuario. Un texto de anclaje es idealmente conciso, informativo y relevante para la página de destino.
Si quieres enlazar internamente a otra parte de tu sitio web, no tienes que especificar la dirección completa, en este caso el nombre del archivo es suficiente:
<a href="MyPage.html">My page</a>
Usar la dirección completa podría hacer que la página se cargue más lentamente. Véase también «Velocidad del sitio»
Atributo de nombre
El atributo de nombre de la etiqueta de anclaje puede utilizarse para que los usuarios puedan «saltar» a un punto específico de una página (marcador de salto, ancla). Esto es especialmente útil con páginas grandes o subdivisiones.
El código HTML tiene el siguiente aspecto:
<a name="to top"></a> or<a name="Content"></a>Content
En el primer ejemplo de código, se enlaza desde la parte inferior de una página hasta el principio, para que los usuarios puedan llegar rápidamente a la parte superior de la página sin tener que desplazarse durante mucho tiempo. En el segundo ejemplo, los usuarios pueden acceder directamente a una parte de la página, por ejemplo un punto de subdivisión. Al hacer clic, los usuarios son guiados a través del atributo de nombre directamente al tema.
<a href="#Content">Content</a>
Simplemente poniendo una etiqueta hash (#) en el nombre del ancla, el navegador puede identificar un salto dentro de la página.
También se puede enlazar internamente a un lugar específico de otra página. Esto se definiría de la siguiente manera:
<a href="anotherpage.html#name">Linktext</a>
El «#nombre» se especifica después del nombre del archivo.
Atributo de destino
El atributo de destino especifica cómo se debe abrir la página de destino o el documento de destino. «target=» _ blank » se utiliza para la apertura de la página de destino en una nueva pestaña. Esta es la opción habitual cuando se utilizan atributos de destino para enlazar a otras páginas.
<a href="http://www.mypage.com" target="_blank" rel="noopener">Linktext</a>
Atributo de título
El atributo de título da a los usuarios una indicación importante sobre a dónde serán dirigidos cuando hagan clic en un enlace. Si el usuario pasa el ratón por encima de una referencia de enlace, se mostrará el texto del título, que se definió en el atributo. Puede ser un consejo de herramienta o una descripción del recurso al que dirige el enlace. Los datos del atributo title hacen que el sitio sea más fácil de usar.
El atributo title también se puede utilizar para imágenes y archivos gráficos para dar una breve descripción de lo que se muestra en la imagen.
<img title="Here you can see a sample image" src="exampleimage.png" alt="sample image">
Importancia para la optimización de los motores de búsqueda
La cadena de «preparación» en la referencia HTML superior es el texto del enlace que es visible en el cuerpo del texto de un sitio web y puede aparecer como texto azul o subrayado, dependiendo del diseño. El texto de enlace también se llama texto de anclaje y es particularmente importante desde la perspectiva de la optimización de los motores de búsqueda. El texto de anclaje forma parte de la etiqueta de anclaje.
Las etiquetas de anclaje son una forma esencial de optimizar los documentos HTML para los motores de búsqueda. El texto de anclaje y los atributos del título dan a los usuarios y a los motores de búsqueda más información sobre el enlace de destino. Al igual que con las URLs limpias, es esencial llevar a cabo una investigación de palabras clave para los textos de anclaje de los enlaces internos, ya que si las palabras clave importantes se colocan aquí, esto puede beneficiar tanto a los usuarios como a los motores de búsqueda, lo que lleva a una mejor clasificación.
La diferenciación entre los enlaces internos y los enlaces externos es particularmente importante para las etiquetas de anclaje. Por ejemplo, no hay ninguna restricción en el uso de palabras clave en el texto de anclaje para los enlaces internos. Los webmasters y SEOs pueden enlazar directamente palabras clave individuales sin arriesgarse a ser penalizados por los motores de búsqueda. Al vincular palabras clave específicas en el sitio web, se puede reforzar la relevancia temática de una subpágina y, por lo tanto, se puede influir en el ranking.
Con los backlinks, por otro lado, el uso excesivo de enlaces de palabras clave puede conducir a una penalización por parte de Google desde la implementación de las actualizaciones de Penguin.
El atributo de título para las etiquetas de anclaje generalmente no tiene un efecto directo en el SEO. Sin embargo, el uso de atributos y elementos de título en enlaces o imágenes puede aumentar la tasa de clics y, por lo tanto, afectar indirectamente a las señales de usuario que Google recibe del sitio web.