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

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

Что такое турбо-страница?

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

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

2. Сетевая инфраструктура Яндекса – это данные, которые помогают формировать загрузку Турбо-страницы.

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

У такого вида страниц есть явные преимущества, среди которых:

  • Ускорение загрузки страниц – это будет экономить время пользователей, а также повысит лояльность к Вашему сайту.
  • Экономия трафика – если посетитель будет использовать мобильную версию, то это заметный плюс.
  • Если работоспособность сайта упадет или будет наблюдаться медленное подключение к интернету, то Турбо-страница всё равно загрузится.
  • Облегчение сервера – все страницы хранятся на серверах Яндекса.
  • Сокращение рекламы – отсутствие всплывающих объявлений.
  • Индивидуальная настройка элементов навигации – будет подбираться в Яндекс.Вебмастер конкретно под каждый сайт.

Кому подойдут?

Турбо-страницы подойдут всем! С момента их появления они были оптимальным решением для интернет-СМИ и контентных проектов. Позднее, их функционал расширился и теперь они стали подходить и для интернет-магазинов, на которых можно было делать карточки товаров, размещать товарные предложения, задействовать корзину или опцию «купить в один клик».

Как создать или подключить турбо-страницы для сайта?

Процесс подключения состоит из нескольких шагов.

Шаг 1. Добавление сайта в Яндекс.Вебмастер

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

Турбо-страница Яндекс
Скриншот . Пример добавления сайта в Яндекс.Вебмастер.

Шаг 2. Подготовка RSS-файла

Турбо-страницы статейных сайтов формируются из RSS-канала, а интернет-магазинов — из YML-файла. Для сайтов под управлением популярных CMS — WordPress, Bitrix, Drupal и т. д. — можно RSS с помощью плагинов. Для самописных CMS придётся создавать этот файл самостоятельно.

Шаг 3. Загрузка RSS-файла в Вебмастер

Разместите готовый RSS-файл на сервере вашего сайта и загрузите его в панель вебмастера. Перейдите в раздел «Турбо-страницы — Источники», а в поле «Добавить RSS-канал» пропишите путь до RSS-файла на сервере и нажмите на кнопку «Добавить».

Как убрать турбо страницу
Скриншот . Добавление RSS-файла.

Загруженный RSS-канал отобразится в интерфейсе панели вебмастера в разделе «Источник данных».

Шаг 4. Включение Турбо-страницы

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

Шаг 5. Установка Метрики и веб-аналитики

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

Как сделать турбо страницу
Скриншот . Добавление счетчика.

Помимо Яндекс.Метрика у Вас есть возможность добавить и другие инструменты: Mail.Ru, Rambler Топ-100 и т.д.

Шаг 6. Настройка внешнего вида

Внешний вид турбо-страниц легко изменить в разделе «Турбо-страницы — Настройки».

Логотип. Загрузите логотип, чтобы он отображался на турбо-страницах. Выберите в выпадающем списке, как он будет отображаться, укажите короткое название сайта, прикрепите изображение, кликнув на кнопку «Выбрать файл». Сохраните изменения, нажав на кнопку «Сохранить».

Как убрать турбо страницы из Яндекса
Скриншот . Настройка логотипа.

Меню. На турбо-страницах могут отображаться два меню — верхнее и основное. Чтобы добавить их, добавьте списком разделы и укажите ссылки на посадочные страницы. Не забудьте сохранить изменения, кликнув на кнопку «Сохранить».

Подключение турбо-страниц
Скриншот . Настройка меню.

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

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

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

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

Инструкция по подключению турбо-страниц
Скриншот . Пользовательское соглашение.

Поиск. Чтобы облегчить навигацию, разместите строку поиска. Укажите URL страницы результатов поиска в поле и нажмите кнопку «Сохранить».

Подключить турбо-страницу через яндекс вебмастер
Скриншот . Добавление «поиска».

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

Надеемся, что наша статья была полезна для Вас. Следите за нашими обновлениями. Также предлагаем ознакомиться со статьей «Редизайн сайта: что это и кому требуется?»