Как изменить турбо страницу яндекс - Исправление ошибок и поиск оптимальных решений проблем

К концу 2021 года 83% интернет-трафика в России приходилось на мобильные устройства (SlickJump, январь 2022). Мобильная версия сайта давно перестала быть дополнением к десктопной.

Все чаще сайты разрабатываются по принципу mobile first – это принцип, согласно которому изначально создается именно мобильная версия, и ей отдается предпочтение перед десктопной.

Скорость загрузки страниц – один из ключевых показателей качества сайта.

Быстрая загрузка позволяет уменьшить процент отказов в среднем на 30% и сохранить трафик.

«Турбо-страница» – что это такое?

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

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

Плюсы и минусы Турбо-страниц

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

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

Пример сниппета на основе Турбо-страницы:

Но также есть и недостатки:

Турбо-страницы состоят из базовых элементов и теряют дизайнерские элементы;
часто возникают ошибки отображения, что снижает конверсию страницы.

Существует 2 версии Турбо-страниц:

Турбо-страницы для интернет-магазинов (разметка товаров и главной страницы);
Турбо-страницы для контентных сайтов (разметка статей и новостей).

Как подключить Турбо-страницы для интернет-магазина

Визуальная часть Турбо-страницы для интернет-магазина состоит из следующих элементов:

логотип;
название категории;
размерный ряд;
кнопка «Добавить в корзину»;
описание товара;
характеристики;
цена.

Пример сгенерированной Турбо-страницы для карточки товара:

Чтобы создать Турбо-страницу для карточки товара, необходимо сгенерировать файл в формате yml, который должен быть доступен на основном домене по статической ссылке, например https://site.ru/turbo-sale.

Большинство CMS-систем имеют встроенный модуль, который позволяет генерировать YML-файл. Если такого нет, нужно создать файл самостоятельно.

С основными элементами и требованиями вы можете ознакомиться в официальной справке Яндекса:

по подключению Турбо-страниц для интернет-магазина,
о технологии Турбо-страниц,
формат YML.

Пример YML-файла:

Основные шаги при при создании Турбо-страниц для карточек товаров:

1. Сформировать YML-файл.

2. Настроить автообновления файла на каждый день (если есть встроенный модуль) или обновлять его вручную при добавлении/удалении новых товаров.

3. Проверить YML-файл на наличие ошибок валидации с помощью инструмента «Отладка» Яндекс.Вебмастера.

4. При необходимости настроить API-передачу заказов. API Турбо-магазинов позволяет передавать информацию о заказе и покупателе в CRM/CMS-систему магазина. Подробнее в Документации на API.

5. Разместить сформированный файл на сайте. Файл должен быть доступен по статической ссылке, например https://site.ru/turbo-sale.

6. Сформированный файл загрузить в Вебмастер «Турбо‑страницы для интернет-магазинов → Источники».

7. Настроить аналитику. Для этого нужно перейти на страницу «Турбо‑страницы для интернет-магазинов → Настройки → Веб‑аналитика»; нажать кнопку «Добавить счетчик»; выбрать нужную систему веб-аналитики и указать идентификатор счетчика.

8. Настроить «Корзину»: в Вебмастере перейти на страницу «Турбо‑страницы для интернет-магазинов → Настройки → Оформление заказа»; добавить один или несколько способов оформления заказа:

Корзина на Турбо. С помощью нее пользователь может положить товар в корзину, продолжить покупки и оформить заказ сразу на Турбо‑странице.
Купить в 1 клик. Посетитель заполнит форму заказа на Турбо‑странице. Заказ придет на указанную вами электронную почту.

Обязательно укажите почту – на нее будут приходить уведомления об оформленных заказах.

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

10. После настройки всех пунктов необходимо выполнить контрольную проверку и включить показ Турбо-страниц. Для этого нужно вернуться в «Турбо‑страницы для интернет-магазинов → Источники» и включить фид.

Через некоторое время вместо обычных страниц в поиске появятся Турбо-страницы.

Как подключить Турбо-страницы для контентных сайтов

Визуальная часть Турбо-страницы для статьи:

1. Логотип → добавляется в настройках в Яндекс.Вебмастере.

2. Выпадающее меню → создается в настройках в Яндекс.Вебмастере.

3. Заголовок Н1.

4. Заглавное изображение статьи.

5. Сам текст статьи с картинками или без.

6. Другие статьи по теме.

7. Кнопка «Перейти на оригинал» → кнопка формируется автоматически Яндексом.

8. Файл должен быть в формате rss и должен быть доступен по статической ссылке, например https://site.ru/rss-feed.xml.

Пример сгенерированной Турбо-страницы для статьи

Чтобы создать Турбо-страницы для статьи, нужно сгенерировать файл формате rss, который должен быть доступен на основном домене по статической ссылке, например https://site.ru/rss-feed.xml.

Большинство CMS-систем имеют встроенный модуль, который позволяет генерировать rss-файл, но если такого нет, то нужно создать файл самостоятельно. С основными элементами и требованиями можно ознакомиться в официальной справке Яндекса:

по подключению Турбо-страниц,
по разметке RSS-канала.

Пример RSS-файла:

Основные шаги при при создании Турбо-страниц для контентных сайтов:

1. Сформировать RSS-канал.

2. Проверить RSS-канал на наличие ошибок валидации с помощью инструмента «Отладка» Яндекс.Вебмастера.

3. Разместить сформированный RSS-канал на основном домене. Канал должен быть доступен по статической ссылке, например https://site.ru/rss-feed.xml.

4. Загрузить RSS-канал в Вебмастер. Для этого в Вебмастере нужно перейти в «Турбо‑страницы для контентных сайтов → Источники» и добавить туда ссылку на файл.

5. Настроить аналитику. Для этого нужно перейти на страницу «Турбо‑страницы для контентных сайтов → Настройки → Веб‑аналитика», нажать кнопку «Добавить счетчик»; выбрать нужную систему веб-аналитики и указать идентификатор счетчика.

6. Сделать стилизацию под сайт в Яндекс.Вебмастере, чтобы страница отображалась с корректным названием и логотипом.

7. Добавить меню.

8. После настройки всех пунктов необходимо выполнить контрольную проверку и включить показ Турбо-страниц Для этого нужно вернуться в «Турбо‑страницы для контентных сайтов → Источники» и включить rss-канал.

Через некоторое время вместо обычных страниц в поиске появятся Турбо-страницы.

Заключение

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

Источник

Поле «Ссылка на сайт» оставляем пустым, так как будем создавать его на этапе настройки объявлений.

Нажмите «Продолжить» – и вы перейдете к настройкам группы объявлений.

2) Задайте настройки новой группы объявлений:

Здесь всё (ключи, ставки) заполняете точно так же, как для обычной рекламной кампании на поиске или в сетях Яндекса.

Далее переходим к созданию рекламного объявления.

3) Для объявления заполните поля по тому же принципу, как если бы вы создавали кампанию под обычный сайт. Вся механика та же: заголовки и тексты – для поиска, заголовки, тексты и картинки – для РСЯ.

В блоке «Контакты в объявлении» найдите кнопку «Ваши турбо-сайты». Для создания кликните по ней:

Откроется Библиотека турбо-страниц. Здесь вы выбираете уже готовый сайт, который хранится в «Инструментах» Яндекс.Директа:

Если у вас их еще нет, вы увидите окно «Создать турбо-сайт». В нем:

Задайте название первой страницы турбо-сайта;
Привяжите организацию, если нужно (в нашем примере она уже привязана);
Выберете шаблон турбо-сайта.

Выберите способ создания. Вы можете добавить пустую страницу и наполнить её контентом с нуля по вашему усмотрению, однако с шаблонами проще и быстрее. Мы покажем, как создавать турбо-сайт из шаблона «Базовый».

