Полная настройка турбо-страниц Яндекса от «А» до «Я»

Давайте рассмотрим полную настройку турбо-страниц Яндекса для новостных сайтов и блогов, а так же и для интернет магазинов от «А» до «Я«.

В предыдущей публикации, мы уже рассмотрели основной алгоритм действий по созданию и установки скоростного кеширования и сжатия от поисковой системы Yandex.

А теперь давайте перейдем непосредственно к полноценной и подробной настройке турбо-страниц Яндекса через Yandex Webmaster.

Но это еще не всё. Теперь мы можем самостоятельно настроить яндекс турбо-страницы по своему желанию.

Для WordPress вся настройка интерфейса происходит через плагин. Достаточно только добавить ссылки на RSS-ленты новостей в Вебмастере и прописать директиву Allow в файле robots.

Вот ссылка на полную статью по настройке плагина для WP.

Общие настройки Турбо-страниц Яндекса

Для начала, давайте пробежимся по базовым настройкам турбо-страниц Яндекса в Вебмастере.

Шапка и логотип

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

Это изображение имеет пустой атрибут alt; его имя файла - turbo-1-1024x469.png

В «Общих настройках» первым делом нам предлагают настроить отображение «Шапки и логотипа«.

Здесь мы можем зафиксировать шапку (при прокрутке страницы вниз она будет зафиксирована вверху) и выбрать формат логотипа (текст, лого + текст или логотип).

Это изображение имеет пустой атрибут alt; его имя файла - turbo-2-1-1024x583.png

Я решил сделать такие настройки. Но вы вольны делать как вам угодно. Если хотите — сделайте так же. Тут уже всё на ваше личное усмотрение.

Меню

Переходим к следующему шагу — Меню.

Это изображение имеет пустой атрибут alt; его имя файла - turbo-3-1024x312.png

Здесь присутствует две функции:

  1. Верхнее меню — возможность указать ссылки на регистрацию (если такая возможность на сайте предусмотрена) или выбор региона.
  2. Основное меню — возможность добавления ссылок в меню на категории или другие страницы (вверху справа три полоски)

В моём случае, давайте добавим в «Основное меню» ссылки на рубрики. Верхнее меню я заполнять не буду, так как на моём блоге нет регистрации и регионов.

Это изображение имеет пустой атрибут alt; его имя файла - turbo-4.png

Я добавил четыре категории (рубрики) в основное меню настроек турбо-страниц. Что же, давайте посмотрим что изменилось на примере турбо-страницы Яндекса.

Это изображение имеет пустой атрибут alt; его имя файла - turbo-5.png

Уже на данном этапе мы можем посмотреть пример турбо-страницы Яндекса подключенную через RSS-ленту новостей.

Это изображение имеет пустой атрибут alt; его имя файла - turbo-6-1.png

Настройка и отображение CSS-стилей

Пора переходить к оформлению таблицы стилей — CSS.

CSS стили — формальный язык описания внешнего вида элементов страниц и разметки, основанный на HTML коде.

Более подробно про CSS вы можете прочитать тут.

Это изображение имеет пустой атрибут alt; его имя файла - turbo-7.png

Менять в данном пункте ничего не стоит, если вы не понимаете что это. Оставим это поле пустым.

Подключение Веб-аналитики

Далее идет возможность добавления счетчика Метрики по сбору статистики в разделе Веб-аналитика.

Даже если вы уже подключили Метрику на сайт, необходимо настроить второй счетчик для турбо-страниц. Более подробно — в этой статье.

Это изображение имеет пустой атрибут alt; его имя файла - turbo-8.png

Откуда взять код метрики и как её подключить — вы можете ознакомиться в данной публикации.

Добавление блоков обратной связи

В разделе Обратной связи можно добавить целый спектр пунктов:

  1. Номер телефона
  2. Чат
  3. Почту
  4. Обратный звонок
  5. Facebook
  6. Google
  7. Одноклассники
  8. Telegram
  9. Viber
  10. Twitter
  11. Вконтакте
  12. WhatApp
