Hi­pe­r­ví­ncu­los: de­fi­ni­ción, es­tru­c­tu­ra y tipos

Grosso modo, con el término hi­pe­r­te­x­to, acuñado por el filósofo no­r­te­ame­ri­cano Ted Nelson, se hace re­fe­re­n­cia a un texto no ne­ce­sa­ria­me­n­te lineal que enlaza a otros textos por medio de hi­pe­re­n­la­ces. El sistema de hi­pe­r­te­x­to más extendido del mundo lo co­n­s­ti­tu­ye la World Wide Web (WWW), en la que los enlaces se im­ple­me­n­tan gracias al lenguaje de marcado HTML, enlazando páginas web y otros recursos entre ellos. A co­n­ti­nua­ción nos centramos en los enlaces in­te­gra­dos en los do­cu­me­n­tos web, ex­pli­ca­n­do su es­tru­c­tu­ra, ca­ra­c­te­rí­s­ti­cas y uti­li­za­ción.

Los hy­pe­r­li­n­ks se im­ple­me­n­tan en los do­cu­me­n­tos HTML con ayuda de los elementos <a> y <link>. Mientras que el elemento <a> define la posición de un hi­pe­re­n­la­ce en el cuerpo (body) de un documento HTML, el elemento <link> se utiliza en el en­ca­be­za­do (head) para definir la relación con otros do­cu­me­n­tos y recursos.

No obstante, nos ce­n­tra­re­mos en el elemento <a> y, de este modo, en los hi­pe­r­ví­ncu­los en el body de HTML, que son los que pueden ver los usuarios en el texto y sobre los cuales pueden clicar, co­n­s­ti­tu­ye­n­do un co­m­po­ne­n­te necesario para navegar por Internet junto a la barra de di­re­c­cio­nes del navegador y el campo de entrada de los bu­s­ca­do­res.

Con ayuda del elemento ancla a los enlaces se im­ple­me­n­tan en el cuerpo de HTML siguiendo el esquema básico:

Como es ca­ra­c­te­rí­s­ti­co del lenguaje HTML, el elemento a está formado por una etiqueta de inicio y una de cierre co­m­pre­n­di­das 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 hy­pe­r­li­n­ks, en cuyo caso las etiquetas de inicio y cierre del elemento a delimitan al código HTML de in­cru­s­ta­ción de la gráfica.

