Как размечать ссылки атрибутами ugc и sponsored

Значения ugc и sponsored в rel поясняют Google происхождение ссылки. Выберите подходящее значение, сохраните остальные атрибуты и проверьте опубликованный HTML.

Что должно получиться

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

Атрибут rel описывает отношение к ссылке. Он не исправляет неверный URL, не проверяет качество сайта назначения и не заменяет модерацию комментариев. Для посетителя переход обычно выглядит так же, как прежде. Поэтому техническую настройку нужно проверять в HTML, а полезность и понятность ссылки — отдельно в интерфейсе.

Для начала составьте небольшой перечень мест, где проект выводит внешние адреса: статьи редакции, комментарии, профили, объявления и партнёрские блоки. Один общий запрет для всех внешних ссылок не объясняет различий между этими случаями. Правило выбирают по обстоятельствам размещения, а не по длине адреса или цвету кнопки.

Из чего это складывается

Как это сделать по шагам

1. Определите происхождение ссылок. Разделите редакционные источники, пользовательские публикации и оплаченные размещения. Зафиксируйте смешанные случаи, когда адрес добавлен пользователем, но размещение одновременно связано с оплатой.
2. Найдите место формирования. Выясните, хранится ли ссылка в тексте, создаётся шаблоном или появляется в отдельном блоке. Проверяйте опубликованную страницу, а не только настройку в админке.
3. Выберите подходящие значения. Для оплаченного размещения используйте sponsored, для пользовательского содержимого — ugc. При необходимости сочетайте значения по их смыслу. Не добавляйте их обычному источнику только потому, что он расположен на другом домене.
4. Сохраните существующие свойства ссылки. Не меняйте href и подпись без отдельной причины. Если у ссылки уже есть rel, дополните его нужными значениями вместо создания второго одноимённого атрибута.
5. Проверьте пробный материал. Сохраните изменение и посмотрите итоговый элемент a. Убедитесь, что редактор, шаблон или обработчик не удалил нужное значение и не восстановил прежний вариант.
6. Проверьте переход как посетитель. Откройте ссылку и сравните адрес с ожидаемым. Если есть промежуточная страница перенаправления, убедитесь, что она ведёт к правильному месту и нужная настройка не приписана случайному соседнему элементу.
7. Распространите правило и проверьте обновление. Протестируйте разные типы материалов и повторное редактирование. Запишите, где формируется rel и кто отвечает за его сохранение при обновлении шаблона или компонента.

Как выбрать ugc или sponsored

Смотрите на реальную связь. Ссылка в обычном комментарии участника относится к пользовательскому содержимому. Ссылка, за размещение которой предусмотрена оплата, относится к sponsored. Если оба условия действуют одновременно, их можно отразить вместе. Значения rel допускают совместное использование.

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

Не угадывайте происхождение по внешнему виду. Короткая ссылка может вести через партнёрскую систему, а длинный адрес — на обычный источник. Для спорного случая выясните обстоятельства размещения у ответственного. Техническая настройка не должна скрывать от команды факт оплаты или подменять его догадкой.

Как записать несколько значений без потерь

Внутри одного rel значения обычно разделяют пробелами. Например, фрагмент rel='ugc sponsored' описывает сочетание пользовательского происхождения и оплаченного размещения. Это пример только атрибута: его добавляют к нужному элементу a с уже проверенным адресом href.

Если для открытия ссылки уже применяются другие значения rel, не стирайте их автоматически. Фрагмент rel='sponsored noopener' объединяет две разные задачи. Порядок этих слов не делает одно из них более важным, но повторяющиеся одинаковые значения лучше убрать, чтобы запись легче читалась.

Не создавайте два атрибута rel у одного элемента в надежде, что браузер и обработчики аккуратно сложат их. Должен остаться один согласованный набор. После сохранения проверьте итоговый HTML: исходный текст в редакторе и результат на странице могут различаться из-за обработки платформой.

Почему nofollow не закрывает страницу от индексации

Google использует sponsored, ugc и nofollow как подсказки при обработке связей. Это не обещание никогда не узнать целевой адрес. Страница назначения может быть обнаружена по другой ссылке, карте сайта или известна поисковой системе ранее.

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

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

Чем отличаются noopener и noreferrer

Noopener относится к поведению окна или вкладки: он не даёт новому контексту получить доступ к открывшей его странице через window.opener. Это не характеристика оплаты, авторства или редакционной рекомендации. Наличие noopener ничего не говорит о том, какую связь нужно обозначить для Google.