Это изображение имеет пустой атрибут alt; его имя файла - turbo-9.png

Давайте добавим номер телефона для активации маркера обратной связи на примере турбо-страницы Яндекса.

Это изображение имеет пустой атрибут alt; его имя файла - turbo-10-1024x483.png

Рекомендую не перебарщивать с виджетами обратной связи. Стоит выбрать самый доступный и популярный способ для обратной связи с посетителями.

Пользовательское соглашение

В разделе Пользовательского соглашения можно оставить ссылку на Политику конфиденциальности. Так я и сделал.

Это изображение имеет пустой атрибут alt; его имя файла - turbo-11.png

Данный блок нужен только в случае наличия формы заказа или обратной связи с посетителем.

При отправке своих данных на турбо-странице, посетителю высветится пользовательское соглашение, указанное по этой ссылке.

Доступы

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

Стоит заполнять только в том случае, если по прямой ссылке к YML-файлу или RSS-ленте новостей нужна авторизация (ввод логина и пароля).

В нашем случае — оставляем поля пустыми (ничего не заполняем).

Касательно общих настроек турбо-страниц Яндекса — мы закончили. Теперь давайте перейдем к разделу Новости и статьи.

Отображение информации на турбо-страниц Яндекса

Давайте теперь перейдем к более глубокой настройки отображения информации на турбо-страницах.

Настройка Главной страницы

Настройка этого раздела начинается с Главной страницы.

Для включения функции автоматического создания ленты новостей на главной странице, нужно минимум 10 публикаций.

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

Для активации автоматического добавления публикаций на стартовую страницу в турбо-режиме необходимо наличие тега <pubdate> в RSS-ленте новостей.

Настройка рекламы на турбо-страницах Яндекса

На турбо-страницах можно настраивать рекламу и устанавливать рекламные блоки. Но только с одним нюансом — это реклама должна быть от РСЯ (Рекламная сеть Яндекса) или ADFOX.

Реклама на турбо-страницах Яндекса возможна только при наличии регистрации в сети РСЯ или ADFOX.

Если у вас нет рекламы (или пока не планируется) — пропускайте этот пункт.

Фактически, что РСЯ что ADFOX — обе являются рекламными сетями Яндекса. Только во втором случае, есть возможность подключать рекламу со сторонних ресурсов, но через рекламную сеть поисковика.

Интеграция рекламных блоков существует в двух вариантах:

  1. Мобильная версия (для мобильных устройств)
  2. Для ПК (стационарных компьютеров и ноутбуков)

Давайте рассмотрим каждый вариант по отдельности.

Реклама для мобильных устройств

На мобильных устройствах можно интегрировать рекламу:

  1. Над шапкой сайта (один большой блок)
  2. В тексте статьи (до нескольких штук)
  3. В видео (InStream блоки)

В выделенные поля нужно указать идентификаторы рекламных блоков от РСЯ.

Добавить рекламу ADFOX можно только «в тело» публикации (в текст статьи).

Установка рекламы из сети ADFOX доступна в режиме ручной настройки. Давайте развернем этот раздел.

В ручной настройке рекламы на турбо-страницах есть возможность интегрировать блоки в саму статью тремя способами:

  1. AdFox
  2. РСЯ
  3. РСЯ InPage

Так же, в самом низу страницы можно добавить рекламный баннер (Floor Ad), имеющий фиксированное положение внизу экрана, поверх контента страницы.

Имейте в виду, что вам придется раскидывать «маркеры» в RSS-ленте в виде ID, по которым будет определятся место и какой блок с рекламой должен там быть.

Данные «маркеры» в RSS-ленте для рекламных блоков должны находится в теге:

<channel>

<turbo:adNetwork>рекламный блок</turbo:adNetwork>

</channel>

Реклама для ПК (десктопных устройств)

Для ПК ситуация примерно такая же. Вставки можно формировать:

  1. Над шапкой (вся длина, высота не более 250 px)
  2. Под шапкой (длина — до 1068 px, высота — до 250 px)
  3. В Контенте (не больше размеров 728×250 px)
  4. В тексте публикаций (ручная настройка и маркеры в RSS)
  5. Правая колонка (до 300×600 px)
  6. Левая колонка (до 240×400 px)
  7. Реклама в видео (InStream)

