Для начала, посетители вашего сайта будут очень раздражены, если каждая ссылка на вашем сайте откроет новую вкладку браузера; поэтому важно держать пользователя на текущей вкладке браузера в максимально возможной степени и до тех пор, пока это имеет смысл. Однако, как владелец сайта, вы хотите, чтобы посетители оставались на вашем сайте как можно дольше и не уходили. Поскольку не стоит ожидать, что посетители никогда не нажмут на ссылку, которая редиректит их с сайта, лучшее, что можно сделать, – это оставить ваш сайт открытым на текущей вкладке и открыть любые внешние сайты в новой вкладке браузера.
Если вы хотите, чтобы ссылка открывалась в новой вкладке браузера, вы обычно устанавливаете target
атрибут для ссылки в _blank
, например, так:
<a href="https://www.google.com/">Click here</a>
Проблема в том, что человек, создающий ссылку, может не знать HTML. Даже если он используют систему управления контентом, которая позволяет легко установить настройку для открытия ссылка в новом окне или нет, вполне вероятно, что пользователь может не помнить, как устанавливать эту настройку каждый раз.
К счастью, этот фрагмент jQuery может быть добавлен на ваш сайт и позволит легко и последовательно открывать внешние ссылки в новой вкладке браузера :
/**
* Открываем все внешние ссылки в новом окне
*/
jQuery(document).ready(function($) {
$('a').filter('[href^="http"], [href^="//"]'.not('[href*="' + window.location.host + '"]'.attr('rel', 'noopener noreferrer').attr('target', '_blank');
});
Статья была переведена для блога TechBlog.SDStudio.top
Источник: wpscholar.com