Noreferrer исключает передачу сведений об исходной странице через заголовок Referer и также предполагает поведение noopener. Добавлять его только ради указания рекламы или пользовательского содержимого не нужно: он решает другой вопрос. Если убрать или добавить его в действующем блоке, проверьте ожидаемые сведения об источнике перехода.

Не меняйте все значения rel одной массовой заменой. Сначала посмотрите, зачем они стоят в конкретном компоненте. Задача редактора может заключаться только в добавлении sponsored, тогда остальные согласованные настройки нужно сохранить.

Как проверить обработку CMS

Проверьте материал после первого сохранения, после повторного открытия редактора и после обычного изменения текста. Некоторые системы очищают незнакомые значения или заново собирают ссылку. Успех одной вставки не доказывает, что правило устойчиво при дальнейшем редактировании.

Сравните несколько мест вывода. Ссылка в теле статьи, карточке каталога и комментарии может обрабатываться разными шаблонами. Не объявляйте весь сайт настроенным по одному удачному примеру. Для каждого места сохраните проверенный тип ссылки и итоговый набор атрибутов.

Если проект оборачивает внешние адреса промежуточным переходом, проверяйте и видимую ссылку, и конечный результат. Сам по себе такой переход не объясняет происхождение размещения. Не считайте его заменой ugc или sponsored и не меняйте рабочие адреса ради появления нужного слова в коде.

Частые ошибки

• Ставить sponsored на все внешние источники без разбора обстоятельств.
• Считать ugc подтверждением качества и безопасности пользовательского материала.
• Стирать noopener или noreferrer при добавлении другого значения rel.
• Записывать несколько атрибутов rel вместо одного набора значений.
• Обещать отсутствие обхода и индексации только из-за nofollow.
• Проверять настройку в редакторе, но не смотреть опубликованный HTML.

Как проверить

• Для каждого вида размещения определены понятные основания выбора значения.
• Нужные слова находятся в rel того элемента a, который ведёт к проверяемому адресу.
• Адрес href, подпись и ожидаемое поведение перехода сохранены.
• Действующие значения rel не потеряны без отдельного решения.
• Повторное сохранение и разные места вывода не удаляют нужную настройку.

Для связанных проверок пригодятся поиск страниц без внутренних ссылок, проверка перенаправлений и технический аудит. Задание на настройку обработки ссылок можно разместить в разделе «Маркетинг».

Вопросы и ответы

Нужно ли ставить ugc на любую ссылку в статье?

Нет. Важен источник содержимого, а не сам факт размещения через редактор. Ugc предназначен для пользовательских материалов, например комментариев и сообщений участников. Обычная редакционная ссылка на источник не становится ugc автоматически.

Можно ли использовать sponsored и ugc одновременно?

Да, если оба значения соответствуют ситуации. Разместите их в одном rel, сохранив другие необходимые значения. Не добавляйте сочетание без причины просто ради большего числа атрибутов.

Нужно ли заменить все старые nofollow?

Google продолжает принимать nofollow для оплаченных ссылок, хотя предпочитает sponsored. Массовая замена без проверки может стереть нужные настройки. Сначала определите правила новых размещений и проверьте обработку разных типов материалов.

Заменяет ли noopener значение sponsored?

Нет. Noopener относится к доступу нового окна к исходному через window.opener. Sponsored поясняет оплаченный характер размещения. Они могут использоваться вместе, потому что описывают разные свойства.

Запрещает ли nofollow пользователю переходить по ссылке?

Нет. Это не блокировка нажатия и не ограничение доступа к адресу. Пользователь обычно может открыть ссылку как прежде. Доступ к закрытым сведениям нужно обеспечивать на самой странице назначения.

Можно ли увидеть sponsored прямо на странице?

Сам атрибут не выводит понятный читателю бейдж или пояснение. Его наличие проверяют в HTML. Если посетителю нужно объяснить характер связи, это оформляется отдельно в видимом содержимом, а не предполагается по скрытому техническому значению.

Почему rel исчез после редактирования?

Возможно, редактор очищает значения или шаблон формирует ссылку заново. Сравните исходный материал и опубликованный элемент, проверьте повторное сохранение. Исправлять нужно место обработки, сохраняя рабочий адрес и другие согласованные свойства ссылки.