Для ПК нет ограничений в типе привлечения (ADFOX или РСЯ).

Делаем всё то же самое, что и по аналогии с «мобильным» вариантом.

Автоматическая лента рекомендаций

В этом пункте присутствует возможность подключения «бесконечной» новостной ленты.

При прокрутке в самый низ публикации, система автоматически подберет релевантные статьи из вашего блога с турбо-страницами. Получается «бесконечная» страница материалов с прокруткой в низ.

Нужен ли вам такой функционал — решайте сами. Система даёт подсказку, что запуск такой «карусели» повышает глубину просмотров на 30%. Я же считаю что функция крайне ситуативная…

Кстати, не рекомендую устанавливать рекламу на интернет-магазинах ни в каком виде. Нам нужна конверсия (целевые действия), а не доход с РСЯ.

Авторизация через турбо-страницы

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

Как запрограммировать ссылки для GET и POST запросов вы можете ознакомиться тут.

Комментарии на турбо-страницах

Существует три способа как настроить комментарии на турбо-страницах:

  1. Не оставлять вообще (запрет на комментирование)
  2. Использовать API (GET и POST запросы, как с Авторизацией)
  3. От верифицированных пользователей Яндекса

Я рекомендую либо их отключить вообще (особенно если вы поставили «бесконечную» ленту новостей), либо выбрать Комментарии пользователей Яндекса (верифицированные посетители через логин поисковика).

Более опытные вебмастера могут выбрать второй вариант. Дело ваше.

Форма поиска на турбо-страницах

Настроить форму поиска на турбо-страницах довольно просто. Нужно всего лишь указать динамичный URL с переменной на конце в адресной строке вебмастера.

Получить GET ссылку на форму поиска можно в два шага:

  1. Вводите у себя на сайте в поиске любую фразу (пусть фокус-словом будет «небо«)
  2. Берете полученный URL страницы и заменяете в конце фокусное слово на: {text}

После заполнения данного поля, на турбо-страницах вашего сайта появится форма поиска.

Когда посетитель турбо-страницы воспользуется формой поиска, его перекинет на обычную версию вашего сайта с результатами запросов.

Настройка турбо-страниц Яндекса для интернет-магазина

Теперь давайте рассмотрим особенности настроек турбо-страниц Яндекса для интернет-магазинов.

До текущего этапа все настройки, примерно, совпадали как для блога или новостного портала, так и для интернет-магазина. Сейчас пойдут особенности исключительно для онлайн маркетинга.

Оформление заказа на турбо-странице для интернет-магазина

Включаем «Корзина на турбо» и «Купить в 1 клик«. А так же указываем почту для получения заказов.

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

Установка корзины

Возможность установки и настройки корзины для турбо-страниц интернет-магазина зависит от движка вашего сайта:

  1. 1С-Битрикс (выбираем этот пункт в меню и проверяем форму запроса через заказ на странице примера)
  2. OpenCart (через плагин)
  3. Собственноручная настройка (инструкция)

Доставка

Чтобы указать доставку, необходимо в предыдущем пункте выставить все настройки относительно корзины и заказа в 1 клик.

После заполнения всех необходимый полей в предыдущем пункте, нам открывается возможность указать типы доставки:

  1. Курьером
  2. Самовывоз
  3. Почта

Заполняем все поля и жмём Сохранить.

Информационные страницы

И последний пункт в настройке турбо-страниц для интернет-магазинов. Нужно добавить и заполнить информационные поля, которые будут располагаться на странице товара для ознакомления клиента.

Жмём Добавить раздел, придумываем ему название (пусть будет Оплата) и переходим во вкладку с изменением текста.

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

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

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (2 оценок, среднее: 5,00 из 5)
Загрузка...
Понравилась статья? Поделиться с друзьями:
ВикиФарм
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:
Отправляя комментарий "вы даёте согласие на обработку персональных данных и принимаете Политику конфиденциальности