Помогите читателям находить ваш сайт через предпочтительные источники в Google Поиске

Если вы являетесь владельцем веб-сайта, вы можете помочь своей аудитории найти вашу публикацию в качестве предпочтительного источника в Google Поиске. Когда пользователь выбирает ваш сайт в качестве предпочтительного источника, ваш контент с большей вероятностью появится в разделе “Главные новости“, выделенный значком “предпочтительный”. В режиме AI и в AI Overviews ваш контент может быть выделен значком “предпочтительный” для пользователей, которые выбрали ваш сайт в качестве предпочтительного источника.

Доступность функции

Функция предпочтительных источников доступна по всему миру для функции “Главные новости” на всех языках, на которых доступен Google Поиск. Предпочтительные источники также могут появляться в режиме AI и в AI Overviews на всех языках и в регионах, где доступны эти функции.

Только сайты на уровне домена и поддомена имеют право появляться в
инструменте выбора источников. Например, https://www.example.com/ и
https://code.example.com/ имеют право на статус предпочтительных источников, но подкаталог https://www.example.com/blog не имеет права.

Как помочь пользователям найти ваш сайт в качестве предпочтительного источника

Если ваш сайт появляется в
инструменте выбора источников
(чтобы проверить, введите свой сайт в поле поиска инструмента), вы можете использовать следующие методы, чтобы направить своих читателей выбрать ваш сайт в качестве предпочтительного источника:

• Стандартная реализация JavaScript
  (рекомендуется): Встройте интерактивную кнопку на свои веб-страницы, которая позволяет читателям легко добавить ваш сайт в качестве предпочтительного источника и вернуться на вашу страницу. Добавив всего две строки в свой HTML, эта опция отображает автоматически локализованную кнопку в стиле Google, которая поддерживает настройку устройства и языка.
• Расширенная реализация JavaScript с пользовательскими дизайнерскими ресурсами: Если вы хотите использовать свои собственные дизайнерские ресурсы и настроить стандартную кнопку JavaScript, следуйте инструкциям по расширенной реализации JavaScript. Поток пользовательского интерфейса для конечного пользователя остается таким же, как и при стандартной реализации JavaScript.
• Реализация глубоких ссылок (Deeplink): Если вы не можете реализовать интерактивную кнопку (например, ваша CMS ее не поддерживает), вы можете использовать глубокую ссылку, чтобы направить людей к добавлению вашего сайта в качестве предпочтительного источника. Вы можете сделать это, добавив текстовую ссылку или кликабельное изображение на свои веб-страницы. Вы также можете использовать глубокую ссылку в своих публикациях в социальных сетях, новостных рассылках по электронной почте или рекламных акциях.

Стандартная реализация JavaScript (рекомендуется)

Добавив всего две строки в свой HTML, вы можете добавить автоматически переведенную интерактивную кнопку, которая позволяет читателям легко добавить ваш сайт в качестве предпочтительного источника и вернуться туда, где они остановились на вашей странице. Вы также можете установить тему кнопки (темную или светлую), а также переопределить язык кнопки. Мы рекомендуем эту реализацию, так как она обеспечивает наилучший пользовательский опыт для читателей.

Вот как это будет выглядеть:

Чтобы встроить кнопку JavaScript на свою веб-страницу, сделайте следующее:

1. Добавьте следующий тег <script> на свою веб-страницу (желательно в элемент <head> ), который загружает библиотеку предпочтительных источников.
2. Добавьте следующий тег <div> в любое место, где вы хотите, чтобы кнопка появилась в теле вашей веб-страницы.

Установка темы кнопки

По умолчанию кнопка “Добавить в предпочтительные источники” отображается в светлой теме. Чтобы настроить тему, добавьте атрибут данных data-theme к вашему элементу
<div> и установите его на light или
dark:

Переопределение языка кнопки

По умолчанию кнопка “Добавить в предпочтительные источники” отображается на языке пользователя в зависимости от настроек его браузера. Чтобы переопределить это поведение, добавьте атрибут данных
data-lang к вашему элементу <div>
и установите его на предпочитаемый вами код языка (скачайте
список поддерживаемых кодов языков):

Скачать поддерживаемые коды языков

Расширенная реализация JavaScript с пользовательскими дизайнерскими ресурсами

По умолчанию стандартная кнопка JavaScript сканирует DOM на наличие элементов с атрибутом google-add-preferred-source-btn и отображает стандартный значок. Однако для пользовательских интеграций, где вы хотите запустить поток из своих собственных элементов пользовательского интерфейса или этапов приложения, вы можете инициализировать клиент программно и привязать поток к пользовательским триггерам.

При интеграции библиотеки предпочтительных источников в пользовательские интерфейсы, этапы приложения или современные фреймворки приложений вы можете получить полный программный контроль над настройками среды выполнения и инициализацией потока с помощью нашего SDK JavaScript. Мы предлагаем два различных подхода к интеграции в зависимости от ваших инструментов и архитектуры: импорт модулей ES (ESM) и стандартные очереди обратных вызовов скриптов (IIFE). Обе модели распространения предоставляют идентичные возможности и методы.

Импорт модулей ES

Для современных сборок и сред на основе модулей импортируйте библиотеку непосредственно в свой код.

Стандартные очереди обратных вызовов скриптов

Для интеграции стандартных тегов скриптов загрузите следующий скрипт в
<head> вашего документа с атрибутом
preferred-sources-control="manual" , чтобы предотвратить автоматический рендеринг кнопки:

Затем используйте глобальную очередь обратных вызовов PREFERRED_SOURCE для инициализации параметров и привязки пользовательских триггеров: Для интерактивных реализаций фронтенда и бэкенда, демонстрирующих использование в реальном времени через кнопки, декларативные контейнеры, скрипты IIFE и пакеты модулей ES, изучите

az
Демонстрация предпочтительных источников.

Реализация диплинков

Если вы не можете использовать JavaScript на своем веб-сайте, вы можете альтернативно использовать диплинк, чтобы направить своих пользователей в
инструмент выбора предпочтительных источников, где они могут добавить ваш сайт в качестве предпочтительного источника и подтвердить свой выбор.

Используйте следующий формат URL и замените example.com на доменное имя вашей публикации, что приведет пользователей прямо на ваш сайт в
инструменте выбора предпочтительных источников:

.

Пример текстовой ссылки

Пример кликабельной ссылки-изображения

Графические ресурсы для кнопок

Вы можете разработать свой собственный рекламный значок или загрузить официальные переведенные графические ресурсы, предоставленные Google: