Настройка турбо страниц яндекс: Подключение Турбо‑страниц для контентных сайтов. Турбо‑страницы для контентных сайтов

Настройки Турбо-сайтов — Директ. Справка

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

Чтобы открыть настройки, в конструкторе нажмите  → Настройки сайта.

Адрес

Сайт в конструкторе создается только на домене turbo.site и имеет вид name.turbo.site. Укажите адрес страницы, используя латинские буквы, цифры и тире. Если вы не задаете собственное название, оно сформируется автоматически.

Главная страница

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

Фавиконка

Фавиконка отображается во вкладке браузера перед названием сайта. Вы можете загрузить фавиконку в формате PNG или выбрать ее из библиотеки. Поддерживаемое соотношение сторон — 1 : 1.

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

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

Чтобы открыть настройки, в конструкторе нажмите  → Настройки страницы.

Адрес страницы

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

Поисковая оптимизация

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

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

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

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

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

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

Отображение в социальных сетях

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

Чтобы в социальных сетях ссылка на Турбо-страницу выглядела привлекательно, настройте ее отображение:

1. В блоке Соцсети в поле Заголовок введите название вашей страницы.

2. В поле Описание коротко расскажите о вашем предложении.

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

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

 Написать в чат

Клиентам и представителям агентств можно связаться с нами круглосуточно по телефонам:

Россия: 8 800 234-24-80 (звонок из России бесплатный)

Москва: +7 495 739-37-77

Беларусь: 8 820 00-73-00-52 (звонок из Беларуси бесплатный), +375 17 336-31-36

Казахстан: +7 727 313-28-05, доб. 2480

Для доступа к кампаниям специалисту потребуется PIN-код.

Как подключить и настроить внешний вид турбо-страниц от Яндекс: инструкция

Турбо-страницы — это специально адаптированный для просмотра на мобильных и десктопных устройствах контент вашего сайта. Благодаря тому, что из кода убраны все 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, чтобы предлагать пользователям только наиболее качественный контент.

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

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

v

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

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

1. Шаг 1. Скопируйте структуру RSS-ленты
2. Шаг 2. Добавьте информацию о странице
3. Шаг 3. Добавьте содержимое страницы
4. Шаг 4. Загрузите свою RSS-ленту на Яндекс.Вебмастер

Упрощенный пример RSS-канала, который содержит только обязательные элементы:

 

    <>
        < турбо="правда">
            >http://www.example.com/page1.html
            <>
                
        
    
 

канал   ^*  Обязательно»}}»>

Исходная информация о сайте.

элемент   ^*  Обязательно»}}»>

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

ссылка   ^*  Обязательно»}}»>

URL-адрес страницы сайта, для которой создается Турбо-страница.

turbo:content   ^*  Обязательное»}}»>

Содержимое страницы.

^*  Обязательно

Укажите элемент ссылки.

 ...
     
 \n 
 
 Ссылка должна содержать префикс схемы HTTP или HTTPS. 
 
 \n 
 
 Домен ссылки должен совпадать с доменом исходного сайта. 
 
 \n 
 
 Максимальная длина URL-адреса составляет 243 символа ASCII. 
 
 \n 
 
 Каждый URL должен содержать одну статью. 
 
 \n 
 
 При переходе по ссылке заголовок и начало текста должны соответствовать размеру первого экрана с разрешением 1024 × 768. 
 "}}">>http://www.example.com/page1.html
... 

ссылка   ^*  Обязательно»}}»>

URL-адрес страницы сайта, для которой создается Турбо-страница.

Требования:

• Ссылка должна содержать префикс схемы HTTP или HTTPS.

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

• Максимальная длина URL-адреса составляет 243 символа ASCII.

• Каждый URL должен содержать одну статью.

При переходе по ссылке заголовок и начало текста должны соответствовать первому экрану с разрешением 1024 × 768.

^*  Обязательно

Содержимое Турбо-страницы передается в элементе turbo:content. Содержимое должно быть заключено в ![CDATA[]]>

 ...
    <турбо:контент>
        
... 

Содержимое страницы должно содержать заголовок страницы и часть содержимого:

• Заголовок задается в элементе header. Он может содержать заголовок, меню и изображение для предварительного просмотра.

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

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

 ... 
    <Заголовок страницы."}}">>
        <Заголовок страницы.\n "}}">>Заголовок страницы
        <картинка с подписью."}}">>
            Атрибут  src="http://example.com/img.jpg" />
        
        <Заголовок второго уровня.\n "}}">>Заголовок второго уровня
        <Меню навигации.  \n 
  \n 
   a  
  \n 
  \n 
 
 Пункт меню. Атрибут href должен содержать ссылку на страницу сайта. 
  \n 
  \n 
  \n 
 