Выберите нужный вариант создания, кликните «Создать» – и вы попадете в конструктор турбо-страниц. Так он выглядит:

По центру – внешний вид вашей будущей страницы, справа – секции навигации. Но начнем с главного – с настроек.

Шаг 1: задайте настройки турбо-страницы

Задайте настройки турбо-сайта, кликнув по значку шестеренки:

Настройки включают четыре блока:

Настройки сайта;
Настройки страницы (имеется в виду, страницы турбо-сайта);
Ссылки для просмотра;
Моя организация (здесь вы привязываете организацию, если еще не сделали этого ранее).

В настройках сайта вы указываете его адрес (1), по желанию выбираете главную страницу (2) и добавляете фавиконку (3), настраиваете счетчик Яндекс.Метрики (4):

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

Теперь подробнее про счетчик Метрики. При создании или редактировании турбо-страницы можно выбрать, какой счетчик подключить – технический (автоматический) или пользовательский (свой). Автоматический счетчик под названием Turbo Pages появляется по умолчанию с автоматически сгенерированными целями (их список здесь).

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

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

Забегая вперед: смотреть статистику по турбо-страницам можно будет в стандартных отчетах Яндекс.Метрики:

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

Со статистикой разобрались, вернемся к настройкам.

В настройках страницы (для той страницы турбо-сайта, которую вы создаете в данный момент) вы:

Указываете её адрес;

Задаете настройки для SEO (заголовок, описание и другие поля), либо запрещаете индексацию страницы (первая галочка);

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

Настраиваете, как будет отображаться ссылка на ваш сайт в соцсетях – добавляете заголовок, описание и картинку;

В разделе «Ссылки для просмотра» вы найдете ссылки на опубликованную версию страницы и на предпросмотр.

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

Шаг 2: настройте навигацию турбо-страницы

Справа вы увидите вариант навигации по умолчанию – набор секций в определенной последовательности. Их содержание и порядок можно изменить. Например, удалить ненужные секции, нажав на значок корзины:

Исключение: секция «Подвал» (Footer) обязательная, её невозможно удалить.

Чтобы добавить нужные элементы навигации, нажмите кнопку «Добавить секцию»:

Выберите нужную секцию и шаблон для неё из доступных в Библиотеке секций. Допустим, для шапки предусмотрено 6 вариантов:

Вновь добавленная секция появится справа в «Навигации».

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

Если у вас несколько товаров, пригодятся разделы «Товары», «Цена». Если много визуального контента – «Графика», «Слайдер», «Галерея». Если много текстового контента о продукте – «Преимущества» (показать, чем вы отличаетесь от конкурентов) и «Вкладки» (для логического разделения информации, чтобы она лучше воспринималась).

Расположение секций можно менять – просто зацепите конкретную секцию и перетащите в нужное положение:

Шаг 3: настройте секции турбо-страницы

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

Для Шапки добавьте ссылку на изображение, которое хотите использовать как логотип, и введите текст (а также другие элементы в зависимости от шаблона шапки – меню, кнопку, контактную информацию и т.д.) Вот пример шапки по шаблону с логотипом, названием компании и кнопкой:

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

Аналогично настройте внешний вид других блоков страницы – можно выбрать буквально всё, вплоть до цвета фона и типа шрифта.

Вот настройки секции «Текст»:

Для секции «Фото» можно, помимо прочего, можно добавить подпись и фон:

Теперь о секции «Форма».

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

Внимание: не забудьте указать email-адрес, на который будут поступать заявки (заполненные формы)! В среднем это происходит за 2 минуты с момента отправки данных.

Настройте кнопку и её текст:

Примечание. Так как у нас выбран автоматический счетчик, в поле «Цели Яндекс.Метрики» автоматически проставлена цель для отслеживания. Если счетчик пользовательский, в этом поле можно прописать идентификаторы своих целей, связанных с взаимодействием с текущей секцией (в данном случае, с формой), из этого счетчика. Такая опция будет также доступна в настройках других секций.

Здесь же заполните юридическую информацию.

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

Если сайта нет, лучше кнопку возврата не использовать:

В секции «Кнопки контактов» добавьте ссылки на контакты (телефон, email, соцсети), которые, вы считаете, нужны вашей целевой аудитории. Например:

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

Шаг 4: проверьте и опубликуйте турбо-страницу

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

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

В окне предпросмотра вы можете посмотреть, как выглядит турбо-сайт с конкретного устройства (компьютера, планшета или смартфона), а также скопировать ссылку на предпросмотр.

Если всё в порядке, опубликуйте турбо-страницу. После этого можно запускать рекламу в Яндекс.Директе, с которой на страницу будет поступать трафик.

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

Насколько корректна ваша турбо-страница, модерация проверяет вместе с группой объявлений.

Источник

Турбо-страницы — это специально адаптированный для просмотра на мобильных и десктопных устройствах контент вашего сайта. Благодаря тому, что из кода убраны все CSS-файлы со стилями и JS-скрипты, загрузка такой страницы ускоряется до 15 раз. Это очень удобно для посетителей, использующих подключение через беспроводные сети мобильных операторов. Важно, что турбо-страницы лучше ранжируются в поиске для пользователей со смартфонами и планшетами, поэтому для вебмастера так важно их настроить и подключить, для того чтобы увеличить охват своей целевой аудитории.

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

Что такое турбо-страницы от Яндекс

Турбо-страницы (ТС) в Яндекс появились относительно недавно и компания их преподносит как новую технологию, которая позволяет снизить количество передаваемого трафика и ускорить загрузку. На самом же деле — это не более чем адаптированная RSS-лента. Их используют уже не один десяток лет: они были достаточно популярны, когда подключение к Интернет еще не было столь общедоступно, а скорость передачи данных измерялась в килобитах в секунду.

Сегодня ТС позволяют быстро загрузить контент и во многом заменяют мобильные версии сайтов. При этом следует разделять специальные мобильные страницы (обычно их выносят в поддомен m.vash-sait.ru) и адаптированные для просмотра на мобильных устройствах шаблоны, которые автоматически подстраивают ширину и сетку контента к размеру экрана устройства. С появлением турбо-страниц отпадает необходимость в отдельной мобильной версии. Пользователь, который перешел из поиска, всегда может открыть полную версию вашего ресурса, воспользовавшись специальной ссылкой.

В 2019 году Яндекс запустил десктопный вариант ТС, для ускоренной загрузки сайтов на настольных компьютерах и других устройствах с большим экраном (смарт — ТВ, например). В настоящее время вебмастер может самостоятельно определять подключать ли данный канал привлечения трафика, или все же воздержаться от использования данной технологии. Каких-либо штрафных санкций к доменам, на которых отсутствуют турбо-страницы не предусмотрено.

Недостатки технологии турбо-страниц

Перед тем, как подключить турбо-страницы в Яндекс, нужно узнать один важный факт, касающийся монетизации просмотров. Если вы делаете блог или информационные ресурс, и основной источник доходов — реклама, то использование турбо страниц может привести к некоторому снижению уровня заработка. Все дело в том, что лента ТС хоть и поддерживает вставку таких блоков, но только от AdFox или РСЯ (рекламной сети Яндекса) и только в определенных позициях на странице (над шапкой и в контенте) плюс два вида видеорекламы.

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

Логика использования ТС для интернет-магазинов также выглядит сомнительной: пользователю можно предложить перейти на основной сайт для совершения заказа, а также заполнить форму быстрой покупки и добавить товар в корзину (которая также откроется на вашем сайте). В любом случае понадобится совершить как минимум один дополнительный переход, что не слишком удобно. При этом пользователь попадает на страницу, основное содержание которой полностью совпадает с только что просмотренной ТС. Чтобы сделать просмотр и навигацию более удобной необходимо предусмотреть обработку заказов, поступающих из форм на ТС, что может потребовать дополнительной доработки функционала компонента интернет-магазина.

