Formato nuevo
Enlaces clicables: cómo hacer una URL activa
Un enlace clicable (activo) abre otra URL al hacer clic. Uno inactivo es solo una cadena de dirección que copias a mano. En la web casi siempre quieres enlaces activos de verdad.
Abajo: markup HTML, editores visuales y una nota corta sobre apps sociales y documentos. La teoría del hipertexto es un artículo aparte; esto es el how-to práctico.
Enlaces activos vs inactivos
Activo: clic — se abre una página, un archivo o un ancla en la página. Inactivo: una cadena `https://…` que no es un enlace — el usuario la copia él mismo.
Los enlaces activos mejoran la UX y ayudan a llevar a la gente a la sección, producto o formulario correctos.
Un enlace puede verse como:
- texto ancla
- un botón
- un mapa de imagen
- una URL que el editor autoenlazó
Crearlo en HTML
Tag básico: `<a href="URL">ancla</a>`. El `href` es a dónde va. El texto entre tags es lo que ve el usuario.
Atributos habituales:
- `target="_blank"` — pestaña nueva
- `rel="noopener noreferrer"` — más seguro con `_blank`
- `title` — pista al hover (opcional)
- ancla `href="#block"` — salto dentro de la página
Editores visuales y CMS
En WordPress y la mayoría de builders: selecciona texto → Insertar enlace → pega URL → guarda. El editor escribe el HTML.
Visualmente un enlace activo suele ir subrayado o de color — el tema fija el estilo.
Los pasos son casi siempre los mismos:
- seleccionar una palabra, frase o imagen
- abrir la herramienta de enlace
- pegar la URL de destino
- guardar y probar con un clic
Apps sociales y mensajeros
Las reglas de clicabilidad difieren. En VKontakte una URL en un post a menudo se vuelve activa sola; las comunidades usan direcciones cortas y completas de página.
En Instagram la clicabilidad está limitada por formato: un enlace en el header del perfil o campos oficiales de Stories/ads son más fiables — no un «código mágico en comentarios» de guías viejas.
Enlaces en Word y documentos
En Word: selecciona texto → Insertar → Enlace → fija una dirección o archivo. Tras Enter en una URL el editor a veces la autoactiva.
Para la web es una skill lateral: el sitio sigue recibiendo HTML del CMS o del layout.
Errores típicos:
- anclas tipo «aquí» / «más» sin sentido
- URLs rotas o http cuando existe https
- enlaces a una página utilitaria «en progreso»
- demasiados enlaces salientes inútiles
FAQ
¿Por qué un enlace activo es mejor que una URL pelada?
Un clic en lugar de copiar-pegar en la barra de direcciones. Más cómodo y menos typos.
¿Cuál es el HTML mínimo?
`<a href="https://example.com/">Texto del enlace</a>`. Para una pestaña nueva añade `target="_blank"` y preferiblemente `rel="noopener"`.
¿Qué debe decir el ancla?
El sentido del destino: «condiciones de envío», no «aquí» o «clic». Más claro para la gente y más útil para SEO.
¿Por qué un enlace no siempre es clicable en Instagram?
Límites de formato: la URL del header del perfil suele ser activa; en el caption de un post normal — a menudo no. Consulta la ayuda actual de la app.
¿Un enlace de Word es lo mismo que en un sitio?
Idea similar (clic → ir), pero es un documento, no una página HTML. Para un sitio sigues necesitando markup o un editor de CMS.
¿Enlaces «muertos» en texto o anclas que no dicen nada?
Revisamos markup, CMS y plantillas — URLs activas con anclas con sentido, no «clic aquí».
Hablar del proyecto