\n «}}»>> <Элемент меню. Атрибут href должен содержать ссылку на страницу сайта. \n «}}»> href=»http://example.com/page1.html»>Текст ссылки <Элемент меню. Атрибут href должен содержать ссылку на страницу сайта.\n "}}"> href=»http://example.com/page2.html»>Текст ссылки … заголовок   ^*  Обязательно»}}»>

Заголовок страницы.

h2   ^*  Обязательное»}}»>

Заголовок страницы.

рисунок

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

img

Атрибут src должен содержать URL-адрес изображения. Поддерживаются форматы JPEG, PNG, GIF.

h3

Заголовок второго уровня.

меню

Меню навигации.

a

Пункт меню. Атрибут href должен содержать ссылку на страницу сайта.

^*  Обязательно

Когда RSS-канал готов:

1. Поместите RSS-файл на сервер вашего сайта.

2. Загрузите файл в Яндекс.Вебмастер.

3. При необходимости добавьте логотип сайта.

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

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

Начало работы. Турбо-страницы для контентных сайтов

Инструкция по загрузке RSS-ленты в Яндекс.Вебмастер.

Для работы с API Яндекс.Турбостраниц необходимо получить токен доступа, например, с помощью Яндекс.Вебмастера:

1. Перейти на Турбостраницы для контентных сайтов → Страница Источники данных.

2. В блоке Загрузить через API нажмите кнопку Получить токен.

Вы должны отправлять токен OAuth в каждом запросе в HTTP-заголовке авторизации.

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

Чтобы получить идентификатор, используйте операцию GET /v4/user.

Пример:

 curl -X ПОЛУЧИТЬ \
  'https://api.webmaster.yandex.net/v4/пользователь' \
  -H 'Авторизация: OAuth oauth_token' 

Идентификатор пользователя возвращается в поле идентификатора пользователя.

Чтобы получить ссылку для загрузки, используйте операцию GET /v4/user/{user-id} / hosts/{host-id} / turbo/uploaddress .

Внимание. Перед публикацией Турбо-страниц рекомендуем проверить разметку и корректность отображения в режиме ОТЛАДКА. Режим задается параметром запроса режима при получении URL-адреса загрузки. Мы также рекомендуем пересмотреть ограничения RSS-канала.

Пример:

 curl -X ПОЛУЧИТЬ \
  'https://api.webmaster.yandex.net/v4/user/12345678/hosts/https:example.com:443/turbo/uploadAddress?mode=PRODUCTION' \
  -H 'Авторизация: OAuth oauth_token' 

Ссылка для скачивания возвращается в поле upload_address. Используйте его для загрузки RSS-канала.

Чтобы загрузить RSS-канал, отправьте запрос POST на URL-адрес, полученный на предыдущем шаге. В запросе необходимо указать заголовок Content-Type: application/rss+xml и отправить RSS-канал в теле запроса в виде двоичного файла или строки.

Пример:

 curl -X POST \
  https://api.webmaster.yandex.net/v4/upload/turbo/Dz3L9xOfnCecrcgv3jdTInxCY8tMl__tDWwJV9jB1VkdUmDyqx94u-11JqUte05eXYkX49q1Z9CZAsbBgKkdIQ==/ \
  -H 'Авторизация: OAuth oauth_token' \
  -H 'Тип содержимого: приложение/rss+xml' \
  -d '

  <канал>
    <элемент турбо="истина">
      
      <ссылка>https://example.com
      <турбо:контент>
        
             
Ресторан здорового завтрака
 
             
Полезно и вкусно
 
            <рисунок>
               mds.yandex.net/get-sbs-sd/403988/e6f459c3-8ada-44bf-a6c9-dbceb60f3757/orig">
            
            <меню>
              Пункт меню 1
              Пункт меню 2
            
          
          
Как хорошо начать день? С вкусным и полезным завтраком!
          
Присоединяйтесь к нам на завтрак. Посмотрите фотографии наших блюд на нашем сайте.
           
Меню
 
          <рисунок>
            
            
          
          
В нашем меню всегда свежие, вкусные и полезные блюда.
          
Узнайте сами.
          Забронировать столик
          

            
 com">
            

            

            

            

          
          
Наш адрес: Nullam dolor massa, porta a nulla in, ultricies vehicula arcu.
          
Фотографии — http://unsplash.com
        ]]>
      
    
  
' 

Операция возвращает идентификатор задачи загрузки RSS-канала в поле task_id. Это необходимо для проверки статуса загрузки.

Чтобы проверить статус загрузки RSS-канала, передайте идентификатор задачи в параметре пути task_id GET /v4/user/{user-id}/ hosts/{host-id}/turbo/tasks/{task-id } операция.

Результат загрузки содержит:

• Ссылки для просмотра примеров отображения Турбо-страниц.

  No related posts.