Как сделать турбо-страницы для Яндекс: создание RSS

Чтобы подключить турбо-страницы, нужно подготовить RSS-канал, в содержании которого будут включены все материалы сайта. Самый простой способ сделать это — установить плагин для вашей CMS (Content Management System — система управления контентом (сайтом)). Большинство плагинов доступны на специальной странице помощи Яндекс. Поддерживаются:

WordPress;
Joomla;
Opencart;
Drupal;
1С Битрикс и многие другие.

К сожалению далеко не все из них бесплатные, а для некоторых CMS, а также их компонентов и расширений, готовых решений просто не существует. Проблему можно решить модификацией кода вывода стандартной RSS ленты, но для этого нужны минимальные познания в программировании.

Как сделать турбо-страницу? Начинать следует с установки расширения. Для разных CMS этот процесс может иметь отличия. Например, для Joomla нужно воспользоваться менеджером расширений, чтобы загрузить архив с компонентом.

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

Функционал большинства готовых решений позволяет не только формировать ленту RSS в необходимом формате, но и включать в ее код разрешенные дополнительные элементы:

Блок Поделиться с кнопками социальных сетей;
Формы обратной связи;
Чат;
Подключение аналитики, вставка кода счетчика Метрики;
Блоки с рекламой.

Рекламу можно не настраивать в расширении. В настоящее время Яндекс поддерживает автоматическую вставку рекламных блоков в сгенерированные ТС.

После выполнения всех настроек нужно получить ссылку на сгенерированную RSS-ленту.

Сама лента — это XML файл RSS с немного видоизмененной структурой.

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

Как настроить турбо-страницы в Вебмастере

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

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

Содержимое полученной в плагине RSS-ленты нужно вставить в текстовое поле отладки на данной странице. В правой части экрана будет выведено представление вашей ТС на экране мобильного телефона. Если код сгенерирован правильно, в нижней части экрана будет выведено сообщение об отсутствии ошибок.

Кнопка CSS позволяет произвести отладку отображения уникального стиля для отображения ваших ТС. Поскольку вывод страниц стандартизирован, то возможна настройка только ограниченного количества элементов. При этом важно не перестараться и сохранить удобство чтения с экрана смартфона или планшета.

Как настроить турбо-страницы в Яндекс, чтобы они начали отображаться в поиске? Нужно подключить их в специальном разделе сервиса Вебмастер, воспользовавшись формой добавления канала. Для одного сайта доступно подключение 10 разных RSS-лент. Этот функционал можно использовать для раздельной публикации не связанных между собой категорий сайта и, таким образом, получать отдельную статистику для каждой из них.

Перейдите в раздел «Источники», чтобы добавить новую ссылку на ленту. В нижней части окна будут отображаться уже добавленные ранее источники, их статус (наличие проблем с выводом) и переключатель для управления показами в поиске.

Настройка отображения

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

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

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

Это простое решение позволяет увеличить количество просмотров приблизительно на 30% и компенсировать некоторое снижение количества просмотров страниц основного сайта.

Также, с помощью данного раздела можно настроить отображение комментариев, которые опубликованы к основному материалу, а также выводить форму для добавления нового. Для этого понадобятся GET и POST запросы используемого компонента обсуждений, которые нужно вставить в соответствующие поля на странице настроек:

Также доступна публикация формы авторизации. Для этого потребуется указать GET и POST запросы того компонента вашей CMS, который отвечает за вход пользователей на сайт со своим логином и паролем.

RSS-канал содержит только копию основного контента плюс собственные позиции для дополнительных элементов (логотип, меню, чат, форма обратной связи и другие). Те рекламные блоки, которые отображаются на вашем сайте не попадают на турбо-страницы. Тем не менее, вывод рекламы настроить можно, но для этого необходимо создать новые RTB-блоки в РСЯ и добавить полученный код в раздел «Реклама» настроек турбо-страниц.

Если вы планируете использовать РСЯ, то помимо регистрации площадки придется отдельно настроить блоки, в которых будет отображаться медийная реклама партнеров Яндекса или объявления из Яндекс.Директ. Необходимо выбирать адаптивные форматы с шириной 100%, все другие варианты гарантировано не поместятся в контейнер.

Как установить турбо-страницы для десктопных версий браузеров

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

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

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

В заключение

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

Теперь вы знаете как создать турбо-страницы и подключить их к поисковой выдаче с помощью сервиса Яндекс.Вебмастер. Процесс этот не самый сложный, при условии что для вашей CMS есть готовое расширение или плагин, который создаст RSS ленту с правильной разметкой. Основные трудности с которыми может столкнуться владелец сайта заключаются в отсутствии совместимого решения. В этом случае придется обращаться к помощи разработчиков ПО для создания плагина или подключать турбо-страницы через API (программный интерфейс) Яндекса. Также, желательно правильно выбрать материалы сайта для подключения к RSS, чтобы предлагать пользователям только наиболее качественный контент.

Если на каком-либо этапе у вас возникают сложности с настройкой — доверьте эту работу профессионалам. Узнать о стоимости услуг по настройке и оптимизации сайтов можно на этой странице.

Источник

Здравствуйте!

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

Что такое турбо-страницы Яндекса и для чего они нужны

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

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

По словам представителей Яндекса, турбо-страницы — это безграничные возможности для привлечения и удержания пользователей, увеличения доходов с показа рекламы. За 2018 год эту технологию внедрили десятки тысяч сайтов Рунета. Общее количество визитов на турбо-страницы перевалило отметку в 10 млрд. Миллионы уникальных посетителей предпочитают изучать контент именно на страницах с мгновенной загрузкой. Только представьте, сколько трафика вы потеряли, если до сих пор не подключили турбо-страницы.

Новая технология поможет увеличить длительность сессий и глубину. На турбо-страницах автоматически формируется лента рекомендаций, которая предлагает пользователям интересный для них контент. По данным Яндекса, это позволяет увеличить глубину просмотра на 30%, а длительность сессий — почти в два раза.

Лента рекомендаций на турбо-страницах

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

Рекламные блоки на турбо-страницах

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

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

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

Шаг 1:

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

Войдите в свой аккаунт Яндекс.Вебмастера и добавьте сайт. Нажмите на кнопку «Добавить сайт», введите в поле домен вашего ресурса и нажмите на кнопку «Добавить».

Чтобы подтвердить права на сайт, разместите на главной странице метатег, добавьте html-файл в корневую папку или внесите изменения в DNS-записи. После этого нажмите на кнопку «Проверить» и немного подождите. Обычно на подтверждение прав уходит до суток, но чаще это происходит быстрее.

Когда поисковик распознает метатег, кусок html-кода или изменённую DNS-запись, вы увидите в разделе «Настройки — Права доступа» пользователей, которые управляют сайтом. Теперь можно приступать к подготовке RSS-файла.

Шаг 2:

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

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

Шаг 3:

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

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

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

Шаг 4:

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

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

Шаг 5:

Установка Метрики и других счётчиков веб-аналитики

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

Помимо Яндекс.Метрики, вы можете привязать LiveInternet, Google Analytics, Mediascope, Mail.Ru, Rambler Топ-100.

Шаг 6:

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

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

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

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

Не забудьте сохранить изменения, кликнув на кнопку «Сохранить».

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

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

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

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

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

Плагины турбо-страниц для CMS

Плагины турбо-страниц ускорят и облегчат процесс создания турбо-страниц. Вот модули для популярных CMS.

WordPress

