Aprende cómo abrir enlaces externos en una nueva ventana con WordPress

Si eres dueño de un sitio web o blog en WordPress, seguramente te hayas preguntado cómo hacer para que los enlaces externos se abran en una nueva ventana o pestaña. Esto es muy importante si quieres que los usuarios permanezcan en tu sitio mientras exploran otros recursos en internet.

¿Por qué es importante abrir los enlaces externos en una nueva ventana o pestaña?

Abrir los enlaces externos en una nueva pestaña o ventana es especialmente importante si tu sitio web se beneficia de dichos enlaces de algún modo. Por ejemplo, si incluyes enlaces a productos de afiliación o a sitios web aliados, es poco probable que los usuarios vuelvan a tu página si se abre el enlace en la misma pestaña.

Asimismo, al abrir los enlaces externos en una nueva ventana o pestaña, aseguras que el usuario siempre tenga una forma de volver a tu sitio web y siga navegando.

¿Cómo hacer que los enlaces externos se abran en una nueva ventana o pestaña en WordPress?

Afortunadamente, WordPress ofrece varias maneras de hacer que los enlaces externos se abran en nuevas ventanas o pestañas. A continuación te enseñaré algunas opciones:

1. Plugin «External Links»

El plugin «External Links» es una opción popular para abrir los enlaces externos en una nueva ventana o pestaña en WordPress. Este plugin es muy fácil de usar y configurar, incluso si no eres muy experimentado en WordPress.

Después de instalar y activar el plugin, ve a la configuración del plugin en el menú «Ajustes». Aquí podrás establecer algunas opciones de personalización, como qué enlaces quieres que se abran en una nueva ventana o pestaña.

Una vez que hayas configurado el plugin según tus necesidades, no tendrás que hacer nada más. Todos los enlaces en tu sitio web abrirán en una nueva ventana o pestaña.

2. Código HTML

Si prefieres no instalar un plugin, siempre puedes agregar un código HTML a tus enlaces. Agrega el siguiente código a tu enlace, justo antes del URL: target=»_blank» rel=»noopener». Quedaría de esta forma:

<a href="https://www.ejemplo.com/" target="_blank" rel="noopener">Ejemplo</a>

Este código le dirá a los navegadores que el enlace debe abrirse en una nueva ventana o pestaña, en lugar de la misma pestaña.

3. Plugin «Open External Links in New Window»

El plugin «Open External Links in New Window» es una opción similar al plugin «External Links». Este plugin también es fácil de instalar y configurar, y te permitirá personalizar qué enlaces quieres que se abran en una nueva ventana o pestaña.

Después de instalar y activar el plugin, ve a la configuración del plugin en el menú «Ajustes». Aquí podrás establecer las opciones de personalización.

Una vez que hayas configurado el plugin como desees, cada vez que publiques un enlace externo, este se abrirá en una nueva ventana o pestaña, según lo hayas configurado.

4. Código JavaScript

Si prefieres utilizar código JavaScript en lugar de un plugin, lo siguiente te puede ayudar. Agrega el siguiente código a tu archivo JavaScript:

jQuery(document).ready(function($) { $('a[href^="http://"], a[href^="https://"]').not('a[href^="' + window.location.origin + '"]').attr('target','_blank');});

Este código le dirá a los navegadores que cualquier enlace que comience con «http://» o «https://» debe abrirse en una nueva ventana o pestaña.

Para finalizar:

Aunque WordPress no viene con una función incorporada para abrir los enlaces externos en una nueva ventana o pestaña, las opciones son diversas. Utilizando plugins, código HTML o JavaScript, puedes agregar esta característica en tu sitio web. Así asegurarás que los usuarios mantengan el enfoque en tu sitio y puedan navegar a través de los enlaces en una nueva ventana o pestaña sin salir de tu sitio.

Entradas relacionadas

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *