Qué es un hyperlink o hipervínculo y cómo funciona

IA

Quédate con lo más importante

Resume este artículo, encuentra los puntos clave o pregunta lo que quieras entender mejor.

Explorar con IA

Un hyperlink, también llamado hipervínculo o enlace, es un elemento que conecta un recurso digital con otro destino. Al activarlo, el usuario puede navegar hacia otra página, una sección del mismo documento, un archivo, una dirección de correo electrónico u otros recursos compatibles.

Los hipervínculos son una de las bases de la World Wide Web porque permiten relacionar documentos y navegar entre ellos sin necesidad de conocer manualmente cada dirección.

En HTML, la forma más habitual de crear un enlace es mediante el elemento <a> y el atributo href.

Qué es un hyperlink

Hyperlink significa literalmente hipervínculo.

Un ejemplo sencillo sería:

<a href="https://www.ejemplo.com/">
    Visitar Ejemplo
</a>

En este código:

• <a> es el elemento de anclaje.
• href indica el destino.
• Visitar Ejemplo es el texto visible del enlace.

Cuando el usuario activa el hipervínculo, el navegador utiliza el destino indicado en href para realizar la navegación correspondiente.

Hyperlink enlace y URL no son lo mismo

Estos conceptos están relacionados, pero no deberían utilizarse como sinónimos exactos.

Una URL es una dirección:

https://www.ejemplo.com/guia-seo/

Un hyperlink utiliza esa dirección para crear una navegación:

<a href="https://www.ejemplo.com/guia-seo/">
    Guía de SEO
</a>

Y el texto:

Guía de SEO

es el anchor text o texto ancla.

Por tanto:

URL
→ dirección

Hyperlink
→ elemento que permite navegar

Anchor text
→ texto visible del enlace

Cómo funciona un hyperlink en HTML

La estructura básica es:

<a href="URL">
    Texto del enlace
</a>

El atributo href puede apuntar hacia diferentes tipos de recursos.

Por ejemplo, otra página:

<a href="/blog/que-es-pagerank/">
    Qué es PageRank
</a>

Una sección de la misma página:

<a href="#preguntas-frecuentes">
    Ir a preguntas frecuentes
</a>

Un correo electrónico:

<a href="mailto:contacto@ejemplo.com">
    Enviar un correo
</a>

O un número telefónico:

<a href="tel:+5712345678">
    Llamar
</a>

El elemento <a> puede, por tanto, realizar más funciones que simplemente enlazar dos páginas web.

Qué tipos de hyperlinks existen

Existen diferentes formas de clasificarlos según su destino o función.

Enlaces internos

Conectan recursos dentro del mismo sitio.

<a href="/blog/que-es-anchor-text/">
    Qué es anchor text
</a>

Ayudan al usuario a descubrir contenido relacionado y permiten construir una arquitectura de navegación coherente.

Enlaces externos

Dirigen hacia otro sitio web.

<a href="https://developer.mozilla.org/">
    Documentación de MDN
</a>

Son útiles, entre otras cosas, para citar fuentes o proporcionar recursos adicionales.

Enlaces internos dentro de una página

Permiten saltar directamente hacia una sección concreta.

<a href="#seo">
    Ver la sección SEO
</a>

Enlaces hacia archivos

También pueden apuntar a PDFs, documentos, imágenes u otros recursos.

Cuando el comportamiento esperado es una descarga conviene dejarlo claro para el usuario.

Qué es el anchor text

El anchor text es el contenido visible y normalmente clicable del hipervínculo.

Por ejemplo:

<a href="/blog/que-es-indexacion/">
    cómo funciona la indexación de Google
</a>

El texto ancla es:

cómo funciona la indexación de Google

Un buen anchor text debería ayudar a anticipar qué encontrará la persona al seguir el enlace.

Por eso suele ser más útil:

consulta nuestra guía sobre indexación

que:

haz clic aquí

La clave no está en insertar la keyword exacta en todos los enlaces, sino en describir el destino de manera natural y comprensible.

Existe el enlace dofollow

En SEO se utiliza frecuentemente el término dofollow para referirse a un enlace normal que no contiene atributos destinados a modificar cómo Google debería interpretarlo.

