Abrir links que no son del blog en pestañas automáticamente

Hay diversos factores que ocasionan la pérdida de tráfico web, entre ellos puedo citar una difícil navegación por nuestras páginas, un diseño soso y no responsivo, contenido pobre sin calidad y el tiempo de carga lenta de nuestro sitio. A veces por falta de conocimiento o descuido, no tomamos en cuenta esto y notamos que nuestro blog se queda estancado, las visitas no aumentan más al contrario disminuyen, los ingresos son muy bajos o nulos, todo de mal en peor...

Aunado a todo lo anterior, hay un pequeño pero gran detalle que en ocasiones olvidamos: "abrir vínculos en una ventana nueva". Si bien el panel de edición de Blogger nos permite esa opción, hay un truco útil que hace que todos los links externos se abran automáticamente en nuevas pestañas, esto quiere decir que si enlazamos a otro sitio, de manera automática este enlace se abra en una nueva pestaña sin tener que agregar manualmente el respectivo código target="_blank".

Este truco por cierto también funcionará con nuestros antiguos links sin importar donde estén (header, body, footer, sidebar), pues funciona de manera automática ;-)

¿Qué beneficios otorga?

• Los visitantes no abandonarán nuestro sitio, pues al hacer clic en un link éste se abrirá en una nueva pestaña y no dentro de la misma.
• Todos los vínculos que no pertenezcan a nuestro blog (externos), serán abierto automáticamente en una nueva pestaña.
• Facilitará la navegación al visitante.

¡Manos a la obra!

Paso 1: Ve al panel de tu blog en > Plantilla > Editar HTML.

Paso 2: Haz clic dentro de la plantilla y presiona Ctrl+F para abrir el buscador interno. Busca el cierre de la etiqueta </head>

Haz clic en la imagen para ampliarla

Y pega encima de ella el siguiente código:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { $("a[href^='http://']").each( function(){ if(this.href.indexOf(location.hostname) == -1) { $(this).attr('target', '_blank'); } } ); $("a[href^='https://']").each( function(){ if(this.href.indexOf(location.hostname) == -1) { $(this).attr('target', '_blank'); } } ); }); </script>
Guarda los cambios y eso es todo. Ahora puedes comprobar cómo los vínculos que no pertenecen a tu blog, se abren automáticamente en nuevas pestañas. ¿Te resultó útil? No dudes en compartirlo o dejar un comentario :D

Tweet