Hipervínculos: definición y tipos

Grosso modo, con el término hipertexto, acuñado por el filósofo norteamericano Ted Nelson, se hace referencia a un texto no necesariamente lineal que enlaza a otros textos por medio de hiperenlaces.

El sistema de hipertexto más extendido del mundo lo constituye la World Wide Web (WWW), en la que los enlaces se implementan gracias al lenguaje de marcado HTML, enlazando páginas web y otros recursos entre ellos. A continuación nos centramos en los enlaces integrados en los documentos web, explicando su estructura, características y utilización.

Los hyperlinks se implementan en los documentos HTML con ayuda de los elementos <a> y <link>. Mientras que el elemento <a> define la posición de un hiperenlace en el cuerpo (body) de un documento HTML, el elemento <link> se utiliza en el encabezado (head) para definir la relación con otros documentos y recursos.

No obstante, nos centraremos en el elemento <a> y, de este modo, en los hipervínculos en el body de HTML, que son los que pueden ver los usuarios en el texto y sobre los cuales pueden clicar, constituyendo un componente necesario para navegar por Internet junto a la barra de direcciones del navegador y el campo de entrada de los buscadores.

Con ayuda del elemento ancla a los enlaces se implementan en el cuerpo de HTML siguiendo el esquema básico:

Como es característico del lenguaje HTML, el elemento a está formado por una etiqueta de inicio y una de cierre comprendidas entre los signos de mayor que y menor que (<>). Estas dos etiquetas encierran el llamado linktext o texto de enlace, es decir, el elemento visible sobre el que los usuarios pueden clicar. No obstante, también es posible utilizar elementos de imagen con hyperlinks, en cuyo caso las etiquetas de inicio y cierre del elemento a delimitan al código HTML de incrustación de la gráfica.

Normalmente, el elemento a no solo sirve para definir el anchor del hiperenlace o el punto de partida para el vínculo, sino también su destino, definido con el atributo href, que exige un valor de identificación único o URI (Uniform Resource Identifier). Con frecuencia se corresponde con el URL de un recurso web o con una etiqueta de salto que lleva a otra parte del mismo documento. Tanto los atributos HTML como sus valores se separan y definen en la etiqueta de inicio del elemento HTML correspondiente mediante un espacio.

En los dos ejemplos anteriores los vínculos enlazan con una página web con el URL «https://www.ejemplo.org», transmisión que tiene lugar por HTTPS. Este tipo de hipervínculo lleva a los usuarios de Internet hasta el inicio de la web enlazada.

Si, por el contrario, se quiere dirigir al visitante a un destino interno en el documento, se utilizaría una marca HTML como la que aparece en el siguiente esquema.

Hay que tener en cuenta que a partir de HTML5, para definir el destino del link dentro de un mismo documento debe utilizarse como etiqueta de salto un identificador (ID). En HTML4 se usa el atributo name en el elemento a.

Si lo que se pretende es enlazar una etiqueta de salto en un documento externo, hay que combinar el URL de la página de destino con una almohadilla (#) y el ID correspondiente de la marca de salto deseada.

En principio, el elemento a no exige ningún componente obligatorio, claro está que, cuando hay que implementar un enlace, se requiere indicar su destino con href. Además, el elemento a puede combinarse con diversos atributos que solo se implementarán en caso de que los usuarios o los agentes de usuario requieran información adicional.

Al enlazar las páginas web, los hipervínculos se utilizan respondiendo a diferentes funciones. La comunidad de Internet diferencia principalmente entre los links internos y externos. Los primeros se usan para definir referencias a subpáginas dentro de un mismo dominio y los segundos para las remisiones a webs con un dominio diferente.

A primera vista, los links internos y externos son esenciales para la navegación de los usuarios en la Web. No obstante, otro de los usos que se les atribuye en el marco de la optimización en buscadores  (Search Engine Optimization, abreviado SEO) vino de la mano del éxito de Google. Los bots, especialmente los rastreadores de los motores de búsqueda, usan enlaces para abrir las páginas webs y evaluar las conexiones a otros recursos web. Por ello, durante mucho tiempo sirvieron como criterio central para determinar la relevancia de las páginas y, por tanto, fueron decisivos para el ranking en los buscadores.

No obstante, en la actualidad se ha reducido el valor de los hyperlinks, pues los algoritmos de los buscadores más recientes recurren a diferentes factores de ranking para presentar a los usuarios los resultados más relevantes. Sin embargo, los enlaces internos y externos siguen desempeñando un papel muy importante para la optimización en buscadores.

La organización de enlaces internos dentro de un proyecto web se conoce como estructura de enlaces, estratégicamente organizada para dirigir el flujo de visitas por una trayectoria prestablecida o ruta de clic.

Normalmente, las rutas de clic se establecen con un objetivo concreto. Por ejemplo, los proveedores de una tienda online quieren vender productos y servicios, conseguir suscriptores a la newsletter o animar a las visitas a participar en un sorteo.

Con el término de enlaces entrantes o de retroceso, inbound links o backlinks, se hace referencia a las remisiones que otros dominios hacen a una página web. El conjunto de todos los vínculos de retroceso construyen el conocido perfil de enlaces de una web.

Dependiendo del destino del enlace, los links del perfil de enlaces se agrupan en:

• Surface links (enlaces de superficie)

• Deep links (enlaces profundos)

El término surface links hace referencia a las remisiones a la página de inicio o de destino de una web concreta. Por el contrario, los deep links bien pueden enlazar con una de las subpáginas, bien con el contenido multimedia de la web: vídeos, imágenes o descargas de documentos PDF. En este caso también se habla de enlaces multimedia.