Открытие ссылок в новой вкладке – важный аспект как для пользовательского опыта (UX), так и для SEO. Правильная настройка позволяет удерживать посетителей на вашем сайте, одновременно предоставляя доступ к внешним ресурсам. В WordPress существует несколько способов реализации этой функциональности, от простых настроек в админ-панели до использования плагинов и ручного редактирования кода. В этом руководстве мы рассмотрим все доступные методы, их преимущества и недостатки, а также лучшие практики использования.
Настройка открытия ссылок в новой вкладке через админ-панель WordPress
Самый простой и рекомендуемый способ – использование встроенных инструментов WordPress. Этот метод не требует знаний кода и доступен любому пользователю с правами администратора.
Пошаговая инструкция: Активация опции ‘Открывать в новой вкладке’
-
Войдите в админ-панель WordPress.
-
Перейдите в раздел Внешний вид → Меню.
-
В правом верхнем углу экрана нажмите Настройки экрана.
-
Установите флажок напротив пункта Связи (или Target).
-
Теперь, при редактировании каждого пункта меню, вы увидите опцию Открывать ссылку в новой вкладке (или Open link in a new tab/window). Просто установите флажок, чтобы ссылка открывалась в новом окне.
-
Сохраните изменения в меню, нажав кнопку Сохранить меню.
Устранение неполадок: Если опция ‘Открывать в новой вкладке’ не отображается
Если опция Связи отсутствует в Настройках экрана, убедитесь, что вы находитесь в режиме редактирования меню. Также, возможно, ваш шаблон WordPress переопределяет стандартные настройки меню. В этом случае, потребуется обратиться к разработчику темы или использовать один из альтернативных методов, описанных ниже.
Ручное добавление атрибута target="_blank" в меню WordPress
Этот метод подходит для тех, кто знаком с основами HTML и хочет иметь больше контроля над процессом.
Редактирование пунктов меню: добавление target="_blank" через HTML
-
Включите отображение свойств связи, как описано выше.
-
Для нужного пункта меню в поле Атрибут title (или Title Attribute) введите
target="_blank" rel="noopener noreferrer". Атрибутrel="noopener noreferrer"важен для безопасности и предотвращения возможных уязвимостей, особенно при ссылках на внешние ресурсы. -
Сохраните изменения в меню.
Использование пользовательских полей для добавления атрибута
Более продвинутый способ – использование плагинов для добавления пользовательских полей к пунктам меню. Это позволяет добавить атрибут target="_blank" более структурированно и избежать прямого редактирования HTML. Пример плагина: Advanced Custom Fields (ACF). После установки и настройки плагина, можно создать поле для добавления атрибута target и применять его к нужным пунктам меню.
Использование плагинов для управления открытием ссылок в WordPress
Существуют плагины, упрощающие управление атрибутами ссылок, в том числе target="_blank".
Обзор популярных плагинов для управления ссылками
-
Open external links in a new window: Простое решение для автоматического открытия всех внешних ссылок в новых вкладках.
-
WP External Links: Предоставляет больше контроля над внешними ссылками, позволяя добавлять атрибуты
nofollow,noopener, а также иконки. -
Rank Math SEO: (или Yoast SEO) Многие SEO плагины включают в себя функциональность для управления атрибутами ссылок, в том числе открытие в новых вкладках.
Настройка и использование плагинов: примеры и рекомендации
Большинство плагинов имеют интуитивно понятный интерфейс. Как правило, нужно просто установить и активировать плагин, а затем настроить параметры, указав, какие типы ссылок должны открываться в новых вкладках (например, только внешние). Некоторые плагины позволяют применять настройки глобально, а другие – индивидуально к каждому пункту меню.
Когда следует открывать ссылки в новой вкладке: лучшие практики и SEO
Влияние открытия ссылок в новой вкладке на пользовательский опыт (UX) и SEO
-
UX: Открытие внешних ссылок в новой вкладке помогает удержать пользователя на вашем сайте, не прерывая его навигацию. Для внутренних ссылок чаще используют открытие в той же вкладке.
-
SEO: Прямого влияния на SEO открытие ссылок в новой вкладке не оказывает. Однако, удержание пользователей на сайте и снижение показателя отказов (bounce rate) может косвенно улучшить позиции вашего сайта в поисковой выдаче. Важно использовать
rel="noopener noreferrer"для защиты от уязвимостей и передачи SEO-значимости.
Рекомендации по использованию: когда открывать в новой вкладке, а когда нет (внутренние vs внешние ссылки)
-
Внешние ссылки: Рекомендуется открывать в новой вкладке, чтобы пользователь не покидал ваш сайт.
-
Внутренние ссылки: Обычно открываются в той же вкладке, обеспечивая плавную навигацию по сайту. Открытие внутренних ссылок в новых вкладках может запутать пользователя.
-
Ссылки на документы (PDF, DOC и т.д.): Часто открывают в новой вкладке, чтобы пользователь мог легко вернуться на страницу с которой был осуществлен переход.
Заключение
Настройка открытия ссылок в новой вкладке – простая, но важная задача для любого владельца сайта на WordPress. Используйте встроенные инструменты, плагины или ручное редактирование, чтобы оптимизировать пользовательский опыт и повысить эффективность вашего сайта. Помните о балансе между удобством пользователей и SEO-оптимизацией. 🚀