Ракета

В статье показаны конкретные действия, направленные на создание и удаление Турбо-страниц. Будет рассказано о создании и установке нужного счетчика Яндекс.Метрика, а также о создании кнопки «Подписка на новые статьи» как на Турбо-страницах, так и на страницах AMP.

По теме создания Турбо-страниц и настройке предназначенного для этого плагина написано много статей и очень много повторений. В некоторых статьях про удаление Турбо-страниц также присутствуют перепечатки одного и того же, например, текста, который есть в настройках плагина Яндекс.Турбо. Меня умиляет фраза: Это единственный способ заставить Яндекс отключить турбо-страницы для вашего сайта. Простое удаление плагина не поможет — необходимо, чтобы бот Яндекса «съел» ленту с turbo="false". Эта фраза, взятая из настройках плагина, кочует из статьи в статью. Очень хочется, чтобы бот Яндекса «съел», наконец, эту ленту.

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

Оглавление

  • Как создать счетчик Яндек.Метрика.
  • Как установить счетчик на сайт.
  • Настройка плагина Яндекс.Турбо.
  • Настройка турбо-страниц в Вебмастере.
  • Пример редактирования Турбо-страниц.
  • Пример ошибки валидации.
  • Создание кнопки для подписки на страницах блога и AMP.
  • Создание кнопки для подписки на Турбо-страницах.
  • Удаление Турбо-страниц.
  • Индивидуальные настройки.

Как создать счетчик Яндекс.Метрика

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