2.0 Yandex.News Feed by Teplitsa (плагин с конвертацией содержимого сайта в формат турбо-страниц)
2.0 Яндекс Турбо-страницы (модуль с автоматическим созданием RSS-лент)
Ya Turbo (плагин с гибкой настройкой RSS 2.0 выгрузки)

Bitrix

Яндекс Турбо-страницы (RSS 2.0 с выгрузкой блоков и статичных страниц)
Яндекс Турбо-страницы (выгрузка инфоблоков с перелинковкой в виде RSS-файлов)
Яндекс Турбо-страницы Pro для 1С Битрикс (универсальный модуль для статейных сайтов и интернет-магазинов)

Opencart

Яндекс Турбо-страницы для товаров 0.1 (модуль для интернет-магазинов)

Drupal

Yandex.Turbo (выбор и выгрузка любых типов в RSS канал)

Joomla

Расширение Joomla! (для турбо-страниц и Яндекс.Дзена)
Яндекс Турбо-страницы (плагин с поддержкой материалов компонентов Content, Zoo, K2, JoomShopping и Virtuemart).

Как отключить турбо-страницы

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

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

Если вас не устраивает упрощённая вёрстка, вы можете отключить турбо-страницы. Чтобы это сделать, добавьте атрибут turbo=»false» в элемент item нужной страницы:

link — это URL страницы, для которой нужно отключить показ турбо-страниц. Изменения вступят в силу через несколько дней, а вместо турбо-страницы пользователи увидят десктопную или мобильную версию сайта.

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

Отключить показ турбо-страниц можно и в Яндекс.Вебмастере. Перейдите в раздел «Турбо-страницы — Источники» и передвиньте выключатель в положение «Откл» у нужного источника. Изменения вступят в силу в течение часа.

Источник

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

В статье на примере интернет-магазина покажем, как создать и настроить Турбо-сайт.

Что такое Турбо-сайты и чем они полезны

Преимущества Турбо-сайтов

Для каких задач полезны Турбо-сайты

Есть и ограничения

Как создать Турбо-сайт с нуля: пошаговая инструкция

Задаем базовые настройки Турбо-сайта

Создаем страницу в конструкторе

Создаем карточки товаров

Добавляем контакты и карту

Настраиваем корзину

Футер

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

Рекомендации по оформлению интернет-магазина в Турбо-сайтах

Что такое Турбо-сайты и чем они полезны

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

Преимущества Турбо-сайтов

Быстрая загрузка

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

Индексация поисковиками

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

Больше конверсий

Быстрая загрузка при просмотре с мобильных устройств критически важна для конверсии сайта. Турбо-сайты загружаются быстро даже при нестабильном качестве связи, снижают показатель отказов на мобильных до 30%. В результате: больше пользователей дожидаются загрузки контента, остаются на сайте, и увеличивается доля тех, кто доходит до оформления заказа.

За создание сайта не нужно платить

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

Не нужно платить за домен, хостинг, поддержку сайта.

Легко создать

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

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

Турбо-сайты по умолчанию адаптивные — не нужно отдельно прорабатывать отображение сайта на устройствах с разным расширением экрана.

Готовые шаблоны

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

Аналитика

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

Есть функционал для интернет-магазинов

Можно добавлять карточки товаров с несколькими фото, ценой и описанием. Есть настраиваемая корзина, в которой можно редактировать обязательные поля, добавлять способы доставки и оплаты.

Заявки клиентов поступают на почту, а данные о заказах хранятся у вас и всегда доступны, например, для анализа и запуска рекламы.

Для каких задач полезны Турбо-сайты

У Турбо-сайтов есть несколько вариантов применения.

Альтернатива обычному сайту. Например, вы ведете бизнес только в соцсетях (в том же Инстаграме* или ВКонтакте). Перед тем как выделять бюджет на создание сайта, вы можете бесплатно и быстро создать Турбо-сайт, добавить в него основной ассортимент товаров, запустить рекламу и замерить эффективность.
Мобильная версия (в дополнение к основному сайту). Будет полезен, если основной сайт не адаптирован под мобильные устройства или имеет низкую скорость загрузки.
Промо-страница. Например, чтобы продвигать отдельно определенный ассортимент товаров (например, самые популярные товары или сезонный ассортимент). Также Турбо-сайты можно использовать для продвижения акций и специальных предложений.

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

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

Есть и ограничения

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

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

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

карточки товаров;
корзина;
форма заказа с выбором способов доставки и оплаты.

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

Как создать Турбо-сайт с нуля: пошаговая инструкция

Для создания турбо-сайта перейдите в конструктор Турбо-страниц в Директе (раздел «Инструменты» / «Конструктор Турбо-страниц»).

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

Здесь можно:

указать название первой страницы;
привязать организацию из Яндекс.Справочника (данные об организации подтянутся на сайт и будут отображаться в соответствующих полях);
выбрать шаблон сайта. Доступно 16 шаблонов: интернет-магазина, информационного сайта, магазина мебели и т. д.

Мы будем создавать Турбо-сайт для интернет-магазина, поэтому выбираем соответствующий шаблон и жмем «Создать».

Задаем базовые настройки Турбо-сайта

Перейти в них можно из панели инструментов (кликнув по кнопке с шестеренкой).

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

Здесь необходимо задать адрес сайта. Сайт будет размещаться на домене turbo.site, но название сайта можно задать любое (не короче 4 символов). Также адрес сайта можно в любой момент изменить.

Можно указать главную страницу (если вы создали несколько страниц), а также добавить фавиконку.

Счетчик Яндекс.Метрики

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

Вот так выглядит автоматически созданный счетчик в Метрике:

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

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

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

Эти настройки применяются к странице, которую вы сейчас редактируете.

Указываем адрес страницы:

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

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

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

Ссылки для просмотра

В этом разделе отображаются две ссылки:

на опубликованную версию страницы;
ссылка предпросмотра.

Моя организация

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

Создаем страницу в конструкторе

Над окном конструктора — навигация по директории с сайтом. Здесь вы можете переключаться между страницами или сайтами (если их несколько), а также создавать новые страницы.

Ниже — панель инструментов:

Здесь можно:

добавить новую секцию на страницу;
отменить или повторить внесенные изменения;
переключить режим просмотра страницы (десктопная версия, версия для планшета и смартфон), а также открыть режим предпросмотра;
открыть меню настроек сайта и страницы;
посмотреть историю версий и переключиться между ними при необходимости;
создать копию страницы;
сохранить и опубликовать.

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

Чтобы добавить новый блок на страницу, нажмите «Добавить секцию». Откроется меню, в котором собраны все доступные типы секций. Для каждого типа (например, шапки) доступны несколько вариантов с разным расположением контента.

Для начала добавим шапку. Выбираем вариант «С логотипом, меню, кнопкой и минимальной контактной информацией».

Теперь отредактируем шапку:

загружаем лого и указываем название магазина;
ставим ссылки в шапку и убираем ненужные;
указываем номер телефона и график работы. Телефон в шапке будет скрыт под кнопку «Показать телефон» (для отслеживания кликов по номеру телефона);

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

Редактировать текст в шапке (и в других секциях Турбо-страниц) можно прямо в самой секции или в меню настроек в правой части интерфейса.

При добавлении/редактировании пункта меню в шапке необходимо указать, куда нужно переходить при клике на ссылку. Доступно два варианта:

на любую секцию текущей страницы (например, на блок с товарами или описанием преимуществ компании);
на другую страницу (переход по URL). Здесь можно указать URL страницы Турбо-сайта (если вы создали их несколько) или поставить ссылку на внешний сайт — например, на ваш основной сайт.

Пункты меню можно легко менять местами с помощью перетаскивания:

В блоке «Контакты» можно добавить несколько контактов. Здесь доступно 4 типа контактов:

телефон;
адрес (физический адрес магазина или офиса);
электронная почта;
часы работы.

