Generador de Hipervínculos gratis: crea un enlace clicable
Convierte cualquier URL en un hipervínculo clicable con el texto que quieras. Cópialo como un enlace real para Gmail, Outlook, Docs, Word y Slack, o como código HTML, Markdown o BBCode.
Las palabras en las que la gente hace clic. Deja el campo vacío para mostrar la propia URL.
Si no escribes https://, se agrega automáticamente. Los enlaces mailto: y tel: también funcionan.
Ingresa una URL para ver tu enlace clicable.
Respuesta rápida
Para crear un hipervínculo, escribe las palabras en las que la gente debe hacer clic, pega la URL y copia el resultado. El Generador de Hipervínculos de U2L AI crea un enlace clicable que puedes pegar en Gmail, Outlook, Google Docs, Word y Slack, además de versiones en HTML, Markdown y BBCode. Agrega https:// si falta y funciona por completo en tu navegador.
Datos clave
- Cuatro formatos desde un solo formulario: un enlace clicable en texto enriquecido, HTML (<a href="...">texto</a>), Markdown ([texto](url)) y BBCode ([url=...]texto[/url]).
- El enlace clicable se copia como texto enriquecido, así que se pega como un enlace real en Gmail, Outlook, Google Docs, Word, Slack y Notion. En los campos de texto sin formato, lo que se pega es la URL.
- El texto del enlace es opcional. Si lo dejas vacío, la propia URL se convierte en el texto clicable.
- Si omites el esquema, se agrega https://. Los enlaces mailto: y tel: se aceptan tal como los escribes.
- Atributos opcionales: “Abrir en una pestaña nueva” agrega target="_blank" rel="noopener noreferrer", y “Agregar nofollow” agrega rel="nofollow". Puedes combinar ambas opciones.
- En la mayoría de los editores, el atajo para crear un enlace a mano es Ctrl+K (Cmd+K en Mac): lo usan Word, Google Docs, Gmail y Outlook. Slack usa Ctrl+Shift+U (Cmd+Shift+U).
- Todo funciona en tu navegador. La URL y el texto del enlace nunca se envían a un servidor ni se guardan.
Cómo hacer un hipervínculo
Cuatro pasos. La vista previa y todos los formatos se actualizan mientras escribes.
- 1
Escribe el texto del enlace (opcional)
Ingresa las palabras en las que la gente hará clic, como “Consulta nuestra guía de precios”. Un texto descriptivo funciona mejor, tanto para quien lee como para los lectores de pantalla. Deja el campo vacío si quieres que la propia URL sea el texto clicable.
- 2
Pega la URL
Pega o escribe el destino. Si omites el esquema (example.com/precios), se agrega https:// automáticamente. También funcionan los enlaces de correo y de teléfono: escribe mailto:hola@example.com o tel:+525512345678. Si lo que ingresas no es un enlace válido, un mensaje te indica qué corregir.
- 3
Elige las opciones que necesites
Marca “Abrir en una pestaña nueva” para agregar target="_blank" con rel="noopener noreferrer", y “Agregar nofollow” para agregar rel="nofollow". Las opciones se aplican al enlace clicable y al código HTML; Markdown y BBCode no tienen sintaxis para ellas. Revisa la vista previa en vivo para ver el enlace terminado.
- 4
Copia el formato que necesites
Usa “Enlace clicable” para correos, documentos y chats: se pega como un enlace real con tu texto. Usa HTML para sitios web y bloques de código de un CMS, Markdown para archivos README y editores de Markdown, y BBCode para foros. Cada formato tiene su propio botón Copiar.
¿Qué es un generador de hipervínculos?
Un generador de hipervínculos es una herramienta gratis que toma una URL y las palabras en las que quieres que la gente haga clic, y las convierte en un enlace listo para pegar. Te da el mismo enlace en cuatro formatos: un enlace clicable en texto enriquecido para correos, documentos y chats, además del código HTML, Markdown y BBCode para sitios web, archivos README y foros.
Cada app tiene su propia forma de crear un enlace. Word, Google Docs, Gmail y Outlook usan un cuadro de diálogo para insertar enlaces (Ctrl+K), Slack usa Ctrl+Shift+U, las páginas web necesitan un elemento <a href>, Markdown usa corchetes y paréntesis, y los foros suelen usar BBCode. El generador crea todos estos formatos desde un solo formulario y se encarga de los caracteres especiales de cada uno, para que pegues el resultado donde tenga que ir el enlace.
Para escribir en el día a día, el formato más útil es el enlace clicable. Al copiarlo, el portapapeles guarda un enlace con formato (el mismo tipo de datos que obtienes al copiar un enlace de una página web), así que los editores de texto enriquecido lo pegan como texto azul y clicable con tus palabras, en lugar de la URL tal cual. Es la forma más rápida de hacer que un enlace sea clicable en un correo o un documento cuando no quieres ponerte a buscar el botón para insertar enlaces.
La herramienta se centra en crear enlaces. Si quieres saber más sobre cómo funcionan los enlaces, incluidas las anclas y las URLs absolutas y relativas, consulta en el blog las guías de U2L AI “What Is a Hyperlink” y “What Is a URL” (en inglés).
¿Cómo funciona un generador de hipervínculos?
El campo URL se procesa con el analizador de URLs estándar del navegador. Si escribes una dirección web sin esquema, se agrega https:// antes del análisis; un dominio sin ruta, como example.com, conserva su forma original y no se le agrega una barra al final. El host debe parecer un dominio real (debe tener un punto o ser localhost). Un enlace mailto: necesita una dirección después de los dos puntos, y un enlace tel: necesita un número formado por dígitos, con un + inicial opcional y, también de forma opcional, espacios, puntos, guiones o paréntesis; en los enlaces tel: se eliminan los espacios. Si el texto del enlace está vacío, se usa como texto la URL final.
Cada formato se escapa según sus propias reglas. El código HTML es <a href="URL">texto</a>, en el que &, <, >, las comillas dobles y las simples se convierten en entidades HTML, para que una URL con parámetros de consulta o un texto del enlace con comillas no puedan romper la etiqueta. Si marcas “Abrir en una pestaña nueva”, se agregan target="_blank" y rel="noopener noreferrer"; “Agregar nofollow” añade nofollow a ese mismo atributo rel (rel="nofollow noopener noreferrer" si marcas ambas). El código Markdown sigue la forma de enlace en línea de CommonMark, [texto](url): los corchetes y las barras invertidas del texto se escapan, y los espacios y paréntesis de la URL se convierten con codificación porcentual (%20, %28, %29) para que no corten el enlace antes de tiempo. El código BBCode usa [url=URL]texto[/url], la forma que emplean phpBB y muchos otros foros, con los corchetes de la URL en codificación porcentual.
El botón de “Enlace clicable” escribe dos formatos a la vez en el portapapeles mediante la Clipboard API del navegador: text/html, con el elemento <a> terminado, y text/plain, con la URL. text/html y text/plain están entre los tipos de datos que la especificación Clipboard API del W3C exige que admitan los navegadores. La app en la que pegas elige el formato más completo que entiende: los editores de texto enriquecido como Gmail, Outlook, Google Docs, Word, Slack y Notion toman el HTML y muestran un enlace clicable con tu texto, mientras que los campos de texto sin formato recurren a la URL. En navegadores antiguos que no tienen esa API, la herramienta selecciona una copia renderizada del enlace y copia la selección, que también conserva el formato.
Si prefieres crear un hipervínculo a mano dentro de una app, el atajo es casi universal. En Word, selecciona el texto y presiona Ctrl+K (Cmd+K en Mac), o haz clic derecho y elige “Vínculo”; Word también convierte en enlace una dirección web cuando la escribes y presionas la barra espaciadora o Enter. En Google Docs, selecciona el texto y presiona Ctrl+K o Cmd+K, o ve a “Insertar” y luego a “Vínculo”. Gmail usa Ctrl+K (Cmd+K en Mac) en la ventana de redacción, y Outlook usa Ctrl+K en Outlook clásico, el nuevo Outlook y Outlook en la Web (Cmd+K en Mac). En Slack, selecciona el texto y presiona Ctrl+Shift+U (Cmd+Shift+U en Mac), o pega una URL copiada sobre el texto seleccionado.
Casos de uso
Cómo usan un generador de hipervínculos los profesionales del marketing, las empresas y los desarrolladores.
Enlaces en correos de Gmail y Outlook
Copia el enlace clicable y pégalo en el cuerpo del mensaje. El destinatario ve el texto de tu enlace, no una URL larga. Así evitas el cuadro de diálogo de Ctrl+K cuando armas un enlace a partir de texto que ya tienes en otro lugar, como una hoja de cálculo con URLs.
Documentos de Google Docs y Word
Pega el enlace clicable directamente en un informe, una propuesta o un material de apoyo. Queda como un enlace con formato y con tus palabras. Para los enlaces que agregas mientras escribes, Ctrl+K (Cmd+K en Mac) abre en ambas apps el mismo cuadro de diálogo para insertar enlaces.
Mensajes de Slack y chats de equipo
Pega el enlace clicable en un mensaje de Slack para compartir un enlace limpio y con nombre en lugar de la URL tal cual. Dentro de Slack también puedes seleccionar texto y presionar Ctrl+Shift+U (Cmd+Shift+U en Mac) para agregar un enlace.
Páginas web y entradas de blog
Copia el código HTML en un bloque HTML de tu CMS, en un creador de landing pages o en una plantilla. Las comillas y los signos &, < y > ya están escapados, así que la etiqueta no romperá el código de tu página.
Archivos README y documentos en Markdown
Usa el código Markdown en archivos README, sitios de documentación, apps de notas y cualquier editor que acepte Markdown. Los corchetes de tu texto y los espacios o paréntesis de la URL se escapan para que el enlace se muestre correctamente.
Publicaciones en foros con BBCode
Muchos foros, incluidos los creados con phpBB, usan BBCode en lugar de HTML. Pega el código [url=...]texto[/url] en tu publicación para obtener un enlace con nombre en lugar de una simple dirección.
Enlaces de “Escríbenos”
Ingresa mailto:tu@example.com en el campo URL y “Escríbele a nuestro equipo” como texto. Cuando el lector hace clic, el enlace abre su app de correo con tu dirección ya escrita.
Enlaces de teléfono para llamar con un toque
Escribe tel:+525512345678 para que un número de teléfono sea clicable en un sitio web o en un correo HTML. En un celular, al tocarlo se ofrece llamar a ese número. Usa el formato internacional con + para que funcione desde cualquier país.
Enlaces patrocinados o no confiables en un sitio
Marca “Agregar nofollow” en los enlaces que no quieres respaldar, como los de los comentarios de usuarios. Google trata nofollow como una sugerencia y recomienda rel="sponsored" para los enlaces pagados y de afiliados, así que cambia el valor en el código HTML cuando eso encaje mejor.
Firmas de correo
Los editores de firmas de Gmail y Outlook son cuadros de texto enriquecido. Pega un enlace clicable a tu sitio web, tu página de reservas o tu portafolio para que la firma muestre un texto limpio en lugar de una URL completa.
Generador de Hipervínculos vs alternativas
Comparación lado a lado de funciones y precios con las principales alternativas.
| Función | U2L | Ctrl+K en Word/Docs | HTML escrito a mano | Pegar solo la URL |
|---|---|---|---|---|
| Texto clicable personalizado | ||||
| Se pega como un enlace real en Gmail, Outlook, Docs, Word y Slack | Hay que rehacerlo en cada app | Muestra la URL tal cual | ||
| Genera código HTML | ||||
| Genera código Markdown y BBCode | ||||
| Escapa los caracteres especiales por ti | A mano | No aplica | ||
| Opción rel="nofollow" | Una casilla | Se escribe a mano | ||
| Agrega https:// si lo omites | Depende de la app | No aplica | ||
| Costo | Gratis, sin registro | Incluido con la app | Gratis | Gratis |
Generador de Hipervínculos vs Ctrl+K en Word y Google Docs
Ctrl+K (Cmd+K en Mac) es la forma más rápida de agregar un enlace mientras escribes en Word, Google Docs, Gmail u Outlook. Selecciona las palabras, presiona el atajo, pega la URL y confirma. Si solo creas enlaces dentro de una app, ese atajo es todo lo que necesitas.
El generador conviene más cuando el enlace tiene que ir de un lugar a otro. Te da el mismo enlace como texto enriquecido para editores, HTML para un sitio web, Markdown para un README y BBCode para un foro, con el escape de caracteres resuelto en cada caso. También agrega valores de rel como nofollow, algo que los editores de documentos no ofrecen, y te permite preparar un enlace una sola vez y pegarlo en varios lugares.
Generador de Hipervínculos vs HTML escrito a mano
Escribir <a href="https://example.com">texto</a> a mano es sencillo hasta que los detalles te juegan una mala pasada: si olvidas https://, el enlace se convierte en una ruta relativa dentro de tu propio sitio; una comilla doble sin escapar en la URL cierra el href antes de tiempo; y un & en el texto del enlace puede tener que escribirse como &. El generador escapa todo esto por ti y muestra una vista previa en vivo del resultado.
Además, el HTML escrito a mano no se puede pegar como enlace en Gmail, Google Docs ni Word: esos editores muestran el código como texto. El enlace clicable del generador resuelve ese caso, y el código HTML sigue ahí para cuando necesites el código en sí.
Buenas prácticas
Haz que el texto del enlace describa el destino
Los lectores y quienes usan lectores de pantalla recorren los enlaces fuera de contexto. Las pautas WCAG del W3C consideran que un texto vago, como “haz clic aquí” o “más”, incumple el criterio Propósito de los enlaces (2.4.4) cuando nada más explica el enlace. “Descarga la lista de precios de 2026” le dice a la gente exactamente qué va a obtener.
Enlaza una frase corta, no una oración completa
Unas pocas palabras con significado hacen que el enlace sea fácil de ver y de tocar en un celular. Las oraciones largas convertidas en enlace son más difíciles de leer y parecen un bloque de texto azul.
Usa https:// en todos los enlaces web
Las URLs seguras evitan advertencias del navegador y redirecciones. El generador agrega https:// si omites el esquema, pero verifica que el sitio realmente ofrezca la versión https.
Abre en una pestaña nueva solo cuando ayude
Las pestañas nuevas convienen para enlaces que interrumpirían una tarea, como un enlace de ayuda dentro de un formulario. En la lectura normal, los enlaces que se abren en la misma pestaña permiten usar el botón Atrás como la gente espera. Cuando sí uses una pestaña nueva, conserva rel="noopener noreferrer", que la herramienta agrega automáticamente.
Califica los enlaces pagados, de afiliados y generados por usuarios
Google pide a los sitios que marquen los enlaces pagados y de afiliados con rel="sponsored", y los enlaces que agregan los usuarios con rel="ugc" o rel="nofollow". Marca “Agregar nofollow” para el caso general, o cambia en el código HTML el valor de rel a sponsored o ugc.
Elige el formato según dónde lo vayas a pegar
Usa el enlace clicable en editores de texto enriquecido (correo, documentos, chat), HTML en vistas de código y bloques de CMS, Markdown en editores de Markdown y BBCode en foros. Si pegas código en un editor de texto enriquecido, el código se muestra como texto sin formato.
Primero acorta las URLs largas o llenas de parámetros de seguimiento
Las URLs llenas de parámetros UTM son difíciles de leer cuando aparecen como texto. Acórtalas con el Acortador de enlaces de U2L AI (gratis y sin registro; el dominio corto se elige automáticamente) y luego crea el hipervínculo con el enlace corto. Con una cuenta gratis, también tienes analíticas de clics.
Prueba el enlace después de pegarlo
Pasa el cursor sobre el enlace pegado o haz clic en él para confirmar que apunta adonde esperas, sobre todo después de editar el texto. Un error de escritura en el destino pasa desapercibido hasta que alguien hace clic.
Errores comunes que debes evitar
Usar “haz clic aquí” como texto del enlace
Un texto genérico oculta el destino y no cumple las pautas de accesibilidad. Pon el significado en el propio enlace: “Lee la guía de configuración” en lugar de “Haz clic aquí para leer la guía de configuración”.
Pegar código HTML en Gmail o Google Docs
Los editores de texto enriquecido muestran el código <a href> como texto literal. Usa el resultado “Enlace clicable” en los editores y reserva el código HTML para el código de sitios web, los bloques HTML de un CMS y las plantillas.
Omitir https:// en el HTML escrito a mano
href="example.com" se interpreta como una ruta relativa, así que apunta a una página de tu propio sitio (tusitio.com/.../example.com) en lugar de a example.com. Incluye siempre el esquema; el generador lo agrega por ti.
No escapar las comillas ni los signos &
Una comilla doble dentro de un href cierra el atributo antes de tiempo y rompe la etiqueta. El código HTML convierte &, <, > y las comillas dobles y simples en entidades, para que las cadenas de consulta y el texto entre comillas queden intactos.
Esperar que Markdown o BBCode abran una pestaña nueva
Ninguno de los dos formatos tiene sintaxis para target ni rel, así que las opciones de pestaña nueva y nofollow solo se aplican al enlace clicable y al código HTML. Si necesitas esos atributos en un sitio con Markdown, usa el código HTML donde la plataforma lo permita.
Mandar todos los enlaces a una pestaña nueva
Abrir todos los enlaces en pestañas nuevas inutiliza el botón Atrás y acumula pestañas, sobre todo en el celular. Reserva target="_blank" para los casos en que salir de la página haría que el lector perdiera su trabajo.
Especificaciones técnicas
| Código HTML | <a href="URL">texto</a>, más target="_blank" y rel="..." cuando las opciones están activadas |
| Valores de rel | nofollow; noopener noreferrer (pestaña nueva); nofollow noopener noreferrer (ambas) |
| Escape de HTML | & < > " ' se convierten en entidades en la URL y en el texto del enlace |
| Código Markdown | [texto](url); [ ] y \ escapados en el texto; espacios y paréntesis de la URL en codificación porcentual |
| Código BBCode | [url=URL]texto[/url]; corchetes de la URL en codificación porcentual |
| Formatos del enlace clicable en el portapapeles | text/html (el enlace terminado) y text/plain (la URL) |
| Enlaces aceptados | https://, http://, mailto: y tel:; se agrega https:// si no se indica un esquema |
| Texto del enlace vacío | Se usa la URL como texto clicable |
| Atajos manuales | Ctrl+K / Cmd+K en Word, Google Docs, Gmail y Outlook; Ctrl+Shift+U / Cmd+Shift+U en Slack |
| Procesamiento | Solo en el navegador; no se envía nada a un servidor ni se guarda nada |
Preguntas frecuentes
¿Cómo creo un hipervínculo?
¿Cómo hago que un enlace sea clicable?
¿Cómo hago un hipervínculo en Word?
¿Cómo agrego un enlace en Google Docs?
¿Cómo inserto un hipervínculo en Gmail?
¿Cómo inserto un hipervínculo en Outlook?
¿Cómo agrego un hipervínculo a un texto en Slack?
¿Cuál es el código HTML de un hipervínculo?
¿Cómo creo un enlace en Markdown?
¿Cuál es el código BBCode de un enlace?
¿Por qué mi enlace clicable se pegó como una URL sin formato?
¿Qué agrega “Abrir en una pestaña nueva”?
¿Qué hace “Agregar nofollow”?
¿Puedo enlazar una dirección de correo o un número de teléfono?
¿Qué pasa si dejo vacío el texto del enlace?
¿Por qué Markdown y BBCode ignoran las opciones de pestaña nueva y nofollow?
¿Esta herramienta guarda mis enlaces?
¿Cómo acorto una URL larga antes de crear el hipervínculo?
Más herramientas gratis
Generador de Link de WhatsApp
Crea links wa.me para chatear con un clic y con mensaje predefinido. Agrégalos a tu bio, anuncios o códigos QR y recibe clientes en WhatsApp al instante.
Generador de Link de Telegram
Crea enlaces t.me para compartir, de usuario y de invitación, con texto predefinido. Agrega botones de chat de Telegram a tu sitio o bio.
Verificador de Seguridad de Enlaces
Comprueba si un enlace es seguro antes de hacer clic. Expande URLs acortadas, sigue cada redirección y analiza el destino final en busca de phishing y malware.
Generador de Código QR WiFi
Genera un código QR WiFi para que tus invitados se conecten sin escribir la contraseña. Compatible con WPA/WPA2/WEP y redes ocultas.
Acortador de Links de YouTube
Convierte URLs largas de YouTube en enlaces cortos, limpios y medibles. Mejores enlaces para compartir, para creadores de video y profesionales del marketing.
Generador de Código QR de Instagram
Genera un código QR escaneable que abre tu perfil de Instagram. Perfecto para volantes, tarjetas de presentación y empaques.
Términos clave
- Hipervínculo
- Referencia en un documento o una página que, al hacer clic en ella o tocarla, lleva al lector a otro lugar, como una página web, un archivo, una dirección de correo o un número de teléfono.
- Texto ancla (texto del enlace)
- Las palabras visibles y clicables de un enlace. En HTML, es el contenido entre <a> y </a>. Un texto ancla descriptivo ayuda a los lectores, a quienes usan lectores de pantalla y a los buscadores a entender el destino.
- href
- Atributo HTML de un elemento <a> que contiene la URL de destino del enlace. Sin un esquema como https://, el valor se trata como una ruta relativa a la página actual.
- target="_blank"
- Atributo HTML que abre el enlace en una pestaña o ventana nueva. Los navegadores modernos le aplican automáticamente el comportamiento de noopener.
- rel="noopener noreferrer"
- Valores de relación del enlace. noopener impide que la página nueva acceda a la página original a través de window.opener; noreferrer, además, impide que el navegador envíe el encabezado Referer.
- rel="nofollow"
- Valor de relación del enlace que les indica a los buscadores que no asocien tu sitio con la página enlazada. Google lo trata, junto con sponsored y ugc, como una sugerencia.
- Texto enriquecido
- Texto con formato que incluye estilos y enlaces, a diferencia del texto sin formato. Cuando copias un enlace en texto enriquecido, el portapapeles guarda una versión HTML que los editores pegan como enlace clicable.
Acorta la URL antes de enlazarla
Los enlaces largos llenos de parámetros de seguimiento son difíciles de leer y de compartir. Crea un enlace corto gratis con U2L AI, sin necesidad de registrarte. Con una cuenta gratis, también tienes analíticas de clics y gestión de enlaces.
Acorta gratis un enlace