Вообще-то в Яндексе довольно подробно рассказано о том, как создать и установить счетчик (https://yandex.ru/support/metrica/quick-start.html), но я еще раз быстренько пробегусь по этим разделам.

Для начала вы должны зарегистрироваться в системе Яндекс или, другими словами, иметь ящик и пароль. Регистрация здесь: https://passport.yandex.ru/passport?mode=register
Если регистрация есть, то переходим по ссылке https://metrika.yandex.ru, вставляем свой логин/пароль и попадаем на страницу создания счетчика. Конечно, вы можете заказать создание и настройку счетчика, перейдя по ссылке https://yandex.ru/promo/freeservice/metrica, или нажав на ссылку «Заказать настройку Метрики», но, как говорится, это не наш метод!

Добавить счетчик

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

Далее переходим к настройке счетчика. Если автоматически вы не перешли на страницу настройки, то нажимаем на название счетчика и на странице слева выбираем «Настройка».

Мой счетчик

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

Счетчик. Привязка к Вебмастеру

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

Далее надо попасть в Яндекс Вебмастер.

Отсюда есть три пути, как это сделать.

1. Перейти на страницу «Счетчики».

Переход на страницу счетчики

В конце страницы справа напротив вашего счетчика нажать на три точки и выбрать «Вебмастер».

Переход в Вебмастер 2

2. Слева вверху страницы около названия ЯндексМетрика нажимаем на три полоски и выбираем «Вебмастер».

Переход в Вебмастер

3. Перейти по ссылке http://webmaster.yandex.ru/site

Итак, заходим в кабинет Яндекс Вебмастер. Слева в настройках выбираем «Привязка к Яндекс.Метрике» и убеждаемся, что счетчик «Связан с сайтом в Вебмастере». На этой странице в меню слева выбираем «Индексирование», затем «Обход по счетчикам» и уже на этой странице включаем обход роботом Яндекса ваших страниц. Робот Яндекса будет узнавать о новых страницах вашего сайта из данных Метрики.

Как установить счетчик на сайт

Есть два пути установки кода счетчика на сайт: Через плагин или непосредственно в файл в админке WordPress.

Способ 1

Устанавливаем плагин Яндек.Метрика. Делается это так: В WordPress идем в «Плагины», «Добавить новый». Справа в окне поиска пишем «Яндекс.Метрика», устанавливаем, активируем.

Установка плагина Яндекс.Метрика

В настройках плагина вводим код счетчика и жмем на «Сохранить изменения».

Способ 2

В WordPress идем: «Внешний вид», «Редактор тем». Открываем файл «Заголовок» (header.php) и вставляем код счетчика после открывающего тега head, как показано на скриншоте ниже.

Счетчик, код в php

Код также можно разместить, например, в «Подвале» в самом конце перед закрывающим тегом body.

Далее идем на самую первую страницу с нашим счетчиком и нажимаем слева на красный значок рядом с названием счетчика. Через какое-то время он должен стать зеленым. У меня он позеленел минут через пять.

Счетчик Яндекс. Кнопка

Для проверки работоспособности счетчика открываем любую запись сайта с хвостом, например, https://slegkov.ru/stihi/drug/?_ym_debug=1. Далее жмем на Ctrl+Shift+J, открывается консоль. Если есть строки, которые показаны на скриншоте и там присутствует номер вашего счетчика, то все нормально, счетчик работает корректно. Подробнее о проверке счетчика можно прочитать здесь: Проверка счетчика.

Счетчик, номер, консоль

Учтите, что установка счетчика понижает скорость блога. У меня скорость упала на 5-7%. Чтобы этого не произошло, надо сделать отложенную загрузку Метрики. Но этот вопрос уже к программистам.

Настройка плагина Яндекс.Турбо

Настраивать будем плагин RSS for Yandex Turbo. Скачать его можно здесь: RSS for Yandex Turbo. Опущу работу по его установке и сразу перейду к настройкам. Еще раз хочу напомнить, что домен моего сайта slegkov.ru вы должны поменять на свой. Также вы меняете описание и название сайта. В тех местах, где нет упоминания о настройках – галку не ставим и ничего в окнах не пишем.

На сегодняшний день Яндекс ввел следующие ограничения для RSS-файлов:

  • Количество символов в элементах title, h1, author — 240.
  • Общее количество картинок в RSS-канале — 5000.
  • Количество картинок в одном элементе item, включая картинки — 50.
  • Количество ссылок на другие ресурсы в элементе yandex:related — 30.
  • Размер RSS-канала — 15mb.
  • Количество элементов item — 30.

Перед настройкой следует убедиться, что RSS-фид не закрыт в файле robots.txt. Например, в файле может быть строка Dissalow: */feed. Эту строку надо убрать или заменить на Allow: /feed/turbo/. В противном случае может возникнуть «Ошибка валидации».

RSS-лента

Имя RSS-ленты: turbo.
Заголовок: Как я жил в СССР.
Ссылка: https://slegkov.ru.
Описание: Рассказы, истории, воспоминания, юмор.
Язык: ru.
Количество записей: 1000.
Разбитие RSS-ленты: галка.
Делить RSS-ленту по: 1000.
Выборочное отключение: галка.
Отслеживание: галка.

Пояснение: «Выборочное отключение» нужно для удаления какой-либо страницы из Турбо. Если эту функцию применить совместно с «Отслеживание», то удаленные страницы из блога будут автоматически удаляться из ленты RSS. Как это сделать, написано в разделе «Настройка Турбо-страниц в Вебмастере».

Оформление

Тут все в ваших руках. Единственное, чтобы я посоветовал это:

Миниатюра в RSS: галка.

Размер миниатюры в RSS: У меня large. Не ставьте галку на этой опции, если в вашей теме в начале статьи не выводится «Изображение записи». Желательно установить именно тот размер миниатюры, который вы выбрали для своих записей.

Описания изображений: Использовать подписи.

Блоки Яндекс.Турбо

Все настройки по вашему желанию, тем более, что в каждом пункте подробно указано, за что этот пункт отвечает. Обращу ваше внимание только на некоторые.

Меню: Название вашего меню в WordPress.

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

Непрерывная лента статей: Если поставить галку, то статьи будут отображаться одна за другой непрерывной лентой. Я не включал.

Кэширование: галка.
Время жизни кэша: 24

Счетчики

Вписываем номер счетчика Яндекс.Метрики, а также, если есть, и другие.

Типы записей и исключения

У меня так:
Типы записей: галка для «Записи (post)».
Включить в RSS: Все таксономии, кроме исключенных.
Колонка в админке: галка.

Шаблоны

Этот раздел нам понадобится для создания кнопки подписки. О нем напишу позднее.

Фильтры

Фильтр тегов (без контента): галка.
Фильтр тегов (с контентом): галка.

О настройке плагина пока все. Не забывайте на каждой странице сохранять сделанные вами изменения. На странице RSS-лента вверху появится надпись: Всего у вас 1 RSS-лента (в ней столько-то записей):
https://slegkov.ru/feed/turbo/ — запомните эту строчку. Вместо https://slegkov.ru будет ваш адрес. Конечно, если у вас более 1000 записей, то будет несколько адресов.

Настройка Турбо-страниц в Вебмастере

Источники

Идем в Яндекс Вебмастер https://webmaster.yandex.ru/site. Слева жмем на «Турбо-страницы», выбираем «Источники». У меня не интернет-магазин, поэтому я выбрал «RSS для контенктных сайтов». В окне «Ссылка на RSS» вписываем строку https://slegkov.ru/feed/turbo/ (у вас своя). Жмем на «Добавить».

Ссылка на источник Турбо-страниц

Ниже, в источнике данных, появится эта ссылка. Справа от записи включаем.

Включение источника

Через некоторое время, если все нормально, возникнет зеленая надпись «Без ошибок». С этого момента будет идти преобразование ваших записей в Турбо-страницы. Вы сможете в этом убедиться, посмотрев через некоторое время ваши записи в поисковике Яндекс. Слева от записей появится символ ракеты с соответствующей надписью.

Символ Турбо

Как уже говорилось выше, для отслеживания удаленных страниц из блока и удаления их из ленты, следует поставить галки в «Выборочное отключение» и «Отслеживание». Также нужно добавить в источник строку: https://Ваш сайт/feed/turbo/?lenta=trash и включить его.

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

Два источника

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

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

Меню

Идем в «Меню». Здесь я добавил названия и ссылки на рубрики сайта. На каждой странице Турбо этот список будет отображаться вверху слева направо. Названия рубрик можно изменять или сокращать.

Рубрики в Турбо-страницах

Веб-аналитика

Здесь вы можете ввести номер счетчика Яндекс, который вы получили выше, и ввести другие, если, конечно, они у вас есть.

Веб-аналитика

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

Совет: Лучше добавить номер счетчика Яндекса здесь, так как будет возникать окно с напоминанием о том, что необходимо установить счетчик.

Автоматическая лента

Если включить, то статьи будут отображаться одна за другой непрерывной лентой.

Не включайте эту функцию, если вы уже включили ее при настройке плагина Яндекс.Турбо.

Комментарии

У меня происходит следующее: Если нет комментариев на оригинальной странице сайта, то на Турбо-странице нет даже кнопки «Написать комментарий». Но как только кто-нибудь сделает комментарий на оригинальной странице сайта, то на Турбо-странице появляется как сам комментарий, так и кнопка «Написать комментарий».

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

Пример редактирования Турбо-страниц

Мне не нравится, что текст в записях не выровнен по ширине. Я считаю, что это некрасиво. Также и подзаголовки хотелось бы сделать по центру. Для этого идем в Вебмастере в «Турбо-страницы», «Настройки», «CSS» и в окно вписываем коды:

Выравнивание текста по ширине

Для десктопов

.unit_text_m{text-align:justify}
.paragraph {padding:0}

Для мобильных

.cover .text,.unit_text_m,.unit_text_l {
text-align: justify;
}

Заголовки и подзаголовки (h2-h6) по центру для мобильных и десктопов

.cover .title {
text-align: center;
}

.title_size_m
{
text-align: center;
}

.title_size_s
{
text-align: center;
}

.title_size_xs
{
text-align: center;
}

.title_size_xxs
{
text-align: center;
}

.title_size_xxxs
{
text-align: center;
}

Также не очень хорошо дело обстоит со шрифтами в плане их пропорциональности тегам h2-h6. Другими словами, высота и толщина шрифтов не пропорциональны шрифтам на оригинальной странице сайте. Это не красиво и нет возможности это исправить на Турбо страницах даже посредством CSS. Хотя в дальнейшем Яндекс обещает ввести такую настройку.

Подзаголовок 1

Шрифт на оригинальной странице блога

Подзаголовок 2

Шрифт на Турбо-странице

Пример ошибки валидации

После опубликования данной статьи я столкнулся с «Ошибкой валидации». При проверке страницы в источниках Вебмастера возникла надпись: «В содержимом тега CDATA найдены закодированные символы».

Я выяснил, что причина в написании на странице тегов, например, body, head, stile.  А именно, с окружением их угловыми скобками, то есть как они используются в программах. Пришлось или писать их без скобок, или делать скриншоты.

Подробнее об ошибках можно прочитать здесь.

Создание кнопки для подписки на страницах блога и AMP

Идем в простой генератор кнопок https://c-wd.ru/tools/cnopka/. Выбираем конфигурацию будущей кнопки (цвет, шрифт, радиус и прочее), вписываем свою ссылку для подписки, даем название кнопки (я дал ей название ПОДПИШИСЬ НА НОВЫЕ СТАТЬИ) и получаем код, составленный из двух частей. Ссылка для подписки указана моя. У вас, естественно, будет другая. Конечно, вы можете использовать свой конструктор/генератор кнопок или написать код сами.

Код счетчика

Для того чтобы кнопка появилась на страницах блога, достаточно верхнюю часть кода без style прописать в WordPress в окне для CSS: «Консоль», «Внешний вид», «Настроить», «Дополнительные стили», а другую часть кода прописать в шаблоне страницы.

На страницах блога появится кнопка «ПОДПИШИСЬ НА НОВЫЕ СТАТЬИ», но она не появится на страницах AMP. Чтобы она появилась, следует этот код целиком вставить не в дополнительные стили на WordPress, а в саму запись.

АМР-страница. Подписка

Создание кнопки для подписки на Турбо-страницах

В WordPress идем: «Настройка», «Яндекс.Турбо», «Шаблоны». Выбираем в Яндекс.Блоки «Кнопка». Вписываем ссылку на подписку и название кнопки. Появившийся код можно посмотреть, нажав на «Просмотр».

Создание кнопки подписки

На Турбо-страницах появится кнопка для подписки «ПОДПИСКА НА НОВЫЕ СТАТЬИ». Как видно из кода, можно поменять только цвет фона и шрифта.

Турбо-страница. Подписка

А вот теперь самое интересное. На Турбо-странице у вас будут две записи: «ПОДПИСКА НА НОВЫЕ СТАТЬИ» и «ПОДПИШИСЬ НА НОВЫЕ СТАТЬИ», которая пришла из ваших записей. Одна, а именно «ПОДПИШИСЬ НА НОВЫЕ СТАТЬИ», естественно, лишняя и ее надо убрать.

Идем в настройки плагина Яндекс.Турбо на страницу «Фильтры». Ставим галку в «Контент для удаления» и в окне пишем: ПОДПИШИСЬ НА НОВЫЕ СТАТЬИ. Лишняя надпись из Турбо-страниц исчезнет и останется только кнопка с надписью «ПОДПИСКА НА НОВЫЕ СТАТЬИ».

Вы заметили, что кнопки для подписки называются по-разному: «Подпишись…» и «Подписка…»? Если вы сделаете названия одинаковыми, а потом решите убрать лишнюю строчку из Турбо-страниц, то у вас удалятся оба названия. Поэтому названия кнопки для записей блога и страниц AMP должны отличаться от названия кнопки для страниц Турбо.

Удаление Турбо-страниц

Идем в WordPress в настройки плагина Яндекс.Турбо и ставим галку в «Полное отключение». При этом, источник в Вебмастере отключать не нужно.

Полное отключение Турбо-страниц

Как написано в настройках, эта опция добавит в RSS ленту атрибут turbo=»false» к тегу item для всех записей. Эта строчка появляется в файле rss-for-yandex-turbo.php на хостинге.

Добавление turbo=false

Как указано, отключение Turbo-страниц произойдет в течение 3-х суток. Это зависит от количества записей. Например, у меня страницы отключились менее чем через два часа. Но пять страниц отключаться не пожелали, и пришлось к ним применить экстренные меры.

В настройках плагина Яндекс.Турбо ставим галку в «Выборочное отключение», а в окне «Список удаляемых ссылок» прописываем ссылки на наши неподдающиеся страницы/записи (ссылки).

Удаление указанных страниц Турбо

Далее добавляем источник. Если этот источник не был добавлен раньше для отслеживания удаленных страниц из блока и удаления их из Турбо, то добавляем его: https://slegkov.ru/feed/turbo/?lenta=trash. Строку берем из «Url мусорной ленты» (изображение выше) в настройках плагина. При этом источник обязательно должен быть включен кнопкой справа.

Источник - удаление Турбо-страниц

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

Индивидуальные настройки

Для каждой записи можно применить индивидуальные настройки, не входя в настройки плагина. Для этого в редакторе WordPress под каждой записью есть меню.

Яндекс.Турбо в WordPress

Как видно из списка, запись можно исключить из ленты RSS, из Турбо, а также задать индивидуальный шаблон.