Также в шапку можно добавить иконки социальных сетей. Мы пока этого делать не будем, чтобы не перегружать шапку и оставить в ней только самую важную информацию.

Добавляем обложку

Добавляем новую секцию — «Обложка».

На обложке размещаем заголовок с подзаголовком, изображение, а также ставим кнопку.

Фон обложки можно залить цветом или поставить фоновое изображение.

Добавим преимущества — чтобы рассказать клиентам больше о нашем магазине

Можно настроить:

формат контента (с изображением или без);
количество колонок;
ширину изображения и формат.

Для пунктов преимуществ можно добавить подложку — так они будут выглядеть более приятно и структурированно.

Следующая секция — товары

Выбираем вариант «В четыре колонки», чтобы на одном экране пользователи могли видеть сразу несколько товаров.

Секция пока что выглядит так:

Теперь нужно будет добавить информацию о товарах и фотографии.

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

Также внизу страницы появился предпросмотр формы оформления заказа (ее мы рассмотрим детальнее ниже).

Создаем карточки товаров

Для добавления товаров переходим в правом меню в секцию товары и раскрываем ее настройки.

Перед тем как приступать к добавлению товаров, активируйте переключатель «Дополнительные настройки» (если до этого он был выключен). Так при работе с секцией будут доступно несколько полезных дополнительных опций.

Здесь можно настроить:

Количество колонок при отображении товаров. Обратите внимание, это влияет только на отображение Турбо-страницы при просмотре с десктопов. На планшетах и мобильных товары будут складываться в одну колонку (это же касается и других секций, где используются несколько колонок).
Формат фото. По умолчанию фото в товарах — квадратные (соотношение сторон 1:1). Соотношение можно изменить и выбрать нужное — например, 16:9. Эта опция будет недоступна, если отключены дополнительные настройки.

Выберите тот формат, в котором у вас подготовлены фото товаров. Если в настройках секции товаров выбран формат 1:1, а вы попытаетесь загрузить фото с соотношением сторон 16:9, изображение нужно будет обрезать и часть содержимого не будет показана.

Список товаров в секции отображается так:

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

Как создать карточку товара

Для этого нажмите на иконку карандаша у нужного товара (появляется при наведении). Откроется всплывающее окно редактирования.

Пройдемся по основным полям:

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

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

Можно добавить несколько фото товаров. В этом случае при клике (или тапе) на фото будет открываться слайдер, в котором можно перелистывать все доступные изображения.

Название и описание товара. Для названия есть ограничение по длине текста: максимум — 50 символов.

Текст можно минимально отформатировать: выделить отдельные фрагменты жирным, курсивом или подчеркиванием; изменить цвет текста и заливку.

Цена товара. Здесь есть два поля: «Текущая цена» и «Старая цена».

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

Товары со скидками будут отображаться так:

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

Всей секции с товарами можно добавить фон — цвет или изображение.

Любая секция копируется и перемещается в нужное место страницы.

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

Добавляем контакты и карту

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

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

Контакты отображаются в ряд (на десктопе) или в столбец (на планшетах и мобильных). Можно выбрать стиль отображения:

с темными иконками;

со светлыми иконками;

без иконок.

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

Можно настроить высоту карты (с помощью кнопок размеров XS-XL), а также изменить компоновку секции (разместить карту справа от списка контактов).

Под контактами и картой можно разместить иконки соцсетей. Для этого необходимо кликнуть по кнопке «Добавить соц. сеть» и выбрать нужную соцсеть из выпадающего списка.

А затем указать ссылку на группу или страницу:

Настраиваем корзину

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

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

Что нужно заполнить в настройках:

Адрес электронной почты для заявок. Заказы, оформленные клиентами, будут приходить на указанную почту. Можно указать несколько email, например, чтобы заказы приходили вам и менеджеру.
Юридическую информацию. Если вы работаете как юридическое лицо, необходимо указать название компании и ИНН.

Для физлиц необходимо указать ФИО и адрес.

В блоке настроек «Данные клиента» можно настроить поля, которые пользователь должен заполнить при оформлении заказа. По умолчанию здесь три поля:

«Ваше имя»;
«Телефон»;
«Электронная почта».

Поля для ввода телефона и почты — обязательные. Изменить или удалить их нельзя. Поле «Ваше имя» можно редактировать: изменить название поля, отредактировать поясняющий текст (плейсхолдер), а также активировать или снять галочку «Обязательное поле». Если галочка установлена, для оформления заказа клиенту обязательно нужно указать свое имя.

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

Следующий блок настроек — варианты получения заказа (доставка).

По умолчанию есть три предустановленных варианта доставки. Их можно отредактировать под себя или удалить и создать заново.

Для создания способа доставки нужно:

Кликнуть по кнопке «Добавить поле».
Нажать на пиктограмму карандаша в добавленном варианте доставки и выбрать способ получения товара — доставка или самовывоз.
Указать название способа — так, чтобы пользователю было понятно, как он сможет получить товар (например, «Доставка Почтой России»). Если добавляете вариант самовывоза, необходимо также указать адрес, по которому можно забрать товар самостоятельно.
Указать стоимость доставки (обязательное поле).

Следующий блок настроек — способы оплаты.

Их всего два, и отредактировать можно только название:

наличными при получении;
картой при получении.

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

Футер

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

В футер можно добавить:

краткое описание компании;
название компании и год основания;
логотип;
меню (ссылки на основные разделы или страницы);
контакты;
иконки социальных сетей.

Также можно изменить тему оформления футера: выбрать светлую или темную.

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

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

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

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

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

Сайт готов, теперь на него можно запускать трафик из Директа или других источников. Заявки будут приходить на почту, а в Метрике сможем отслеживать поведение пользователей и взаимодействие с контентом.

Как создать и настроить турбо-страницы «Яндекса»

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

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

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

Прежде всего, необходимо указать корневой элемент RSS-файла. Им является «rss», а атрибут — «version». Атрибут должен обязательно иметь значение 2.0. (это следует указывать в коде).
На втором этапе нужно составить и добавить информацию о веб-странице, подробно описав, что именно в ней содержится. Здесь необходимо в существующий код внести новый элемент — «channel». В него нужно включить «item».На данном этапе в элемент «item» необходимо включить ссылку на страницу сайта, для которой создается турбо.
Нужно опубликовать материал, находящийся на оригинальной странице. Также следует оформить верхнюю часть (шапку). Она может содержать в себе основное изображение, растянутое во всю ширину, либо отображать логотип веб-ресурса. Таким же образом дублируется остальной контент.
Чтобы оформить текст, в «Яндексе» можно использовать любой из возможных HTML-элементов: элемент «p» — параграф статьи; «ul» —используемый маркер списка перечисления; «ol» — набор элементов с их порядковыми номерами (также для перечисления пунктов); «a» — слова, выделенные ссылкой.
На последнем этапе создания простой турбо-страницы необходимо отправить эти данные в «Яндекс».
На турбо-страницы можно устанавливать программы для анализа. Большинство пользователей выбирают такие инструменты веб-аналитики, как Яндекс.Метрика или Google Analytics. С их помощью можно собирать и анализировать данные, получать отчеты в виде графиков, отслеживать источники трафика, а также определять, насколько то или иное решение было эффективным. Производится веб-аналитика так же, как и для оригинальных разделов. Здесь можно зарабатывать и на рекламе. При этом скорость, с которой загружаются страницы, уменьшает количество отказов, что ведет к увеличению трафика и, соответственно, заработка.
Чтобы установить счетчик веб-аналитики, необходимо интегрировать туда, прежде всего, специальный идентификатор Яндекс.Метрики. Найти его можно в разделе «Мои счетчики». На открывшейся странице будет список из всех доступных инструментов (LiveInternet, Google Analytics, Рейтинг Mail.Ru и т.д.). Кликнув на значок шестеренки около нужного варианта, следует перейти в раздел «Настройки» и скопировать данные в поле «Номер счетчика».

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