Por ejemplo:

<a href="https://ejemplo.com/">
    Recurso recomendado
</a>

Sin embargo, no existe un atributo HTML estándar llamado rel="dofollow".

Para un enlace normal no necesitamos añadir:

rel="dofollow"

Simplemente dejamos el enlace sin una calificación especial.

Por eso resulta más preciso hablar de:

• Enlace normal.
• Enlace nofollow.
• Enlace sponsored.
• Enlace UGC.

Qué significa nofollow

Un enlace puede incorporar:

rel="nofollow"

Por ejemplo:

<a
    href="https://ejemplo.com/"
    rel="nofollow"
>
    Ejemplo
</a>

Este atributo proporciona información adicional sobre cómo queremos que Google trate nuestra relación con la página enlazada.

No debería explicarse simplemente como:

“nofollow significa que no transmite autoridad”.

Google trata actualmente nofollow como una señal o hint, no como una instrucción absoluta para todos sus sistemas.

Qué son sponsored y UGC

Google dispone de valores más específicos para determinadas relaciones.

Sponsored

Para enlaces relacionados con publicidad, patrocinio u otras compensaciones:

<a
    href="https://anunciante.com/"
    rel="sponsored"
>
    Producto patrocinado
</a>

UGC

Para determinados enlaces creados por usuarios:

<a
    href="https://ejemplo.com/"
    rel="ugc"
>
    Enlace publicado por un usuario
</a>

Esto puede ser relevante en:

• Foros.
• Comentarios.
• Comunidades.
• Plataformas con contenido generado por usuarios.

Los valores también pueden combinarse cuando sea necesario.

Qué necesita un enlace para que Google pueda rastrearlo

Para Google, una implementación especialmente importante es utilizar un elemento <a> con un href válido.

Por ejemplo:

<a href="/productos/">
    Productos
</a>

Esto es preferible a construir navegación mediante elementos como:

<span onclick="abrirProductos()">
    Productos
</span>

que dependen únicamente de JavaScript y no tienen la semántica normal de un hipervínculo.

Una navegación importante debería utilizar enlaces HTML reales siempre que corresponda.

Qué relación tienen los hyperlinks con SEO

Los enlaces son importantes para los motores de búsqueda porque ayudan a conectar documentos.

Google utiliza los enlaces, entre otras cosas, para:

• Descubrir nuevas páginas.
• Comprender relaciones entre contenidos.
• Obtener contexto mediante anchor text.
• Analizar la estructura de enlaces de la web.

Eso no significa que añadir muchos enlaces mejore automáticamente el posicionamiento.

Un enlace debería existir porque ayuda al usuario o conecta información relacionada.

Hyperlinks internos y arquitectura web

Los enlaces internos permiten conectar las páginas importantes de un sitio.

Por ejemplo:

SEO técnico
│
├── Crawling
├── Indexación
├── PageRank
├── Anchor Text
└── Nofollow

Un artículo sobre PageRank puede enlazar hacia Anchor Text cuando necesita explicar cómo el texto del enlace aporta contexto.

Otro sobre Indexación puede enlazar a Crawling cuando necesita diferenciar ambos procesos.

Esto resulta más natural que insertar enlaces hacia páginas comerciales sin relación temática únicamente porque queremos “pasar autoridad”.

Hay un número ideal de enlaces por página

No existe una cantidad universal.

Una página puede necesitar pocos enlaces y otra guía extensa puede necesitar muchos más.

La pregunta útil es:

¿Cada enlace tiene una razón clara para estar aquí?

Un artículo puede enlazar:

• Fuentes.
• Definiciones.
• Estudios.
• Documentación.
• Páginas relacionadas.
• Siguientes pasos relevantes.

Crear enlaces únicamente para alcanzar una cantidad determinada no aporta valor.

Los enlaces externos perjudican el SEO

No existe una regla según la cual enlazar otras webs sea perjudicial.

Los enlaces externos pueden resultar muy útiles cuando sirven para:

• Citar una fuente primaria.
• Respaldar una afirmación.
• Ampliar información.
• Dirigir hacia documentación oficial.

Tampoco es necesario añadir nofollow a todos los enlaces externos.

