WordPress: Как сделать, чтобы каждая ссылка открывалась в новой вкладке? Полное руководство для новичков

Открытие ссылок в новой вкладке — важный аспект юзабилити и SEO оптимизации вашего WordPress сайта. В этой статье мы подробно рассмотрим, как настроить открытие ссылок в новой вкладке, используя различные методы и инструменты WordPress, а также обсудим вопросы безопасности и оптимизации.

Зачем открывать ссылки в новой вкладке? Преимущества и недостатки

Открытие ссылок в новой вкладке может значительно улучшить пользовательский опыт, но также имеет и некоторые недостатки. Рассмотрим основные аспекты.

Положительное влияние на пользовательский опыт (UX) и удержание посетителей

Когда ссылка открывается в новой вкладке, посетитель остается на вашем сайте. Это особенно важно для внешних ссылок, так как позволяет пользователю ознакомиться с ресурсом, на который он перешел, не покидая ваш сайт. Таким образом, повышается время пребывания на сайте и снижается показатель отказов.

SEO аспекты: влияние на время пребывания и поведенческие факторы

Увеличение времени пребывания на сайте положительно влияет на SEO. Google учитывает поведенческие факторы, такие как время, проведенное пользователем на странице, и процент отказов. Открытие ссылок в новой вкладке способствует улучшению этих показателей.

Как настроить открытие ссылок в новой вкладке в редакторе Gutenberg

Gutenberg, современный редактор блоков WordPress, делает настройку ссылок интуитивно понятной. Вот как это сделать:

Пошаговая инструкция: добавление target=’_blank’ в блоке ‘Ссылка’

1. Выделите текст, который хотите сделать ссылкой.

2. Нажмите на иконку вставки/редактирования ссылки (обычно выглядит как звено цепи).

3. Вставьте URL-адрес ссылки в поле.

4. В настройках блока ‘Ссылка’ (обычно отображаются на боковой панели справа) поставьте галочку напротив опции "Открыть в новой вкладке". WordPress автоматически добавит атрибут target="_blank" к вашей ссылке.

Решение проблем: что делать, если атрибут target не отображается в настройках

В редких случаях опция "Открыть в новой вкладке" может не отображаться. Убедитесь, что у вас установлена последняя версия WordPress и все плагины обновлены. Если проблема сохраняется, попробуйте отключить все плагины и активировать их по одному, чтобы выявить возможный конфликт.

Настройка открытия ссылок в классическом редакторе WordPress

Если вы все еще используете классический редактор WordPress, настройка открытия ссылок в новой вкладке немного отличается.

Ручное добавление атрибута target=’_blank’ в HTML-код ссылки

1. В классическом редакторе перейдите в режим "Текст" (вкладка справа вверху).

   Реклама

2. Найдите HTML-код вашей ссылки. Он будет выглядеть примерно так: <a href="https://example.com">Текст ссылки</a>.

3. Добавьте атрибут target="_blank" в тег <a>. Получится так: <a href="https://example.com" target="_blank">Текст ссылки</a>.

4. При необходимости добавьте rel="noopener noreferrer" (об этом ниже). Полный код: <a href="https://example.com" target="_blank" rel="noopener noreferrer">Текст ссылки</a>.

Использование плагинов для автоматизации процесса

Существуют плагины, которые позволяют автоматически добавлять атрибут target="_blank" ко всем внешним ссылкам. Некоторые популярные плагины включают:

• "Open external links in a new window"

• "Insert Pages with target="_blank""

Эти плагины упрощают процесс и избавляют от необходимости вручную редактировать каждую ссылку.

Безопасность и оптимизация: target=’_blank’ и rel=’noopener noreferrer’

Использование атрибута target="_blank" может создать уязвимость безопасности, если не добавить атрибут rel="noopener noreferrer".

Объяснение уязвимости и необходимость rel=’noopener noreferrer’

Когда ссылка открывается в новой вкладке с атрибутом target="_blank", новая страница получает доступ к объекту window.opener исходной страницы. Это может позволить вредоносному сайту изменить исходную страницу или перенаправить ее на фишинговый сайт.

Атрибут rel="noopener noreferrer" предотвращает это, разрывая связь между новой и исходной страницами. noopener предотвращает эксплуатацию window.opener, а noreferrer скрывает информацию о том, с какой страницы был осуществлен переход (Referer).

Как правильно добавить rel=’noopener noreferrer’ для всех ссылок

• В Gutenberg: При установке галочки "Открыть в новой вкладке", WordPress автоматически добавляет rel="noopener noreferrer".

• В классическом редакторе: Необходимо вручную добавлять rel="noopener noreferrer" к каждой ссылке вместе с target="_blank".

• Использование плагинов: Многие плагины для управления ссылками автоматически добавляют rel="noopener noreferrer".

Важно: Всегда используйте rel="noopener noreferrer" вместе с target="_blank" для обеспечения безопасности вашего сайта и пользователей.

Заключение

Настройка открытия ссылок в новой вкладке — важный элемент создания удобного и безопасного WordPress сайта. Следуя инструкциям, приведенным в этой статье, вы сможете легко настроить открытие ссылок в новой вкладке, используя редактор Gutenberg, классический редактор или плагины. Не забывайте о безопасности и всегда добавляйте атрибут rel="noopener noreferrer" для защиты вашего сайта от потенциальных угроз.