Enlaces HTML bien usados: usabilidad, protocolos y SEO
Los enlaces HTML conectan contenidos, activan acciones en dispositivos y envían señales claras a los motores de búsqueda. Los cuatro bloques cubren los tipos de enlace más habituales en proyectos web.
Enlazar objetivos internos con claridad
Aquí importa sobre todo el texto del enlace. El objetivo o la acción deben verse de inmediato.
Abrir teléfono, correo y mapas de forma directa
tel:, mailto: y geo: encajan con acciones directas. aria-label añade contexto claro a etiquetas breves.
Abrir referencias externas de forma consciente
Una pestaña nueva encaja sobre todo con referencias, herramientas o contextos de trabajo separados. noopener noreferrer añade seguridad a la navegación.
Saltar en páginas largas con anclas
Los enlaces ancla llevan directamente a una sección y dan una dirección clara a las páginas largas.
Puntos clave
- El texto del enlace nombra con claridad objetivo o acción
- El protocolo encaja con la acción esperada
- Las pestañas nuevas se usan de forma consciente
- Los números de teléfono están bien formateados
- Los enlaces siguen siendo comprensibles para lectores de pantalla