≡En resumen
- target="_blank" abre el enlace en una pestaña nueva; sin él, el enlace abre en la misma.
- Los navegadores actuales añaden noopener por defecto, pero rel="noopener" sigue siendo buena práctica.
- No mejora ni empeora el posicionamiento: los atributos que importan al SEO son href y rel (nofollow, sponsored, ugc).
- Úsalo en PDFs, formularios en curso y enlaces externos concretos, no en toda la navegación.
- Si lo usas, avisa al usuario de que se abrirá una pestaña nueva.
01 ¿Qué es un enlace target blank?
El atributo target existe desde las primeras versiones de HTML, cuando las webs se dividían en marcos (frames) y hacía falta indicar en cuál debía cargarse cada enlace. Hoy casi solo se usa su valor _blank. Lo escribirás de dos formas en las búsquedas, target blank o target_blank, pero en el código siempre va con guion bajo y entre comillas: target="_blank".
| Valor | Dónde abre el enlace | Uso actual |
|---|---|---|
| _self | En la misma pestaña (valor por defecto) | Todos los enlaces normales |
| _blank | En una pestaña nueva; el usuario puede configurar el navegador para que sea una ventana | Enlaces que no deben sacar al usuario de la página |
| _parent | En el contexto padre; si no lo hay, como _self | Contenido dentro de iframes |
| _top | En el contexto de nivel superior; si no lo hay, como _self | Salir de un iframe a la ventana completa |
| nombre | En la ventana o iframe con ese nombre (si no existe, se crea) | Aplicaciones que reutilizan una misma pestaña |
02 Cómo abrir un enlace en una pestaña nueva
-
1
En HTML
Añade target="_blank" a la etiqueta a. Recomendado: añade también rel="noopener" para cubrir navegadores antiguos, de modo que el enlace quede con href, target y rel.
-
2
En WordPress (Gutenberg)
Selecciona el texto, pulsa el icono de enlace, pega la URL y activa la opción «Abrir en una nueva pestaña» en los ajustes del enlace. WordPress añade el atributo por ti.
-
3
En un menú de WordPress
En Apariencia > Menús, abre las Opciones de pantalla, marca «Destino del enlace» y activa «Abrir enlace en una pestaña nueva» en el elemento que quieras.
-
4
Con JavaScript
Usa window.open(url, '_blank', 'noopener') para abrir una pestaña nueva sin dar acceso a la página original.
-
5
Compruébalo
Inspecciona el enlace con las herramientas de desarrollo del navegador y verifica que el atributo está en la etiqueta y que no se ha duplicado.
03 target="_blank", noopener y noreferrer: la parte de seguridad
Durante años, target="_blank" tuvo un problema de seguridad: la página abierta recibía acceso a la original a través de window.opener y podía redirigirla, por ejemplo, a una copia falsa para robar contraseñas. Es el ataque conocido como reverse tabnabbing. La solución era añadir rel="noopener", que corta ese acceso, o rel="noreferrer", que además oculta la página de procedencia.
Hoy la especificación HTML hace que target="_blank" implique noopener por defecto, y los navegadores principales ya lo aplican.
| Navegador | Versión |
|---|---|
| Chrome | 88 |
| Edge | 88 |
| Firefox | 79 |
| Safari | 12.1 |
04 ¿Afecta target blank al SEO?
No de forma directa. Google indica que solo puede rastrear un enlace si es un elemento <a> con atributo href, y su documentación no menciona el atributo target. Abrir en pestaña nueva no transmite más ni menos autoridad, no «ayuda a indexar» y no alarga por sí solo el tiempo de permanencia de forma que Google lo premie. Lo que sí cambia cómo trata Google un enlace es el atributo rel: un enlace nofollow, sponsored para enlaces pagados o ugc para contenido de usuarios.
| Atributo | Qué controla | ¿Influye en el SEO? |
|---|---|---|
| target="_blank" | Dónde se abre el enlace | No |
| rel="noopener" / "noreferrer" | Seguridad y cabecera Referer | No |
| rel="nofollow" | Pide a Google no asociar tu sitio con el destino | Sí, es una indicación sobre el enlace |
| rel="sponsored" | Marca enlaces pagados o patrocinados | Sí, obligatorio para enlaces pagados |
| rel="ugc" | Marca enlaces creados por usuarios | Sí, como indicación |
05 Cuándo usar target="_blank" y cuándo no
Sí: documentos
PDFs, hojas de cálculo o imágenes a tamaño completo que el usuario consulta y cierra.
Sí: tareas en curso
Enlaces a condiciones o ayuda desde un formulario, un carrito o un proceso de pago, para no perder lo introducido.
Sí: aplicaciones
Paneles o herramientas web donde salir de la página rompería el trabajo del usuario.
No: navegación interna
Los enlaces del menú y los internos deben abrir en la misma pestaña; abrir pestañas propias confunde y rompe el botón Atrás.
No: por sistema en enlaces externos
Obligar a abrir todo lo externo en otra pestaña quita control al usuario, sobre todo en móvil.
La guía de accesibilidad WCAG recoge como técnica recomendada (G201) avisar antes de que un enlace abra una ventana nueva, tanto visualmente como para lectores de pantalla. Si quieres profundizar en lo que exige la normativa, tienes nuestra guía de accesibilidad web, y en proyectos nuevos lo trabajamos desde el diseño UX.
<a href="/tarifas.pdf" target="_blank" rel="noopener">Tarifas 2026 (PDF, se abre en una pestaña nueva)</a>
El texto avisa del formato y del comportamiento. También puedes usar un icono con texto alternativo equivalente.
06 Errores habituales con target blank
- ✓Escribir target="blank" sin guion bajo: funciona como un nombre de ventana y reutiliza la misma pestaña en cada clic.
- ✓Poner target="_blank" en todos los enlaces internos del menú.
- ✓Añadir rel="noreferrer" por defecto y perder la atribución de las visitas que envías a socios.
- ✓No avisar de que el enlace abre una pestaña nueva.
- ✓Creer que el atributo mejora el SEO y aplicarlo masivamente con un plugin.
- ✓Abrir pestañas nuevas desde JavaScript sin noopener en código antiguo.
Preguntas frecuentes sobre Enlace target blank (target="_blank")
Es el valor _blank del atributo target de un enlace HTML. Hace que el enlace se abra en una pestaña o ventana nueva en lugar de en la actual.
Añade target="_blank" a la etiqueta a, por ejemplo <a href="https://ejemplo.com" target="_blank" rel="noopener">. En WordPress basta con activar «Abrir en una nueva pestaña» al crear el enlace.
_self abre el enlace en la misma pestaña y es el valor por defecto; _blank lo abre en una pestaña nueva.
En navegadores actuales no, porque target="_blank" ya implica noopener. Añadirlo sigue siendo buena práctica por compatibilidad con navegadores antiguos.
No. Google rastrea los enlaces por su href y no tiene en cuenta el target. Lo que sí influye es el atributo rel, como nofollow o sponsored.
Puede desorientar a usuarios de lectores de pantalla o con dificultades cognitivas. Si lo usas, avisa en el texto o con un icono de que se abrirá una pestaña nueva.
El navegador lo trata como el nombre de una ventana: abre una pestaña nueva la primera vez y reutiliza esa misma pestaña en los siguientes clics.
Pulsa Ctrl + clic (Cmd + clic en Mac) o haz clic con la rueda del ratón. En el móvil, mantén pulsado el enlace y elige abrir en una pestaña nueva.
Fuentes consultadas
Sobre el autor
Germán Gutiérrez
Development Manager en appyweb
Dirige el equipo de desarrollo de appyweb: aplicaciones web y móviles, SaaS, integraciones y arquitectura de software.
Ver perfil en LinkedIn ↗