Как подключить турбо-страницы «Яндекса»

Всего несколько лет назад статистика посещения веб-ресурсов, будь то социальные сети или сайты, показывала, что более 70% людей используют для входа персональный компьютер. Остальные 30% приходились на смартфоны и планшеты. С тех пор всё кардинально изменилось: теперь доминируют мобильные телефоны.

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

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

Следующий шаг — создание RSS-канала для турбо-страниц. Для этого нужно ввести ссылку на него.

Можно выбрать один из десяти доступных вариантов для одного веб-ресурса. Если администратор ведет несколько проектов, связанных общим доменом, для него доступно шестьдесят каналов (то есть по десять на каждый проект). Преимущество использования двух-трех каналов заключается в том, что каждый может настраиваться в отдельности по отличным от других параметрам.

Материал, опубликованный на высокоскоростных страницах, попадает туда не с веб-ресурса, а из специально созданного канала. Принцип работы данной схемы схож с другими функциями «Яндекса». К примеру, подобным образом происходит считывание данных о товаре через XML/YML-файл.

Данная технология идеально подходит для новостных интернет-изданий, магазинов, информационных ресурсов, коммерческих проектов. Особое внимание следует уделить различным СМИ, поскольку с помощью данного инструмента можно обеспечить беспрепятственный доступ пользователей для просмотра новостных блоков. Обычно они грузятся очень долго. Исправить ситуацию можно следующим образом:

Разместить на сайте новостную RSS-ленту и настроить ее с учетом требований «Яндекса».
Используя Яндекс.Вебмастер, подключить турбо-страницы.

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

Преимущества использования турбо-страниц

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

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

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

Сервер веб-ресурса будет освобожден от значительной части нагрузок. Это достигается благодаря кэшированию контента, размещению его на специально выделенных облачных хранилищах. И когда человек открывает страницу, все данные грузятся с промежуточного буфера «Яндекса». Благодаря этому количество обращений к серверу снижается, освобождая его ресурсы для проведения более важных операций.
Веб-страницы не нужно переделывать — технология позволяет адаптировать их без внесения существенных изменений в программном коде, который определяет, каким образом будут располагаться отдельные элементы: изображения, текст, аудио- или видеозаписи. Изменять страницы веб-мастер может теми же инструментами, что и создавать: через RSS-канал, API Яндекс.Турбо-страниц и автопарсинг.
Администратор интернет-магазина по-прежнему сможет использовать инструменты веб-аналитики для сбора и анализа детальной статистики работы. В частности, можно интегрировать все популярные сервисы: Яндекс.Метрика, Google Analytics, LiveInternet и т.д.

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

Отрицательное влияние технологии

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

Главным недостатком является то, что такую страницу нельзя оформить как оригинальную версию. Когда пользователь загружает контент, он представляется ему в виде стандартного текстового оформления. В отличие от обратной связи, без которой в некоторых случаях нельзя обойтись, к дизайну можно привыкнуть, даже если он не позволяет в полной мере отобразить контент.
Владельцы веб-ресурсов, подключившие турбо-страницы, главной проблемой называют то, что теряется контроль над собственным проектом, а все права по управлению, по сути, переходят к компании «Яндекс». Помимо этого, падает реальный доход с рекламы. Связано это с тем, что на страницах можно разместить только 2-3 блока, в то время как в оригинальной версии помещается до десяти рекламных интеграций. Однако есть возможность размещать контекстную и медийную рекламу от рекламной сети «Яндекса».

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

Источник

22 ноября 2017 года Яндекс объявил о запуске Турбо-страниц в своём блоге. С тех пор прошло полгода, и я решил собрать всю актуальную информацию о них.

В статье я рассмотрю:

Что такое Турбо-страницы
Их плюсы и минусы
Как подключить
Что такое «Отладка Турбо-страниц»
Какие есть плагины для них
Что такое «некачественные Турбо-страницы»
Реклама и страницы для Яндекс.Директа
Обновления Турбо-страниц
Заключение

Начнём с основного – что же такое Турбо-страницы?

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

Турбо-страницы – это облегчённая версия мобильных страниц, которая позволяет быстрее загружать страницы с мобильных устройств при мобильном поиске, в сюжетах Яндекс.Новости и в ленте Яндекс.Дзена. Похожая технология есть у Google, она была анонсирована в 2015 году и называется Accelerated Mobile Pages (AMP).

Пример Турбо-страницы:

Давайте разберёмся, в чём же изюминка таких страниц.

Плюсы и минусы Турбо-страниц

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

Плюсы Турбо-страниц

Быстрая скорость загрузки

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

Увеличение скорости загрузки страниц происходит из-за того, что:

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

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

Серверы Яндекса:

Улучшают не только скорость загрузки, но и делают ваши страницы доступными 24/7 (даже если ваш сайт по какой-то причине не отвечает, Турбо-страницы будут доступны).
Снижается нагрузка на хостинг – вся нагрузка с Турбо-страниц ложится на серверы Яндекса.

Значок ракеты

Ещё одно преимущество таких страниц – в мобильном поиске они помечаются значком ракеты.

Мобильная аудитория постоянно растёт, многие уже знают, что означает этот значок. Пользователи могут отдать предпочтение странице со значком ракеты, так как она загрузится очень быстро.

Как бы здорово всё это ни звучало, у этой технологии пока есть и свои минусы.

Минусы Турбо-страниц

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

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

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

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

За полгода было написано большое количество инструкций, да и Яндекс выпустил подробное видео:

Если вкратце, для подключения Турбо-страниц нужно:

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

Здесь можно:

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

выбрать интересующий счётчик и добавить его идентификатор;
указать рекламный блок.

Создать RSS-канал. После настройки отображения потребуется RSS-канал формата Турбо-страницы. Яндекс использует для них версию RSS 2.0. Как создать канал,можно прочитать на сайте Яндекса: «Описание элементов RSS 2.0».
Подключить канал через Яндекс.Вебмастер. Сделать это можно по ссылке: https://webmaster.yandex.ru/site/turbo/sources/. Здесь вы выбираете сайт и добавляете или используете уже готовый RSS-канал.

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

Рекомендую ознакомиться с подробной инструкцией от Яндекса – «О технологии Турбо-страницы» и материалом «Турбо-страницы для владельцев сайтов».

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

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

Что такое «Отладка Турбо-страниц»

28 апреля 2018 года Яндекс анонсировал «Отладку Турбо-страниц». С помощью сервиса можно собрать свой шаблон для Турбо-страниц.

Инструмент новый и работает пока в режиме бета-версии. Свои пожелания к нему вы можете оставлять на странице новости: «Представляем отладчик Турбо-страниц».

Сам же сервис доступен по ссылке: https://webmaster.yandex.ru/site/turbo/sandbox/

Плагины для Турбо-страниц

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

Плагины для CMS «1С-Битрикс»:

Яндекс Турбо-страницы – модуль позволяет сделать RSS 2.0 выгрузку инфоблоков и статичных страниц для сервиса Яндекс Турбо-страницы. Он бесплатный.
Яндекс Турбо-страницы PRO – платная версия этого плагина с расширенным функционалом. Цена: 1000 рублей, есть бесплатный пробный период на 5 дней.

Плагины для CMS Drupal:

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

Плагины для CMS Joomla:

Яндекс Турбо для Joomla и Яндекс Дзен – расширение для Турбо-страниц и Яндекс.Дзен. Поддерживает сторонние компоненты: K2, интернет-магазины, каталоги и другие. RSS подходит для Joomla! 1.5 / 2.5 / 3.5+ и выше. Расширение платное – 990 рублей, есть демоверсия.

Плагины для CMS OpenCart:

Яндекс.Турбо для товаров 0.1 – модуль Яндекс.Турбо для товаров ocStore 2.3.0.2.3. Как и в случае с Drupal, плагин давно не обновлялся (версия от 28 ноября 2017), но отзывы положительные.

Плагины для CMS WordPress:

NewsFeedbyTeplitsa – позволяет организовать трансляцию материалов сайта для сервиса Яндекс.Новости с поддержкой Турбо-страниц. Также давно не обновлялся (4 месяца назад), но есть много положительных оценок.
Яндекс.Турбо – плагин автоматически создаст на вашем сайте новую RSS-ленту (или несколько лент) для сервиса «Яндекс.Турбо» в полном соответствии с техническими требованиями Яндекса. Обновлялся недавно (4 недели назад), положительные отзывы.
YaTurbo – модуль позволяет гибко настроить RSS 2.0. выгрузку для Турбо-страниц. Последний раз обновлялся 5 месяцев назад, один положительный отзыв.
Yandex TurboFeed – плагин, генерирующий фид для Турбо-страниц от компании Яндекс. Обновлялся 3 месяца назад, несколько положительных оценок.

Как видно, плагинов много, лидер по их количеству – WordPress, что неудивительно.

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

Что такое «некачественные Турбо-страницы»

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

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

Кроме того, 20 февраля в блоге Яндекса для Вебмастеров появилась статья «Турбо-страницы: опыт первых трёх месяцев». В ней говорилось, что с 5 марта 2018 года некачественные Турбо-страницы не будут появляться в Поиске, Дзене и Новостях. Вместо них будут оригинальные страницы сайта.

Чтобы ваши Турбо-страницы не попали под обозначение «некачественных Турбо-страниц», Яндекс рекомендует не допускать следующего:

отсутствие существенной части текста с основной страницы (или вообще другой текст на Турбо-странице);
отсутствие визуального выделения заголовков и частей текста внутри статьи (жирным, курсивом);
дублирование основных заголовков статьи;
дублирование картинок;
отсутствие картинок (или части/битых картинок) и видео, если они есть на оригинальной странице;
отсутствие абзацев;
отсутствие части текстового контента (в основном подзаголовков);
отсутствие ссылок в тексте статьи, если они есть в оригинале;
попытки передать неработающие виджеты (карты и т. п.).

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

Далее я хочу поговорить о рекламе, так как именно этот вопрос беспокоил всех веб-мастеров, которые получали доход с рекламных блоков.

Реклама и страницы для Яндекс.Директа

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

Рекламные блоки на Турбо-страницах

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

При запуске Турбо-страниц в ноябре 2017 года Яндекс ввёл ограничение – один рекламный блок на страницу. Это возмутило многих веб-мастеров и привело к «пылкой» дискуссии в комментариях к новости о запуске Турбо-страниц. Многих возмущало, что Яндекс регулирует количество рекламы, которое веб-мастер может разместить на своей Турбо-странице.

Яндекс «сражался» недолго: уже в декабре 2017 года ПС «пошла на уступки» – были сняты ограничения на количество рекламных блоков.

Тем не менее, чтобы не раздражать пользователей рекламой, Яндекс рекомендует ставить не больше одного рекламного блока на экран –это примерно 250 слов, 4 картинки или 4 видео. Так, как это делает сам Яндекс 😉

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

Сразу скажу, что Турбо-страницы в Яндекс.Директе находятся в бета-тестировании и ограничен доступ к их созданию. Чтобы принять участие в бета-тестировании, обратитесь за помощью к менеджерам Яндекса или воспользуйтесь услугами рекламного агентства: https://yandex.ru/adv/contact/agency.

Обычные Турбо-страницы и Турбо-страницы для Яндекс.Директа очень похожи, однако функционал вторых немного больше.

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

Также для Турбо-страниц Яндекс.Директа есть конструктор, который позволяет уникализировать их дизайн. Подробнее: «Конструктор Турбо-страниц».

Будет интересно посмотреть на готовую версию Турбо-страниц для Яндекс.Директа и сравнить с функционалом обычных Турбо-страниц.

Обновления Турбо-страниц

Яндекс решил не затягивать с обновлениями и всё лето радовал новостям по Турбо-страницам, а на прошлой неделе – 19 сентября, выпустил одно из самых ожидаемых обновлений: «Интернет-магазины в Турбо (β)».

Авторасстановка рекламы

Об обновлении
Яндекс старался контролировать размещение рекламы ещё при запуске Турбо-страниц. Объявления можно было добавлять только через RSS-канал или Вебмастер. Рекомендовалось использовать не больше одного рекламного блока на экран – это около 250 слов, 4 картинок или 4 видео.

Чтобы упростить размещение рекламы и контролировать её количество, Яндекс добавил возможность расставлять блоки автоматически. Она работает на основе алгоритма, который будет добавлять рекламу наиболее выгодным способом как для площадки, так и для пользователей. Таким образом, алгоритм будет контролировать зарекламленность страницы.

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

При добавлении рекламы через ADFOX, она будет автоматически проставляться, если соблюдены два условия:

для этого item (страницы) нет рекламы в RSS-канале;
вы самостоятельно подключили авторасстановку, указав ID в интерфейсе Вебмастера.

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

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

API для Турбо-страниц

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

В API есть следующие лимиты по отправке данных:

Ограничение	Использование	Отладка
Количество символов в элементах title, h1, author	240	240
Общее количество картинок в RSS-канале	50 000	500
Количество элементов item	10 000	50
Количество картинок в одном элементе item, включая картинки, указанные в элементе yandex:related	30	—
Количество ссылок на другие ресурсы в элементе yandex:related	30	—

Помимо этого, Яндекс подготовил скрипт на Python, который можно использовать как шаблон для загрузки Турбо-страниц:

def get_rss_upload_path(user_id, host_id):
    path = '/user/{user_id}/hosts/{host_id}/turbo/uploadAddress/?mode={mode}'.format(
        user_id=user_id, host_id=host_id, mode='PRODUCTION')

    r = SESSION.get(API_URL + path)
    c = validate_api_response(r, 'upload_address')

    parsed_url = c['upload_address']

    return parsed_url

В нём нужно заменить поля, отвечающие за токен, адрес сайта и контент RSS.

Подробнее о работе скрипта можно прочитать в помощи Яндекса: «Python-скрипт для добавления RSS-канала».

Он дополнил технологию авторасстановки рекламы.
Подробнее о работе с API можно прочитать в руководстве: «API Яндекс».

Итог по обновлению
Хорошее обновление, позволяет быстро добавлять Турбо-страницы на переобход.

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

Об обновлении
Ещё одно обновление выпустили через несколько дней после API.
Многие жаловались на шаблонность Турбо-страниц, Яндекс прислушались к пожеланиям. Теперь их внешний вид можно настраивать через CSS. Для этого нужно добавить стили в настройки Турбо-страниц в Яндекс.Вебмастер.

Есть 4 ограничения в работе CSS для Турбо-страниц:

