Definición:
Hipervínculo es un elemento activable de un documento o una interfaz digital que hace referencia a otro recurso o a otra ubicación. También se denomina hiperenlace, enlace o link. Su destino puede ser una página, una sección del mismo documento, una imagen, un archivo, una dirección de correo, un número de teléfono o una función admitida por la aplicación.
Un hipervínculo no es lo mismo que la URL a la que apunta. El enlace incluye un contenido activable, un destino y, según el entorno, atributos que definen cómo debe abrirse o qué relación existe entre ambos recursos. Puede presentarse como texto, imagen, icono, botón u otro componente reconocible.
Índice de contenidos
Cómo funciona un hipervínculo
En HTML, un enlace suele construirse con el elemento a y el atributo href, que contiene su destino. El navegador o la aplicación interpreta esa referencia cuando una persona activa el elemento mediante el ratón, el teclado, una pantalla táctil o una tecnología de asistencia.
El proceso puede resumirse en cuatro pasos:
- Presentación: la interfaz muestra un texto, una imagen u otro elemento como contenido activable.
- Activación: la persona selecciona el enlace con el método de interacción disponible.
- Resolución: el sistema interpreta el destino, que puede expresarse mediante una URL absoluta, una referencia relativa, un fragmento o un esquema como
mailto:otel:. - Acción: el navegador puede navegar a otro recurso, desplazarse dentro del documento, iniciar una descarga o solicitar la apertura de una aplicación compatible.
La acción final depende del destino, de la configuración del dispositivo y de los permisos disponibles. Por eso, un enlace de correo o teléfono no siempre abre automáticamente una aplicación ni completa la acción sin confirmación.
Tipos de hipervínculos
Los hipervínculos pueden clasificarse por su destino y por la acción que permiten realizar:
- Internos: conectan ubicaciones o páginas del mismo sitio web y forman parte de su navegación y arquitectura. La ficha de enlace interno desarrolla este uso.
- Externos: dirigen a un recurso situado en otro sitio o dominio.
- De fragmento: llevan a un punto identificado dentro del mismo documento o de otra página.
- Profundos: conducen a un contenido o estado específico de una web o aplicación, en lugar de limitarse a su portada. Este comportamiento se explica en deeplinking.
- De descarga: apuntan a un archivo que el navegador puede mostrar, abrir con otra aplicación o descargar.
- De contacto o acción: utilizan esquemas como
mailto:otel:para solicitar una acción compatible con el dispositivo.
El contenido activable puede ser texto o una imagen. En los enlaces de texto, las palabras visibles constituyen el anchor text; en una imagen enlazada, el texto alternativo ayuda a comunicar el propósito a quienes no pueden verla.
Usabilidad y accesibilidad
Un enlace útil permite reconocer que se puede activar y anticipar su finalidad. Para ello conviene aplicar varios criterios:
- Propósito descriptivo: el texto del enlace debe identificar el destino o la acción dentro de su contexto, evitando expresiones ambiguas como «haz clic aquí» cuando puedan sustituirse por una descripción concreta.
- Identificación visual: color, subrayado, foco u otros indicadores deben distinguir el enlace sin depender exclusivamente del color.
- Acceso mediante teclado: el componente debe poder recibir el foco y activarse sin necesidad de utilizar un ratón.
- Imágenes comprensibles: una imagen que funciona como enlace necesita un texto alternativo que exprese su función o destino.
- Cambios previsibles: las descargas, la apertura de otra aplicación o una nueva pestaña deben resultar comprensibles antes de activar el enlace cuando puedan sorprender al usuario.
La información esencial no debe depender solo del estado al pasar el puntero por encima, porque ese gesto no existe de la misma forma en pantallas táctiles y puede no estar disponible para quienes navegan con teclado.
Hipervínculos rotos
Un hipervínculo está roto cuando su destino ya no puede alcanzarse o no responde como se esperaba. Puede deberse a una URL mal escrita, una página eliminada, un archivo movido, permisos insuficientes o una redirección incorrecta. El resultado no siempre es un error 404: también puede aparecer una respuesta del servidor, un bucle, una descarga ausente o un destino distinto del anunciado.
Los enlaces rotos dificultan la navegación y pueden impedir que usuarios y rastreadores lleguen a recursos relevantes. Su efecto depende de la importancia del enlace, de su ubicación y de si existe una alternativa válida; no constituyen por sí solos una penalización automática.
Hipervínculos y SEO
Los buscadores utilizan los enlaces para descubrir recursos, interpretar relaciones y recorrer la arquitectura de una web. El enlazado también distribuye señales entre páginas, pero ningún hipervínculo garantiza por sí solo una mejora de posicionamiento.
Al revisar los enlaces desde una perspectiva SEO, conviene comprobar estos aspectos:
- Destino accesible: la URL debe responder correctamente y mostrar el recurso que promete el enlace.
- Contexto claro: el texto de anclaje y las palabras próximas deben ayudar a comprender la relación entre origen y destino.
- Arquitectura coherente: los enlaces internos deben facilitar el acceso a contenidos importantes sin crear recorridos confusos o páginas aisladas.
- Atributos adecuados: valores como
rel,target,hreflangodownloaddeben utilizarse de acuerdo con la función real del enlace.
La guía de MDN sobre creación de hipervínculos explica su estructura en HTML, los destinos relativos y absolutos y las recomendaciones básicas de redacción.