UX / UI
Enlaces descriptivos
«Aquí» no lleva a ningún lado.
Los enlaces descriptivos dicen a dónde llevan antes del clic. «Haz clic aquí» obliga a leer todo el párrafo para entender un solo enlace.
3 demos interactivas
Guía gratis por DM
UX / UI
01
Nadie lee el párrafo completo
Escribir enlaces descriptivos es una de las mejoras más baratas que puedes hacerle a una página. La gente no lee de corrido: escanea, y los enlaces son lo primero que salta a la vista porque tienen otro color.
Si tus enlaces dicen «aquí», «clic aquí» o «ver más», quien escanea no sabe a dónde va ninguno. Y quien usa lector de pantalla suele recorrer la lista de enlaces sueltos: escucha «aquí, aquí, aquí».
Un enlace bueno se entiende sin el texto de alrededor: «mira la guía de tallas», «descarga la factura (PDF, 120 KB)».
La regla de oro
Un enlace tiene que decir a dónde lleva, aunque lo leas solo.
02
Corrige la página de ayuda
Mira la corrección completa o toca cada paso: describe, distingue, separa y avisa.
Antes
03
Así no / así sí
Comparación: una lista de enlaces que solo dicen «aquí», frente a enlaces que describen su destino: mira la guía de tallas, descarga la factura en PDF de 120 KB, consulta las políticas de cambio y habla con un asesor.
Aquí, aquí, aquí.
Fuera de contexto, los enlaces genéricos no dicen nada. Así los escucha un lector de pantalla y así los ve quien escanea.
Se entienden solos.
Cada enlace nombra su destino. Se puede elegir sin leer el párrafo completo.
04
¿Enlace o botón?
Toca cada opción: si te lleva a otra página es un enlace; si hace una acción, un botón.
¿Enlace o botón? Toca cada opción para ver la respuesta.
05
Cómo escribir enlaces que funcionan
1
Describe
Pon el enlace sobre las palabras que nombran el destino: «mira la guía de tallas», no «para ver la guía haz clic aquí».
2
Distingue
Subrayado y color, no solo color. Hay personas que no distinguen el azul del negro, y el subrayado es la señal universal de enlace.
3
Separa
Si lleva a otra página, enlace. Si hace una acción (comprar, enviar, solicitar), botón.
4
Avisa
Si descarga un archivo o abre otra pestaña, dilo en el mismo enlace: «(PDF, 120 KB)» o el ícono ↗.
06
Antes de publicar
- ¿Ningún enlace dice solo «aquí», «clic aquí» o «ver más»?
- ¿Cada enlace se entiende leído solo?
- ¿Los enlaces del texto están subrayados?
- ¿Las acciones están en botones y la navegación en enlaces?
- ¿Avisas cuando un enlace descarga un archivo o abre otra pestaña?
COMENTA
“ENLACES”
y te envío
la guía
por DM
La guía de enlaces descriptivos en PDF: seis páginas con ejemplos, reglas y la lista para revisar antes de publicar. Comenta la palabra en el reel de Instagram y te llega por mensaje directo.
Preguntas
frecuentes
¿Por qué no usar «haz clic aquí» en un enlace?
Porque no dice a dónde lleva. Quien escanea la página y quien usa lector de pantalla leen los enlaces sin el párrafo de alrededor, y «aquí» fuera de contexto no significa nada.
¿Cómo se escribe un buen texto de enlace?
Con las palabras que nombran el destino o la acción: «descarga la factura», «mira la guía de tallas». Corto, específico y entendible aunque se lea solo.
¿Cuál es la diferencia entre un enlace y un botón?
El enlace lleva a otra página o a otra parte de la misma. El botón ejecuta una acción, como enviar un formulario o agregar al carrito. Visualmente, el enlace va subrayado y el botón tiene forma de botón.
Sigue aprendiendo
Conceptos
relacionados
Jerarquía de botones
——→ UX / UI
Jerarquía de botones
3 demos
Cómo diferenciar el botón principal del secundario y nombrar bien cada acción.
Etiquetas de formulario
——→ UX / UI
Etiquetas de formulario
3 demos
Por qué el placeholder no reemplaza la etiqueta y cómo armar un formulario claro.
Contraste
Reel · 3 demos
Brillo opuesto y ratio 4.5:1: la base para que tu texto se lea siempre.