Турбо — это технология Яндекса, которая ускоряет загрузку контента. Она позволяет создавать Турбо—страницы — лёгкие версии веб-страниц, которые быстро открываются на мобильных устройствах, а также ускоряет загрузку сайтов в Яндекс.Браузере. За счёт минимального кол-ва стилей и скриптов применяем внутри страницы.
Минусы турбо страниц
- теряется функционал сайта
- большинство элементов дизайна будут отсутствовать
- внешний вид страниц изменится
- падение позиций некоторых типов страниц
- не для всех и не всегда подходят.
Плюсы турбо-страниц
- быстрая загрузка
- снижение отказов
- минимум лишней информации, только контент и нужные элементы для захвата лида
- идеально для мобильных устройств
- рост позиций товаров и услуг в мобильной выдаче
- увеличение посещаемости
- возможность слегка подправить дизайн
- дополнительная плюшка в поисковой выдаче
Как установить турбо страницы
Фид данных или rss для турбо-страниц можно сгенерировать множеством возможных способов. Заказать скрипт на PHP, или Python для кастомной версии сайта. Установить модуль, который автоматически будет генерировать нужный поток данных. Сделать вручную?
Плагины для формирования RSS для Яндекс Турбо-страниц
WordPress | 1c Bitrix | OpenCart | Modx |
Яндекс.Турбо | Яндекс Турбо-страницы | Модуль Турбо-страницы RSS | TurboPages |
Ya Turbo | Яндекс Турбо-страницы PRO | Турбо-страницы товаров Яндекс | Реализовать через чанк |
Любой из модулей marketplace |
Можно взять любой модуль, который имеет наибольшее кол-во установок. Технология простая. Если под вашу систему ничего нет. Просто закажите создание модуля или скрипта. Предельно обойдется в 2500 руб.
Примеры турбо страниц
Условно турбо-страницы можно разделить на информационные и товарные.
В информационные входят, статьи, услуги, новости, и пр. Все что не содержит корзины и пр. элементов непосредственной продажи.
Услуги и информационные страницы
Для услуг и информационных страниц. Быстрая подача контента. Расширение представления сайта в поисковой выдаче Яндекса. Значительное снижение отказов. Пользователям не нужен ваш ляпистый дизайн в стиле «дорого, богато!».
Товарные, они же коммерческие.
В них входят товары, иногда категории. Отличаются наличием корзины и быстрого заказа, а также имеют внутри веб-мастер больше вариаций настроек.
Удобство турбо-страниц для коммерческих сайтов заключается в быстром предоставлении пользователю всей необходимой информации. Никаких лишних данных, допов и пр. Минимум рассеивания внимания.
Настройка турбо-страниц в веб-мастере
В настройке Турбо-страниц нет ничего сложного. Вы уже поставили модуль. И добавили данные с него в веб-мастер. Считай пол дела сделано. Дальше косметика и доведения до удовлетворительного результата.
Рассмотрим на примере WordPress
Поставили модуль. Задали название RSS-ленты. Описание и все что по вашему мнению требуется.
Продолжаем настройки, если у вас есть сео модули, то подключаем. Отключаем дату публикаций.
Настраиваем внешний вид и функционал страниц. Добавляем полезные кнопки поделиться в социальных сетях. Выбираем тип меню который нас устроит. Выбираем вид связи для фида.
Заполняем для нужных кнопок контактные данные и выбираем позиционирование элементов.
Выбрали типы контента которые нужно использовать в Турбо-страницах. Важно чтобы туда не попадали категории если у вас интерент-магазин.
Вебмастер Яндекса настройка Турбо-страницы
Добавляем полученный из плагина url в веб-мастер яндекса. Пункт Турбо-страницы/Источники/. Не забываем нажать включить.
Настраиваем внешний вид шапки. Логотип с сайта. Прокрутку шапки (ставим галочку). Идём дальше
Настройка меню Турбо-сайта для каждой страницы. Чтобы пользователь мог быстро перейти в нужный раздел вашего сайта. ВНИМАНИЕ! ССЫЛКИ УВОДЯТ С ТУРБОСТРАНИЦЫ НА САЙТ. НЕ СТОИТ ВЕШАТЬ В МЕНЮ ВСЯКУЮ ЕРУНДУ. ТОЛЬКО ПРИОРИТЕТНЫЕ РАЗДЕЛЫ.
У ВАС ЕСТЬ ВАЖНАЯ ИНФОРМАЦИЯ ДЛЯ КЛИЕНТОВ. ХОТИТЕ ВИДЕТЬ ЕЁ НА КАЖДОЙ СТРАНИЦЫ. ДОБАВЬТЕ ЕЁ В ДАННОМ РАЗДЕЛЕ. ЕСЛИ ВЫ МАГАЗИН, ТО: РАЗМЕРНАЯ СЕТКА, ГАРАНТИИ, ВОЗВРАТ, ДОСТАВКА И ПР.
Условия доставки для турбо-страниц если конечно они у вас есть. Задём для верности самовывоз, остальное ситуационно.
Дополнительно задаём обратную связь, обычно почта, телефон, чат
Если у вас магазин, включаем корзину и быстрый заказ. Пользователи будут переведены на соответствующие страницы вашего сайта. Да и шапка турбо-страницы будет выглядеть интереснее.
Настраиваем поиск для турбо-страниц. Нужно чтобы на сайте был статичная страница поиска по сайту. Вставляем URL, дело сделано.
Оформление турбо-страниц
Стили для оформления страниц не пестрят многообразием. Поэтому почитав документацию и взяв, исходник можно сделать небольшие правки в формате подачи изображений и оформления страницы.
Обычно правится цвет шапки, формат картинок и заголовков, цвета ссылок и кнопок, для преемственности дизайна и снижения стресса при переходе на полную версию сайта.
Стили для турбо страниц
Ошибки турбо-страниц
Ошибки турбо-страниц возникают довольно часто и большинство из них можно смело игнорировать. Обычно это вызвано отсутствием стандартов в разработке сайтов. Каждый сайт пестрит своими костылями и проблемами.
Раздели все ошибки на 2 типа:
Ничего не работает:
- ошибка обновления турбо-страниц
- турбо страниц загружено 0
- HTML-элементы в тексте указаны
Все работает, но поиск ругается:
- Предупреждение Указанный идентификатор id или class повторяется – можно не делать.
- Якорь, на который указывает ссылка, отсутствует
- В элементе нет текста или содержимого
- turbo:content текст не разбит на абзацы
- Не удалось скачать изображение
Как убрать турбо страницы
Отключение турбо-страниц требуется тогда, когда вы, добавив их значительно просели в поисковые выдачи по позициям, либо заметили серьёзный спад посещаемости и заказов с своего сайта.
Как отключить:
- Отключите решение, которое генерирует фид данных для Турбо-страниц
- Чтобы отключить показ Турбо‑страниц, добавьте атрибут turbo=»false» в элемент item нужной страницы.
Турбо‑страница отключится в течение нескольких дней. Вместо нее будет отображаться обычная или мобильная версия сайта.