Настройка Турбо-страниц на десктопе

Внимание. Десктопные Турбо-страницы находятся на этапе бета-тестирования.
Для десктопной Турбо-страницы можно настроить:

Пример десктопной Турбо-страницы см. в разделе Макет страницы.

Подключение рекламы

Для монетизации десктопных Турбо-страниц можно добавить блоки Рекламной сети Яндекса или рекламу других систем с помощью ADFOX.

Турбо-страницы поддерживают следующие типы рекламных блоков:

Над/под шапкой

На десктопной Турбо-странице можно разместить только один блок над или под шапкой.

Ограничения: до 250 пикселей по высоте.
Допустимые форматы блоков РСЯ
Реклама директа
  • Motion высотой 170 пикселей
Медийная реклама
  • 100%×90
  • 100%×120
  • 100%×180
  • 100%×200
  • 100%×250
  • 728×90
  • 970×90
  • 970×250
  • 1000×120
В колонках

Зафиксированный рекламный блок в правой или левой колонке. Требования к форматам для левой и правой колонки отличаются.

Ограничения: до 240 пикселей по ширине, до 600 пикселей по высоте.

Допустимые форматы блоков РСЯ
Реклама директа
  • Постер вертикальный
  • Адаптивный
  • 240×400
Медийная реклама
  • 160×600
  • 240×400
  • 240×600
В контенте

Рекламный блок в конце страницы.

Ограничения: до 728 пикселей по ширине, до 250 пикселей по высоте.

Допустимые форматы блоков РСЯ
Реклама директа
  • Постер горизонтальный
  • Адаптивный
Медийная реклама
  • 728×90
  • 100%×90
  • 100%×120
  • 100%×180
  • 100%×200
  • 100%×250
В фоне (брендинг)

Реклама, которая занимает весь фон.

Поддерживается только блок ADFOX.

Ниже описаны этапы подключения рекламы:

Шаг 1. Создание рекламного блока

Чтобы создать рекламный блок:
  1. Откройте интерфейс Рекламной сети Яндекса.
  2. Создайте рекламный блок с учетом ограничений. При создании выберите раздел Турбо на десктопе.
  3. Скопируйте ID созданного блока и используйте его при подключении рекламы. ID имеет формат R‑A‑123456‑7.

Шаг 2. Подключение и проверка

Внимание. При подключении форматы рекламных блоков РСЯ проходят валидацию. Если размер блока не подходит, реклама не будет отображаться.

Форматы ADFOX не валидируюся. Отладку их отображения нужно выполнять самостоятельно до включения показа десктопных Турбо-страниц.

Чтобы подключить рекламный блок:

  1. В интерфейсе Яндекс.Вебмастера перейдите на страницу Турбо-страницы → Настройки → Реклама и включите опцию Десктоп.
  2. Укажите идентификатор или код блока в поле.
  3. Сохраните изменения.
  4. Проверьте отображение рекламного блока в примере.

Настройка верхнего меню

Настройка CSS

CSS для десктопных Турбо-страниц настраивается так же, как для мобильных. Подробнее см. в разделе Настройка CSS.

Настройка поиска

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

При отправке запроса пользователь перенаправляется на страницу с результатами поиска. Страница должна быть расположена на вашем домене.

Чтобы указать URL страницы с результатами поиска:
  1. В Яндекс.Вебмастере перейдите на страницу Турбо-страницы → Настройки → Поиск.
  2. В поле GET укажите URL страницы. Например, https://mysite.ru/search/?name={text}, где name — query-параметр, в котором будет передаваться запрос.
  3. Сохраните изменения.
  4. Проверьте работу поиска.

Настройка колонок

Десктопная Турбо-страница сверстана по трехколоночному макету:
  • В левой колонке отображаются связанные статьи из автоматической ленты рекомендаций и рекламный блок. Колонка зафиксирована на странице.
  • В центре — основной контент.
  • В правой колонке — рекламный блок. Колонка зафиксирована на странице.

Пример отображения десктопной Турбо-страницы см. в разделе Макет страницы.

Чтобы настроить показ колонок:
  1. В Яндекс.Вебмастере перейдите на страницу Турбо-страницы → Настройки → Турбо на десктопе.
  2. В блоке Колонки выберите нужное количество колонок. Возможные значения:
    • 1 — отображается только центральная колонка.
    • 2 — отображаются центральная и правая колонка.
    • 3 — отображаются все колонки.
      Примечание. Количество колонок может быть меньше, чем выбрано в настройках. Если разрешение экрана маленькое, будет отображаться две или одна колонка.
  3. Сохраните изменения.
  4. Проверьте отображение колонок в примере.