Не использовать сторонние шрифты.
Не добавлять низкопроизводительную анимацию.
Не работать с селекторами по названиям HTML-элементов. Например:
.a { color: #307896; });
Не добавлять подгрузку данных с внешних для Яндекса ресурсов. Например, не нужно использовать подобную подгрузку картинок:
.page { background-image: url(«https://example.com/image.png») }.

Эти ограничения нужны, чтобы Турбо-страницы быстро загружались. Другие возможности CSS можно использовать.

Примеры CSS-селекторов для оформления разных элементов страницы можно посмотреть тут: «CSS для Турбо-страницы».

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

Об обновлении
Технология подгружает следующую релевантную страницу с сайта при долистывании Тубо-страницы до конца.

Яндекс проводил закрытый тест с партнёрами, применив бесконечную прокрутку на сайте. Они смогли увеличить глубину просмотра до 30%, а среднее время пребывания на странице – почти в 2 раза.

Посмотреть, как работает автоматическая лента рекомендаций, можно на примере Турбо-версии сайта drive2.ru.

Передача содержимого Турбо-страницы

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

Кнопки с произвольным содержимым
При нажатии на кнопку пользователь может позвонить по указанному номеру или перейти на страницу оформления заказа.

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

На скриншоте: слева – пример кнопки вызова формы обратной связи, справа – вид формы обратной связи.

GIF-картинки
Реализована возможность добавлять GIF-картинки на Турбо-страницы. Они автоматически проигрываются, если размер изображения меньше 128 пикселей. Если больше – проигрывается по клику.

Рейтинги
Появилась возможность добавлять рейтинг на Турбо-страницы. Он реализован по протоколу schema.org.

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

Слайдер может содержать видео, картинки, ссылки, блок рекламы РСЯ.

Блок ссылок на дополнительные материалы

Нет ограничений на количество блоков на Турбо-страницах. Их можно размещать в любом месте страницы.

Блок содержания и якорные ссылки
Появилась возможность добавлять блоки с якорными ссылками. Это удобно, если информация на странице содержит подзаголовки.

Увеличение картинки по клику
На Турбо-страницы добавили возможность увеличения картинки по клику.

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

Яндекс.Карты для Турбо-страниц
Появилась возможность размещать Яндекс.Карты. Размер карт масштабируется под экран мобильного устройства.

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

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

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

Турбо-страницы для интернет магазинов (β)

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

На Турбо-странице товара есть:

Изображение товара.
Модель.
Актуальная цена.
Скидка.
Условия доставки.
Кнопка добавления товара в корзину.
Информационные разделы в виде раскрывающихся блоков.
Описание предложения (товара).
Характеристики.

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

Стандарт YML (Yandex Market Language) разработан Яндексом и основан на стандарте XML. Формат YML предоставляет больше возможностей и преимуществ, чем форматы XLS, CSV, TSV.

Для подключения интернет-магазина к Турбо-страницам нужно:

Перейти в раздел загрузки Турбо-страниц в Яндекс.Вебмастере.
Установить переключатель в положение YML в блоке ссылка на источник.
Указать ссылку на YML-файл и нажать «Добавить». Можно добавлять до 10 файлов.

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

Чтобы подробно узнать, как подключить интернет-магазин к Турбо-страницам, рекомендуем прочитать: «Инструкцию по подключению интернет-магазина β».

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

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

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

Заключение

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

Стоит подключить Турбо-страницы, если:

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

Не стоит подключать Турбо-страницы, если:

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

Этот вопрос был задан в теме «Турбо-страницы для интернет магазина» – всех волновало, когда же будет функционал для интернет-магазинов.

Сроки примерные, но, как мне кажется, летом нас ждут новые подробности, тем более функционал с «Обратным звонком» уже тестируется на Турбо-страницах в Яндекс.Директе. Как говорится, поживём – увидим.

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

Напоследок рекомендую ознакомиться с видео «Как Яндекс ускоряет интернет» через Турбо-страницы:

Еще по теме:

Как и зачем оптимизировать страницу контактов?

Внимание! У нас вышла новая статья с актуальными данными по страницам контактов, прочитать её можно по ссылке Оформляя страницу контактов, многие считают, что достаточно указать адрес,…

Семантическое SEO-проектирование сайта

Семантическое проектирование – это сбор семантики и её группировка для создания сайта с большими шансами на успешное продвижение. Для чего нужно семантическое проектирование сайта и…

Как улучшить сниппет в Яндексе и повысить CTR сайта

Первая информация о сайте, которую видит пользователь, выполняющий поиск по запросу, ― это сниппет. Чем привлекательнее он будет выглядеть, тем больше вероятности, что пользователь перейдёт…

20 банальных ошибок внутренней оптимизации, которые мешают сайту выйти в ТОП

В этой статье мы собрали и описали ошибки, с которыми на практике столкнулись наши специалисты, разбирая заявки, поступившие в SiteСlinic в прошлом году. Эта статья…

Сезонность запросов в Яндекс и Google или как развивать сезонный проект

Как собирать сезонные запросы Виды сезонных запросов Инструменты для определения сезонности Как и когда собирать сезонные фразы? Сезонность запросов в Key Collector Как продвигать сайт…

SEO-аналитик

Всегда знал, что моя работа будет связана с интернетом и компьютером. Начал самостоятельно учить HTML и пробовать себя в верстке. HTML давался легко, но верстать сайты было скучно. Тогда я и узнал о SEO.

С отличием завершил мастер-класс по обучению и управлению персоналом. Сдал письменный тест по английскому языку в Лондонской школе на 98%. Написал более десятка развивающих статей по SEО.

Работаю SEO-специалистом в компании SiteClinic, пишу статьи для блога. В свободное время хожу в походы.

Девиз: Just Do It

Есть вопросы?

Задайте их прямо сейчас, и мы ответим в течение 8 рабочих часов.

Источник

«Турбо-страница» – что это такое?

Плюсы и минусы Турбо-страниц

Как подключить Турбо-страницы для интернет-магазина

Как подключить Турбо-страницы для контентных сайтов

Заключение

Шаг 1: задайте настройки турбо-страницы

Шаг 2: настройте навигацию турбо-страницы

Шаг 3: настройте секции турбо-страницы

Шаг 4: проверьте и опубликуйте турбо-страницу

Что такое турбо-страницы от Яндекс

Недостатки технологии турбо-страниц

Как сделать турбо-страницы для Яндекс: создание RSS

Как настроить турбо-страницы в Вебмастере

Настройка отображения

Реклама

Как установить турбо-страницы для десктопных версий браузеров

В заключение

Что такое турбо-страницы Яндекса и для чего они нужны

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

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

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

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

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

Установка Метрики и других счётчиков веб-аналитики

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

Плагины турбо-страниц для CMS

WordPress

Bitrix

Opencart

Drupal

Joomla

Как отключить турбо-страницы

Что такое Турбо-сайты и чем они полезны

Преимущества Турбо-сайтов

Аналитика

Есть функционал для интернет-магазинов

Для каких задач полезны Турбо-сайты

Есть и ограничения

Как создать Турбо-сайт с нуля: пошаговая инструкция

Задаем базовые настройки Турбо-сайта

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

Создаем страницу в конструкторе

Добавляем обложку

Добавим преимущества — чтобы рассказать клиентам больше о нашем магазине

Следующая секция — товары

Создаем карточки товаров

Добавляем контакты и карту

Настраиваем корзину

Футер

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

Рекомендации по оформлению интернет-магазина в Турбо-сайтах

Как создать и настроить турбо-страницы «Яндекса»

Как подключить турбо-страницы «Яндекса»

Преимущества использования турбо-страниц

Отрицательное влияние технологии

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

Плюсы и минусы Турбо-страниц

Плюсы Турбо-страниц

Минусы Турбо-страниц

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

Что такое «Отладка Турбо-страниц»

Плагины для Турбо-страниц

Что такое «некачественные Турбо-страницы»

Реклама и страницы для Яндекс.Директа

Рекламные блоки на Турбо-страницах

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

Обновления Турбо-страниц

Авторасстановка рекламы

API для Турбо-страниц

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

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

Передача содержимого Турбо-страницы

Турбо-страницы для интернет магазинов (β)

Заключение

Стоит подключить Турбо-страницы, если:

Не стоит подключать Турбо-страницы, если:

Читайте также: