M&DMICHAEL & DiVIP STUDIO
077 206 88 88
Calle Hoholia 24, Bucha, Ucrania
24/7 · Las 24 horas
← Volver a la revista

VIP STUDIO MICHAEL & Di · 25.10.2026

Enlaces externos sin sorpresas: deja que el lector elija la siguiente pestaña

Navegador conceptual de papel con un camino azul que sigue adelante y otro que se abre hacia una ventana de papel independiente.
Ilustración conceptual original creada con IA sobre una elección de navegación; no es una captura de un navegador ni el resultado de una prueba con usuarios.

Un portafolio abre la web de un cliente, un artículo enlaza su fuente y una página de servicios lleva a una plataforma de reservas. Los tres enlaces salen del sitio, pero eso no significa que deban crear otra pestaña. Importa más lo que espera el lector y lo fácil que le resulte regresar.

Otro sitio no implica necesariamente otra pestaña

Empieza con un enlace normal en la pestaña actual. Las personas pueden elegir una nueva mediante las funciones de su navegador. Si la web toma esa decisión por ellas en cada destino externo, se acumulan pestañas y el botón Atrás puede parecer averiado. Una pestaña aparte puede ser útil para consultar una ayuda mientras se mantiene abierta una tarea sin terminar. Debe ser una excepción razonada, no una regla universal.

Explica el cambio antes del clic

Cuando la web abra una pestaña nueva, indícalo junto al enlace: «Leer la guía del fabricante — se abre en una pestaña nueva». Una flecha puede reforzar el mensaje, pero su significado no debería adivinarse. El aviso también debe estar disponible para quienes usan teclado o tecnologías de asistencia, sin depender solo de pasar el puntero. Las técnicas G200 y G201 del W3C son orientativas; un aviso por sí solo no demuestra la conformidad de toda la página con WCAG.

Separa navegación y protección

Utiliza un enlace real con una dirección de destino, no un script que lo imite. Si la pestaña nueva es intencionada, revisa target y rel. MDN explica que los enlaces modernos con target="_blank" se comportan implícitamente como noopener; un rel="noopener" explícito también permite leer esa intención en el código. El valor separado noreferrer evita enviar información sobre la página de procedencia. Elígelo por un motivo concreto, no como otro adorno de seguridad intercambiable.

Comprueba la vuelta, no solo la llegada

Prueba el clic normal, la activación con teclado y la orden del navegador para abrir otra pestaña. En un teléfono, visita el destino y regresa: ¿se entiende dónde se interrumpió la lectura? Si el enlace sale de un formulario incompleto, comprueba qué ocurre realmente con los datos introducidos. Abrir otra pestaña no sustituye el guardado de un borrador. La dirección y el aviso visible deben coincidir en cada versión lingüística.

Una pequeña regla editorial mejora todo el sitio

Documenta qué situaciones justifican una nueva pestaña y utiliza una formulación coherente. Revisa los enlaces cuando un socio cambie su dominio o servicio de reservas. El objetivo no es encerrar a los visitantes en tu web. Salir, consultar una fuente y volver debe sentirse como una continuación comprensible de su tarea.

Fuentes

Sigue leyendo

Descargas sin sorpresas: explicar el archivo antes del clic