В современном SEO важно не только создавать качественный контент, но и правильно управлять ссылками на вашем сайте. Особенно это касается ссылок в меню WordPress. Часто возникает задача добавить специальные атрибуты rel="nofollow" и rel="ugc" к ссылкам меню, чтобы указать поисковым системам, как обрабатывать эти ссылки. В этом руководстве мы разберём, как добавить эти атрибуты к ссылкам меню WordPress без использования громоздких плагинов, используя чистый код и стандартные возможности CMS.
Зачем нужны атрибуты nofollow и ugc в меню WordPress
Атрибут nofollow говорит поисковым системам не передавать вес страницы по данной ссылке. Это полезно, если вы ссылаетесь на внешние ресурсы, которым не хотите передавать авторитет, или на страницы с низким качеством.
Атрибут ugc (User Generated Content) введён Google для обозначения ссылок, которые размещены пользователями, например, в комментариях или на форумах. В некоторых случаях он применяется к ссылкам, которые не контролируются напрямую владельцем сайта.
Добавляя эти атрибуты к ссылкам меню, вы улучшаете контроль над SEO-аспектами сайта, особенно если меню содержит внешние ссылки или ссылки, к которым применима политика nofollow.
Как в WordPress добавить атрибуты rel к ссылкам меню через интерфейс
По умолчанию WordPress позволяет добавлять атрибут rel к ссылкам меню через настройки внешнего вида, но эта опция скрыта. Чтобы её активировать:
- Перейдите в админку WordPress в раздел Внешний вид > Меню.
- В правом верхнем углу нажмите на кнопку Настройки экрана.
- В выпадающем меню отметьте чекбокс Атрибуты ссылки.
Теперь при редактировании каждого элемента меню у вас появится поле Атрибуты ссылки (rel), куда можно добавить nofollow, ugc или другие значения через пробел.
Однако этот способ требует ручного редактирования каждого пункта меню, что неудобно при большом количестве пунктов или при необходимости динамического добавления атрибутов.
Добавление атрибутов nofollow и ugc к ссылкам меню WordPress программно
Для автоматизации процесса можно использовать фильтр nav_menu_link_attributes. Он позволяет изменить атрибуты ссылок меню перед выводом.
Ниже пример функции, которую можно добавить в файл functions.php вашей темы или в кастомный плагин. Она добавляет атрибуты nofollow и ugc к ссылкам меню, у которых в заголовке (title) содержится текст nofollow или ugc соответственно. Такой способ удобно использовать для пометки ссылок через интерфейс меню.
function wpeducation_add_rel_attributes_to_menu_links($atts, $item, $args, $depth) {
// Проверяем наличие заголовка у пункта меню
if (!empty($item->attr_title)) {
$rels = explode(' ', $item->attr_title);
$current_rels = isset($atts['rel']) ? explode(' ', $atts['rel']) : [];
foreach ($rels as $rel) {
$rel = trim($rel);
if (in_array($rel, ['nofollow', 'ugc']) && !in_array($rel, $current_rels)) {
$current_rels[] = $rel;
}
}
if (!empty($current_rels)) {
$atts['rel'] = implode(' ', $current_rels);
}
}
return $atts;
}
add_filter('nav_menu_link_attributes', 'wpeducation_add_rel_attributes_to_menu_links', 10, 4);Объяснение работы кода:
- Функция получает атрибуты ссылки, объект пункта меню и другие параметры.
- Из поля
Атрибуты ссылки (title)пункта меню берутся слова, например,nofollow ugc. - Если среди них есть
nofollowилиugc, они добавляются в атрибутrelссылки. - Функция возвращает изменённый массив атрибутов.
Другие варианты добавления атрибутов rel к ссылкам меню
Добавление по условию URL
Если нужно добавлять nofollow к внешним ссылкам, а для внутренних — нет, можно сделать так:
function wpeducation_nofollow_external_menu_links($atts, $item, $args, $depth) {
$url = $item->url;
$site_url = home_url();
if (strpos($url, $site_url) !== 0) { // если ссылка внешняя
$atts['rel'] = isset($atts['rel']) ? $atts['rel'] . ' nofollow' : 'nofollow';
}
return $atts;
}
add_filter('nav_menu_link_attributes', 'wpeducation_nofollow_external_menu_links', 10, 4);Так вы автоматически добавите nofollow ко всем внешним ссылкам меню, не трогая внутренние.
Использование плагинов для управления атрибутами rel
Если вы предпочитаете визуальные настройки, можно использовать плагин Clearfy Pro. Он позволяет гибко управлять SEO-настройками, включая добавление атрибутов rel к ссылкам, а также оптимизировать сайт в целом.
Clearfy Pro интегрируется с меню и позволяет выставлять правила без правки кода, что подходит для владельцев сайтов без технических навыков.
Проверка результата и рекомендации по SEO
После добавления атрибутов обязательно проверьте исходный код страниц с меню. Для этого откройте страницу в браузере, нажмите правой кнопкой мыши и выберите «Просмотреть код» или используйте инструменты разработчика (F12). Найдите ссылки меню и убедитесь, что в атрибуте rel присутствуют необходимые значения (nofollow, ugc).
Не стоит бездумно добавлять nofollow ко всем ссылкам — это может снизить индексируемость сайта и ухудшить внутреннюю перелинковку. Используйте этот атрибут только там, где действительно важно не передавать вес.
Атрибут ugc рекомендован для ссылок, которые размещены пользователями, но в меню он может использоваться для выделения ссылок с внешними ресурсами, если это соответствует вашей стратегии.
Выводы и полезные советы
- Используйте встроенную опцию WordPress для редактирования атрибутов rel в меню, если количество пунктов невелико.
- Для автоматизации и гибкости применяйте фильтр
nav_menu_link_attributesс кастомным кодом. - При использовании плагинов, таких как Clearfy Pro, получите удобный интерфейс и дополнительные SEO-инструменты.
- Тестируйте изменения через инструменты разработчика и SEO-сканеры, чтобы убедиться в корректности внедрения.