Un enlace editorial normal hacia una fuente que realmente queremos citar puede permanecer como un enlace convencional.

Qué relación tienen los hyperlinks con PageRank

PageRank analiza relaciones entre páginas mediante enlaces.

Esta es una de las razones históricas por las que los hyperlinks tienen tanta importancia dentro de SEO.

Pero sería una simplificación afirmar:

“cada enlace transmite una cantidad concreta de autoridad”.

Google utiliza muchos otros sistemas y señales, y no publica una puntuación individual que nos permita saber exactamente qué valor tiene cada enlace.

Por eso conceptos como link juice o link equity deberían entenderse como simplificaciones utilizadas por la industria SEO.

Qué es link building

Link building describe diferentes estrategias destinadas a conseguir enlaces desde otras páginas web.

Un enlace editorial puede aparecer porque otra persona considera que un recurso merece ser:

• Citado.
• Recomendado.
• Utilizado como fuente.
• Compartido con su audiencia.

Pero crear o comprar enlaces principalmente para manipular rankings puede entrar en conflicto con las políticas de spam de Google.

La estrategia no debería ser simplemente:

más backlinks
=
mejor SEO

Lo importante es por qué existe el enlace y qué relación tiene con el contenido.

Hyperlinks y accesibilidad

Los enlaces también tienen una función importante para usuarios que navegan mediante teclado o tecnologías de asistencia.

Conviene que el texto del enlace tenga sentido incluso cuando se lee fuera del párrafo.

Por ejemplo:

Menos descriptivo

<a href="/precios/">
    Haz clic aquí
</a>

Más descriptivo

<a href="/precios/">
    Consultar planes y precios
</a>

También debería ser visualmente reconocible como un elemento interactivo y conservar un estado de foco visible para quienes navegan mediante teclado.

Enlace y botón no son lo mismo

Un enlace se utiliza principalmente para navegar.

Un botón se utiliza normalmente para ejecutar una acción.

Por ejemplo:

<a href="/contacto/">
    Ir a contacto
</a>

es navegación.

Mientras:

<button type="submit">
    Enviar formulario
</button>

ejecuta una acción.

Utilizar un enlace con:

href="#"
onclick="enviarFormulario()"

como sustituto de un botón puede generar problemas semánticos y de accesibilidad.

Qué ocurre cuando una imagen funciona como enlace

También podemos utilizar una imagen dentro de un hipervínculo:

<a href="/productos/zapatillas/">
    <img
        src="zapatillas.jpg"
        alt="Zapatillas para running"
    >
</a>

Cuando una imagen es un enlace, el texto alternativo adquiere especial importancia porque puede describir la función o destino del enlace cuando la imagen no puede percibirse.

Google también puede utilizar el atributo alt de una imagen enlazada como texto ancla.

Qué son los enlaces rotos

Un enlace roto apunta hacia un recurso que ya no está disponible o no responde como se esperaba.

Por ejemplo:

/guia-antigua/
↓
404 Not Found

Los enlaces rotos pueden generar una experiencia frustrante porque interrumpen la navegación.

Conviene revisarlos especialmente en:

• Menús.
• Contenido antiguo.
• Documentación.
• Landings.
• Procesos comerciales.

No presentaría un enlace roto aislado como una “penalización SEO”.

El problema real es mantener una arquitectura donde usuarios y rastreadores terminan continuamente en destinos que ya no existen.

Hyperlinks y conversiones

Un enlace puede ayudar a construir el recorrido hacia una conversión.

Por ejemplo:

Artículo informativo
↓
Página comparativa
↓
Servicio
↓
Formulario

Pero el enlace por sí mismo no aumenta necesariamente las conversiones.

Su efectividad depende de:

• Contexto.
• Oferta.
• Intención del usuario.
• Claridad del anchor.
• Página de destino.
• Experiencia posterior al clic.

El objetivo debería ser permitir que el usuario continúe naturalmente cuando necesita profundizar o realizar una acción.

Hyperlinks y GEO

Los enlaces también ayudan a conectar documentos, entidades, definiciones y fuentes.

Desde una perspectiva GEO puede resultar útil enlazar claramente hacia:

• Fuentes primarias.
• Documentación oficial.
• Estudios originales.
• Contenidos relacionados.
• Entidades mencionadas.

Esto puede hacer que un contenido resulte más verificable y fácil de contextualizar.

Pero no existe un número de enlaces, atributo o tipo de hyperlink que garantice que una página sea citada por sistemas generativos.

Errores frecuentes al utilizar hyperlinks

• Creer que existe un atributo dofollow obligatorio.
• Definir nofollow únicamente como “no pasa autoridad”.
• Utilizar anchors idénticos de forma artificial.
• Usar “haz clic aquí” cuando puede escribirse algo más descriptivo.
• Utilizar enlaces cuando semánticamente debería existir un botón.
• Crear navegación importante sin enlaces HTML rastreables.
• Aplicar nofollow a todos los enlaces externos.
• Comprar enlaces para manipular rankings.
• Dejar enlaces rotos sin revisar.
• Insertar enlaces comerciales sin relación con el contenido.

Cómo revisar los enlaces de una página

Una auditoría sencilla puede responder:

1. ¿Todos los enlaces importantes utilizan destinos válidos?
2. ¿Los anchors describen lo que encontrará el usuario?
3. ¿Existen enlaces rotos?
4. ¿Las páginas importantes reciben enlaces internos?
5. ¿Los enlaces patrocinados están correctamente identificados?
6. ¿Los enlaces UGC están tratados cuando corresponde?
7. ¿Hay enlaces añadidos únicamente por SEO?
8. ¿Los enlaces externos realmente aportan contexto o fuentes?
9. ¿Los elementos que parecen enlaces funcionan como enlaces?

Los hyperlinks forman la estructura que permite conectar información dentro de la web.

Su optimización no debería reducirse a “pasar autoridad”. Un buen enlace consigue algo más básico y más importante: deja claro hacia dónde conduce, ayuda a las personas a navegar y crea una relación comprensible entre dos recursos.

Convierte lo que aprendes en el siguiente paso de tu negocio

Explora nuestros servicios o cuéntanos qué necesitas mejorar.

• SEO en Colombia
• Google Ads
• Meta Ads
• Redes sociales
• Diseño web

Hablemos de tu proyecto →

Preguntas frecuentes sobre Hyperlinks

Qué es un hyperlink

Un hyperlink o hipervínculo es un elemento que permite navegar desde un recurso hacia otra página, sección, archivo, dirección u otro destino compatible.

Cómo se crea un hyperlink en HTML

Normalmente se utiliza el elemento a con un atributo href que contiene la dirección de destino.

Hyperlink y URL son lo mismo

No. La URL es la dirección del recurso, mientras el hyperlink es el elemento que permite navegar hacia esa dirección.

Qué es el anchor text de un hyperlink

Es el texto visible y clicable del enlace. Debería describir de forma natural qué puede encontrar el usuario en la página de destino.

Qué diferencia existe entre un enlace interno y uno externo

Un enlace interno conecta páginas del mismo sitio, mientras uno externo dirige hacia otro dominio o sitio web.

Existe la etiqueta dofollow

No existe un atributo HTML estándar rel="dofollow". El término dofollow se utiliza informalmente en SEO para describir enlaces normales sin atributos como nofollow, sponsored o ugc.

Qué significa rel nofollow

Es un valor utilizado para proporcionar información sobre la relación con una página enlazada. Google lo trata como una indicación y no como una prohibición absoluta aplicable a todos sus sistemas.

Qué significa rel sponsored

Se utiliza para identificar enlaces asociados con publicidad, patrocinio u otras formas de compensación.

Qué significa rel UGC

UGC significa user-generated content y se utiliza para identificar determinados enlaces publicados por usuarios, como los presentes en comentarios o foros.

Los enlaces ayudan al SEO

Los enlaces ayudan a Google a descubrir páginas, comprender relaciones y obtener contexto, pero añadir más enlaces no garantiza mejores posiciones.

Los enlaces externos perjudican al SEO

No. Pueden ser útiles para citar fuentes o proporcionar recursos relevantes. No existe una necesidad general de añadir nofollow a todos los enlaces externos.

Qué es un enlace roto

Es un enlace cuyo destino ya no está disponible o responde de una forma diferente a la esperada, por ejemplo con un error 404.