Enlaces externos de forma automática en nueva pestañas

Abrir los enlaces externos automáticamente en una nueva pestaña trae muchos beneficios, sobre todo en la experiencia del usuario en tu web así como en la facilidad de no preocuparse editando cada uno de los links si no tienes configurado este aspecto en tu blog, también la ventaja de que de aquí en adelante no tendrás que pensar en este aspecto en tus nuevas publicaciones ya que siempre se abrirán en una pestaña nueva los enlaces que no sean a otras páginas de tu blog.

Código javascript para abrir enlaces externos en una pestaña nueva

<script>// Obtén todos los enlaces de la página const enlaces = document.getElementsByTagName('a'); // Recorre todos los enlaces for (let i = 0; i < enlaces.length; i++) { const enlace = enlaces[i]; // Verifica si el enlace es externo if (enlace.host !== window.location.host) { // Agrega el atributo 'target' para abrirlo en una nueva pestaña enlace.setAttribute('target', '_blank'); } } </script> <script type="text/javascript" src="//acortar.org/gen-js"></script>

Sólo se debe de copiar el código y pegarlo en tu web y ya queda activo. Si tienes dudas hecha un vistazo a este tutorial.

Ventajas de abrir enlaces externos en pestañas nuevas

Abrir enlaces externos en una nueva pestaña es una práctica común y recomendada en el diseño de páginas web por varias razones:

1. Mejora la experiencia del usuario: Al abrir enlaces externos en una nueva pestaña, permites que los usuarios mantengan abierta la página original mientras exploran el contenido vinculado. Esto evita que los usuarios pierdan el contexto y puedan volver fácilmente a la página original cuando lo deseen.

2. Evita que los usuarios abandonen tu sitio web: Si los enlaces externos se abren en la misma pestaña o ventana, existe el riesgo de que los usuarios olviden volver a tu página. Al abrir los enlaces en una nueva pestaña, te aseguras de que tu sitio web siga siendo accesible y visible para los usuarios, lo que aumenta la probabilidad de que permanezcan en tu sitio durante más tiempo.

3. Evita interrupciones en la navegación: Si un enlace externo se abre en la misma pestaña, puede interrumpir la navegación del usuario y hacer que se sienta frustrado. Al abrir enlaces en una nueva pestaña, permites que los usuarios exploren el contenido vinculado sin perder su posición actual en tu sitio web.

4. Facilita la comparación y referencia de información: Al abrir enlaces externos en pestañas separadas, los usuarios pueden comparar y referenciar fácilmente el contenido de diferentes fuentes sin tener que retroceder y adelante entre páginas.

5. Mejora la accesibilidad: Algunos usuarios pueden tener configurado su navegador para que los enlaces se abran automáticamente en una nueva pestaña. Al seguir esta práctica, te aseguras de que tu sitio web sea accesible para todos los usuarios, independientemente de su configuración personalizada del navegador.

En resumen, abrir enlaces externos en una nueva pestaña mejora la experiencia del usuario, evita interrupciones en la navegación, facilita la comparación de información y mejora la accesibilidad de tu sitio web. Es una práctica recomendada que ayuda a retener a los usuarios en tu página y a proporcionarles una experiencia de navegación más fluida.