No­r­ma­l­me­n­te, el elemento a no solo sirve para definir el anchor del hi­pe­re­n­la­ce o el punto de partida para el vínculo, sino también su destino, definido con el atributo href, que exige un valor de ide­n­ti­fi­ca­ción único o URI (Uniform Resource Ide­n­ti­fier). Con fre­cue­n­cia se co­rre­s­po­n­de 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 co­rre­s­po­n­die­n­te mediante un espacio. En los dos ejemplos an­te­rio­res los vínculos enlazan con una página web con el URL "https://www.ejemplo.org", tra­n­s­mi­sión que tiene lugar por HTTPS. Este tipo de hi­pe­r­ví­ncu­lo 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 uti­li­za­rí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 uti­li­zar­se como etiqueta de salto un ide­n­ti­fi­ca­dor (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 al­moha­di­lla (#) y el ID co­rre­s­po­n­die­n­te de la marca de salto deseada.

En principio, el elemento a no exige ningún co­m­po­ne­n­te obli­ga­to­rio, claro está que, cuando hay que im­ple­me­n­tar un enlace, se requiere indicar su destino con href. Además, el elemento a puede co­m­bi­nar­se con diversos atributos que solo se im­ple­me­n­ta­rán en caso de que los usuarios o los agentes de usuario requieran in­fo­r­ma­ción adicional.

En la tabla que aparece a co­n­ti­nua­ción se presentan los atributos más re­le­va­n­tes del elemento a.

Al enlazar las páginas web, los hi­pe­r­ví­ncu­los se utilizan re­s­po­n­die­n­do a di­fe­re­n­tes funciones. La comunidad de Internet di­fe­re­n­cia pri­n­ci­pa­l­me­n­te entre los links internos y externos. Los primeros se usan para definir re­fe­re­n­cias a su­b­pá­gi­nas dentro de un mismo dominio y los segundos para las re­mi­sio­nes a webs con un dominio diferente. A primera vista, los links internos y externos son ese­n­cia­les para la na­ve­ga­ción de los usuarios en la Web. No obstante, otro de los usos que se les atribuye en el marco de la op­ti­mi­za­ción en bu­s­ca­do­res  (Search Engine Op­ti­mi­za­tion, abreviado SEO) vino de la mano del éxito de Google. Los bots, es­pe­cia­l­me­n­te los ra­s­trea­do­res de los motores de búsqueda, usan enlaces para abrir las páginas webs y evaluar las co­ne­xio­nes a otros recursos web. Por ello, durante mucho tiempo sirvieron como criterio central para de­te­r­mi­nar la re­le­va­n­cia de las páginas y, por tanto, fueron decisivos para el ranking en los bu­s­ca­do­res. No obstante, en la ac­tua­li­dad se ha reducido el valor de los hy­pe­r­li­n­ks, pues los al­go­ri­t­mos de los bu­s­ca­do­res más recientes recurren a di­fe­re­n­tes factores de ranking para presentar a los usuarios los re­su­l­ta­dos más re­le­va­n­tes. Sin embargo, los enlaces internos y externos siguen de­sem­pe­ña­n­do un papel muy im­po­r­ta­n­te para la op­ti­mi­za­ción en bu­s­ca­do­res.

La or­ga­ni­za­ción de enlaces internos dentro de un proyecto web se conoce como es­tru­c­tu­ra de enlaces, es­tra­té­gi­ca­me­n­te or­ga­ni­za­da para dirigir el flujo de visitas por una tra­ye­c­to­ria pre­s­ta­ble­ci­da o ruta de clic.

No­r­ma­l­me­n­te, las rutas de clic se es­ta­ble­cen con un objetivo concreto. Por ejemplo, los pro­vee­do­res de una tienda online quieren vender productos y servicios, conseguir su­s­cri­p­to­res a la ne­w­s­le­t­ter o animar a las visitas a pa­r­ti­ci­par en un sorteo.

Existen di­fe­re­n­tes formas de es­tru­c­tu­rar los enlaces internos, tales como la es­tru­c­tu­ra linear, la es­tru­c­tu­ra de árbol, la es­tru­c­tu­ra en estrella y la es­tru­c­tu­ra reticular:

• Es­tru­c­tu­ra linear: en este tipo de es­tru­c­tu­ras las su­b­pá­gi­nas de un proyecto web se enlazan de tal forma que componen una ruta pre­de­fi­ni­da. Los vi­si­ta­n­tes pasan de una página web a otra siempre en el orden previsto por el proveedor, que tiene el máximo control sobre la ruta. No obstante, los vi­si­ta­n­tes se pueden sentir limitados con este tipo de es­tru­c­tu­ra interna y no­r­ma­l­me­n­te se aplica en proyectos web dinámicos como blogs.

• Es­tru­c­tu­ra de árbol: se basa en un esquema en el que las su­b­pá­gi­nas de un proyecto están ordenadas je­rá­r­qui­ca­me­n­te. Este tipo de es­tru­c­tu­ra es común en las tiendas online. El visitante accede no­r­ma­l­me­n­te a una página de destino op­ti­mi­za­da para el buscador, a co­n­ti­nua­ción clica sobre la página de la categoría deseada y después sobre el producto buscado. La or­ga­ni­za­ción temática de la web (categoría, su­b­ca­te­go­ría, producto, artículo) se va es­pe­cia­li­za­n­do conforme el cliente potencial avanza a un nivel inferior de la es­tru­c­tu­ra je­ra­r­qui­za­da.

• Es­tru­c­tu­ra en estrella: se llama así a aquellas es­tru­c­tu­ras en las que una página web enlaza con otras páginas pe­r­te­ne­cie­n­tes al mismo proyecto web sin que exista una jerarquía, es decir, en este tipo de es­tru­c­tu­ras todas las su­b­pá­gi­nas son equi­va­le­n­tes. Se suele aplicar a las en­ci­clo­pe­dias online como Wikipedia, ya que cada usuario encuentra en un artículo hi­pe­re­n­la­ces a otros re­la­cio­na­dos en el que la entrada enlazada sigue la misma es­tru­c­tu­ra ex­pli­ca­ti­va que las páginas an­te­rio­res, quedando en manos del lector decidir en qué tema quiere pro­fu­n­di­zar más.

• Es­tru­c­tu­ra reticular: aquellas es­tru­c­tu­ras que presentan forma de red se ca­ra­c­te­ri­zan porque todas las su­b­pá­gi­nas de un proyecto web están enlazadas entre sí, por lo que el visitante tiene en todo momento la opción de acceder a la subpágina deseada.

No se puede olvidar que las es­tru­c­tu­ras de enlaces pre­se­n­ta­das son modelos ab­s­tra­c­tos y que los ope­ra­do­res web no­r­ma­l­me­n­te recurren a es­tru­c­tu­ras mixtas en las que se combinan di­fe­re­n­tes es­tra­te­gias. Así, por ejemplo, una página web de venta online que siga una es­tru­c­tu­ra de árbol puede a su vez tener un esquema or­ga­ni­za­ti­vo reticular en los menús de na­ve­ga­ción, barras laterales o pies de página, lo que le permite al usuario abandonar la ruta de clic en la que se encuentre en cualquier momento y cambiar a otra categoría, producto o servicio.

Los hi­pe­r­ví­ncu­los internos tienen una im­po­r­ta­n­cia si­g­ni­fi­ca­ti­va para la usa­bi­li­dad de una web. Un proyecto web con una es­tru­c­tu­ra de enlaces adecuada ofrece a los usuarios la ruta más corta para llegar a los co­n­te­ni­dos que buscan y a su vez los invita a conocer otros ámbitos de la web. Asimismo, una buena es­tru­c­tu­ra de enlaces trae también consigo el in­cre­me­n­to del tiempo de pe­r­ma­ne­n­cia de los vi­si­ta­n­tes en la página web. Por eso, los expertos en SEO dan mucha im­po­r­ta­n­cia a la or­ga­ni­za­ción de enlaces, co­n­si­de­rá­n­do­la un factor esencial para un buen po­si­cio­na­mie­n­to en los bu­s­ca­do­res.

Los vínculos externos son aquellos que enlazan con otras páginas web. Todo enlace que es­ta­ble­z­ca una conexión entre dos dominios di­fe­re­n­tes se puede co­n­si­de­rar, en función de la pe­r­s­pe­c­ti­va, como un enlace entrante o un enlace saliente.

Los enlaces salientes o outbound links son aquellos incluidos en una web que remiten a los recursos web de otro dominio y que suelen usarse como listado de fuentes o re­co­me­n­da­cio­nes para ampliar y dar cre­di­bi­li­dad al contenido de la propia web.

Hay que tener en cuenta que el uso de enlaces salientes puede ir en de­tri­me­n­to de la propia web, dado que se pone a di­s­po­si­ción del visitante otra web diferente y, en co­n­se­cue­n­cia, se corre el riesgo de que este pe­r­ma­ne­z­ca en ella y se olvide de la “web de origen”, hecho que se puede remediar con el atributo HTML target. Siguiendo el esquema que aparece a co­n­ti­nua­ción para im­ple­me­n­tar los links externos, el destino del enlace se abrirá en una pestaña o ventana diferente de­pe­n­die­n­do de los ajustes del navegador, de modo que la web de origen sigue apa­re­cie­n­do también en él, evitando que los vi­si­ta­n­tes la pierdan de vista.

Una de las de­s­ve­n­ta­jas que conlleva el uso del atributo target es que el visitante no puede decidir dónde quiere que se abra el hyperlink sobre el que acaba de clicar. Los críticos lo ven como una forma de manipular su uso. Si se opta por target="_blank", es necesario utilizar también el atributo rel con el valor noopener por motivos de seguridad:

Aunque una web disponga de una serie de links salientes, no quiere decir que influya di­re­c­ta­me­n­te de forma positiva en el ranking de los bu­s­ca­do­res. Así lo aclaró el empleado de Google John Mueller en mayo de 2016 en la Google We­b­ma­s­te­rs Hangout Session a través de YouTube. No obstante y de acuerdo con Mueller, si los enlaces suponen una plusvalía para los usuarios, la calidad de una web aumenta y, por tanto, no debería re­nu­n­ciar­se co­m­ple­ta­me­n­te a ellos. Si bien Google niega la in­flue­n­cia positiva de los hy­pe­r­li­n­ks salientes, no cabe duda de que bajo de­te­r­mi­na­das ci­r­cu­n­s­ta­n­cias estos sí pueden tener una in­flue­n­cia negativa en el po­si­cio­na­mie­n­to de una web en el buscador. Aquellas webs que destacan por enlazar una serie de links salientes no naturales corren el riesgo de que los bu­s­ca­do­res las cla­si­fi­quen como spam y las penalicen en co­n­se­cue­n­cia.

Los gestores de páginas web deben poner especial atención al elegir de­te­r­mi­na­dos enlaces externos, dado que bajo de­te­r­mi­na­das ci­r­cu­n­s­ta­n­cias enlazar a otras web puede tener co­n­se­cue­n­cias legales. En caso de que se cometa una in­fra­c­ción en relación con los derechos de autor o se im­ple­me­n­ten hi­pe­re­n­la­ces que redirijan a contenido ilegal como ofertas de juegos de azar no pe­r­mi­ti­das, los pro­vee­do­res web pueden vérselas con la ley. Es posible evitar que los bu­s­ca­do­res co­n­si­de­ren los vínculos salientes de la web como re­co­me­n­da­cio­nes, instando al ra­s­trea­dor a ignorar el enlace co­rre­s­po­n­die­n­te. Para ello hay que usar el atributo rel con el valor nofollow, pues los al­go­ri­t­mos de los bu­s­ca­do­res obvian este tipo de enlaces al evaluar la re­le­va­n­cia de una de­te­r­mi­na­da web. Sobre todo se ha es­ta­n­da­ri­za­do este tipo de link en los proyectos web en los que los vi­si­ta­n­tes pueden publicar contenido con hi­pe­r­ví­ncu­los. De este modo los foros online, pla­ta­fo­r­mas de eva­lua­ción, revistas online y wikis se protegen del contenido spam que úni­ca­me­n­te sirve en la co­n­s­tru­c­ción de enlaces en el ámbito del black hat SEO.

Con el término de enlaces entrantes o de retroceso, inbound links o backlinks, se hace re­fe­re­n­cia a las re­mi­sio­nes que otros dominios hacen a una página web. El conjunto de todos los vínculos de retroceso co­n­s­tru­yen el conocido perfil de enlaces de una web.

De­pe­n­die­n­do del destino del enlace, los links del perfil de enlaces se agrupan en:

• Surface links (enlaces de su­pe­r­fi­cie)

• Deep links (enlaces profundos)

El término surface links hace re­fe­re­n­cia a las re­mi­sio­nes 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 su­b­pá­gi­nas, bien con el contenido mu­l­ti­me­dia de la web: vídeos, imágenes o descargas de do­cu­me­n­tos PDF. En este caso también se habla de enlaces mu­l­ti­me­dia.

Los hi­pe­re­n­la­ces de retroceso se di­fe­re­n­cian además según su fuente de enlace. En el ámbito de la op­ti­mi­za­ción en bu­s­ca­do­res se di­fe­re­n­cia entre links de contenido, de barra lateral, de pie de página, de co­me­n­ta­rio o social signals.

• Enlaces de contenido: se trata de los vínculos que remiten al propio dominio desde el contenido de otra página web. Los enlaces de contenido pueden ser de su­pe­r­fi­cie o profundos y no­r­ma­l­me­n­te se usan a modo de re­co­me­n­da­ción de contenido. Los pro­vee­do­res de bu­s­ca­do­res co­n­si­de­ran a este tipo de links como un buen indicador de calidad y re­le­va­n­cia y, por tanto, son muy valiosos en el ámbito de la op­ti­mi­za­ción de bu­s­ca­do­res. En la eva­lua­ción de los links de contenido el buscador tiene en cuenta factores como el texto del enlace, la dirección temática de la web enlazada o la fia­bi­li­dad de la fuente.

• Enlaces de barras laterales y pie de página: son aquellos enlaces que no se insertan di­re­c­ta­me­n­te en el contenido de una web sino en el menú lateral o al final de la página. Por ejemplo, estos tipos de enlaces son de gran utilidad para los blogs que quieren añadir otros blogs de temática similar en la barra lateral, lo que se conoce como blogroll. En las páginas co­r­po­ra­ti­vas los enlaces en el pie de página sirven para enlazar a socios co­me­r­cia­les, clientes, aso­cia­cio­nes, informes de prensa o pa­tro­ci­na­do­res. Dado que los vínculos de la barra lateral y de pie de página se solían utilizar en el pasado pri­n­ci­pa­l­me­n­te como enlaces no naturales, tienen un valor muy reducido en la eva­lua­ción de la re­le­va­n­cia. Si el perfil de enlaces entrantes está formado por una gran cantidad de links no naturales de barras laterales y de pie de página, se puede producir una de­va­lua­ción au­to­má­ti­ca o manual de la página por parte de los pro­vee­do­res de los motores de búsqueda.

• Enlaces de co­me­n­ta­rios: se entiende que los enlaces de co­me­n­ta­rios son aquellos vínculos que aparecen en las apo­r­ta­cio­nes generadas por los usuarios en una web. Tales pueden ser los co­me­n­ta­rios de los blogs, las reseñas o las in­te­r­ve­n­cio­nes en foros, dado que muchos pro­vee­do­res de web ofrecen al visitante la po­si­bi­li­dad de comentar el contenido di­s­po­ni­ble o evaluar los productos y servicios. Los usuarios podrán incluir hi­pe­re­n­la­ces que, junto al resto de links de retroceso, co­n­fo­r­ma­rán el perfil de enlaces. Al igual que los de las barras laterales o del pie de página, estos enlaces ofrecen un gran potencial para la ma­ni­pu­la­ción y co­n­s­tru­c­ción de un perfil ar­ti­fi­cial. Para prevenir las medidas de spam, este tipo de vínculo se suele im­ple­me­n­tar en los co­me­n­ta­rios de forma au­to­má­ti­ca como un enlace nofollow.

• Social signals: los usuarios se han aco­s­tu­m­bra­do en la web 2.0 a compartir en las pla­ta­fo­r­mas de las redes sociales aquel contenido que les parece in­te­re­sa­n­te, que en­cue­n­tran digno de discusión o que quieren pro­mo­cio­nar. Estos son también, al fin y al cabo, hy­pe­r­li­n­ks que dirigen di­re­c­ta­me­n­te desde el medio social en cuestión a la página que co­rre­s­po­n­da, conocidos como social signals. A día de hoy se discute si los al­go­ri­t­mos de búsqueda utilizan los social signals (likes, shares y co­me­n­ta­rios), de qué modo y en qué medida para evaluar la re­le­va­n­cia de una web, es­pe­cia­l­me­n­te porque los ope­ra­do­res de estas redes pro­po­r­cio­nan acceso limitado al contenido de las redes sociales a los ra­s­trea­do­res de los motores de búsqueda, como el Googlebot.

Un perfil natural de enlaces de retroceso está formado por norma general por todos y cada uno de los tipos de enlaces que acaban de pre­se­n­tar­se. Los links de contenido de calidad y te­má­ti­ca­me­n­te re­le­va­n­tes son es­pe­cia­l­me­n­te útiles para el ranking de los motores de búsqueda. No obstante, cualquier vínculo entrante natural es im­po­r­ta­n­te, dado que facilita que los usuarios de Internet accedan a la web y de esta forma se presenta una fuente de tráfico potencial. Las social signals favorecen también alcanzar a nuevos grupos de usuarios, sobre todo cuando el contenido co­m­pa­r­ti­do se vuelve viral.