AI
AI Marketing Community
Вступить бесплатно
Главная/Блог/Веб-кодинг
Веб-кодинг · 5 мин

Как размечать партнёрские ссылки: sponsored и nofollow

Добавьте rel="sponsored" к ссылке, если она размещена за вознаграждение, в том числе к ссылке на оффер с комиссией за покупку. Проверьте итоговую разметку в браузере, особенно если одна кнопка собирается вручную, а другая приходит из виджета.

Когда ставить каждый атрибут

РазмещениеАтрибутЧто проверить
Текстовая ссылка с комиссией за заказsponsoredФактический элемент ссылки в статье
Кнопка оплаченной интеграцииsponsoredВерсии для компьютера и телефона
Ссылка в комментарии читателяugcШаблон комментариев
Обычная редакционная ссылка на документациюСпециальный атрибут обычно не нуженСсылка действительно ведёт на источник

Документация Google предпочитает sponsored для оплаченных размещений и допускает nofollow. Яндекс Вебмастер тоже описывает sponsored для рекламных и партнёрских ссылок. Значения можно сочетать. Для старого шаблона с nofollow проверьте, что добавление второго значения не стирает исходное.

Как добавить атрибут в HTML и WordPress

В HTML разметка ставится на элементе <a>. В примере адрес демонстрационный. При публикации используйте ссылку, выданную партнёрской программой.

<a href="https://example.org/offer" rel="sponsored">
  Посмотреть условия предложения
</a>

В WordPress откройте настройки конкретной ссылки или HTML блока. Для кнопок из конструктора проверьте, позволяет ли он указать атрибут ссылки. Если карточки рендерятся из одного шаблона, задайте явный признак партнёрской ссылки в данных и выведите атрибут в шаблоне. Не добавляйте его ко всем внешним адресам автоматически. Тогда источники, документы и полезные редакционные ссылки сохранят свою обычную разметку.

Как найти пропуски на странице

Откройте страницу, раскройте все секции с предложениями и проверьте вкладку Elements. У ссылки должна быть пара href и rel. Если вы знаете домен партнёрских переходов, вот проверка для консоли браузера. Замените example.org на нужный домен.

Array.from(document.links)
  .filter(link => new URL(link.href).hostname === 'example.org')
  .map(link => ({
    text: link.textContent.trim(),
    sponsored: link.relList.contains('sponsored'),
    url: link.href
  }))

Запустите проверку для каждой сети и отдельно для собственных адресов переадресации, если они используются. Мобильная и настольная версии могут выводить разные кнопки. Виджет во фрейме проверяйте внутри самого фрейма, если он доступен. После смены темы или плагина повторите проверку на странице сравнения, на обзоре и на странице с виджетом.

Что атрибут меняет для читателя и поиска

Атрибут описывает связь сайта с размещением. Посетитель по-прежнему может перейти по ссылке. Текст о партнёрском вознаграждении разместите рядом с рекомендацией, чтобы его можно было прочитать до перехода. Атрибут сам по себе не управляет индексацией статьи. Для индексации проверьте HTTP-ответ, canonical, robots и внутренние ссылки отдельно. Для учёта переходов сверяйте событие клика и метку сети независимо от разметки.

От первого сайта до монетизации

В Telegram Дмитрий пишет о веб-кодинге, автоматизации и о том, как монетизировать сайты через партнёрки.

Подписаться в Telegram

Читайте дальше