Авторизация:
Имя:

Пароль:

Поиск по сайту:

Последнее на сайте:

Подписка на новости

Введите Ваш email:

Пример баннера 300х250


Разделы:

рейтинг статьи: 5/5; голосов: 18; комментариев: 0

Главная > Онлайн сервисы Яндекс > Как создать турбо страницу, подключить ее и отключить в Яндекс. Настройка RSS-канала

31.05.2018

Как создать турбо страницу, подключить ее и отключить в Яндекс. Настройка RSS-канала (+ пример)

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

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

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

Хочу сразу оговориться, что существует несколько способов:

  1. Написать собственный RSS-файл
  2. Воспользоваться плагинами для CMS

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

Второй способ – почти полная автоматизация процесса. Но может сложиться такая ситуация, что проект не использует популярные CMS (например, как мой), тогда придется все делать самостоятельно. Хочу сразу успокоить, в этом нет ничего сложного, если дочитаете этот обзор до конца, то сами поймете почему.

Начнем с первого способа создания турбо страницы, а именно, с создания RSS-файла

Как создать RSS канал

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

Ограничения:

  1. Количество графических изображений в канале 5000 штук. Для одной страницы – 30
  2. Размер файла – 15 Мб
  3. Количество страниц в одном канале – 500
  4. Объем элементов «title», «H1», «author» - 240 символов (включая пробелы)

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

Обязательные элементы

<rss
    xmlns:yandex="http://news.yandex.ru"
    xmlns:media="http://search.yahoo.com/mrss/"
    xmlns:turbo="http://turbo.yandex.ru"
    version="2.0">
    ...
</rss>

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

Описание канала

<channel><!--Информация о сайте-источнике (RSS-канале)-->
        ...
        <item turbo="true"><!--Информация о странице-->
            ...
            <turbo:content>...</turbo:content><!--Содержимое страницы-->
            ...
        </item>
    </channel>

Тэг <channel></channel> содержит описание канала: ссылку на главную страницу сайта, его название, описание. Здесь подключаются счетчики статистики, рекламные агрегаторы. Вот кусок моего файла для наглядности примера:

<channel>
<title>Помощник Blogger -а</title>
<links>http://blog.1st-finstep.ru/</links>
<description>Создание и настройка блога на платформе Blogger (Blogspot) и его продвижение. Подробные инструкции и описание работы с Блоггером</description>
<turbo:analytics type="Yandex" id="46093"></turbo:analytics> - счетчик статистики от Яндекс
</channel>

Тэги:

  1. Title – название веб-ресурса
  2. Links – ссылка на главную страницу
  3. Description – описание сайта (турбо-канала)
  4. turbo:analytics – счетчик аналитики

Счетчики статистики

По поводу счетчиков. В моем случае это Яндекс.Метрика. Если вы пользуете другими системами, то нужно указывать в поле «id» номер счетчика или его идентификатор. В поле «type» - название системы: Yandex, Google, Mailru, LiveInternet.

Ниже можно указать идентификаторы рекламных блоков. Они заключаются в тэг «<turbo:adnetwork></ turbo:adnetwork >». Здесь присутствуют основные элементы:

  1. type – название рекламной площадки. Можно использовать РСЯ, тогда пишется «yandex» или сторонние площадки, тогда «AdFox»
  2. id – идентификатор рекламного блока
  3. turbo-ad-id – произвольная метка (название) блока. Она будет использоваться в теле описания страницы.

Пример:

<turbo:adNetwork
         type="Yandex"
         id="идентификатор блока"
         turbo-ad-id="first_ad_place">
        </turbo:adNetwork>
        <turbo:adNetwork
         type="AdFox"
         turbo-ad-id="second_ad_place">
            <![CDATA[
                    <div id="идентификатор контейнера"></div>
                    <script>
                        window.Ya.adfoxCode.create({
                            ownerId: 123456,
                            containerId: 'идентификатор контейнера',
                            params: {
                                pp: 'g',
                                ps: 'cmic',
                                p2: 'fqem'
                            }
                        });
                    </script>
                 ]]>
        </turbo:adNetwork>

Для типа Adfox все, что находится внутри контейнера <![[CDATA…]]> является обязательным, менять нужно только id, о котором говорилось выше.

Описание страницы

Тело турбо-страницы заключается в тэг «<item turbo=”true”></item>». Здесь размещается информация с той страницы, которую вы хотите сделать «турбированной».

Обязательные элементы item turbo:

  1. link – ссылка на оригинал страницы
  2. author – автор контента
  3. category – выбираете тематику, к которой относится материал
  4. pubDate – дата публикации
  5. <turbo:content> <![[CDATA…]]></turbo:content> - это контейнер, внутри которого начинается формироваться внешний вид турбо-страницы

Пример:

<item turbo="true">
<link>http://blog.1st-finstep.ru/2018/05/kak-sozdat-stranicu-bloga.html</link>
            <author>Владимир</author>
            <category>Технологии</category>
            <pubDate>Mon, 28 May 2018 07:27:30 GMT</pubDate>
<turbo:content>
<![CDATA[
Здесь элементы описания и форматирования страницы
]]>
</turbo:content>

Оформление шапки и меню

<header>
<figure>
<img src="ссылка на логотип" />
</figure>
<h1>Как создать страницу блога и первое сообщение</h1>
<menu>
<a href="http://blog.1st-finstep.ru/">Главная страница</a>
<a href="http://blog.1st-finstep.ru/p/blog-page.html">Создание блога</a>
<a href="http://blog.1st-finstep.ru/p/blogger-blogspot.html">Как настроить блог</a>
</menu>
</header>

  1. <header>…</header> - обязательный тег, внутри его описывается шапка: название, меню навигации по сайту и его логотип
  2. <h1> - кто знаком с HTML кодом, тот узнал этот тэг, для новичков – заголовок первого уровня (по-простому – ее название)
  3. <menu> - в него «закутываются» ссылки меню навигации. Они указываются в формате <a href=”адрес ссылки”>Текст ссылки</a>

Далее переходим к формированию содержимого. Для этого применяются тэги HTML:

<H2> – заголовок второго уровня. Допускается использование заголовков более низких уровней, например <h3>,<h4>
<p> - отделяются абзацы текста друг от друга
Текст выделяется тэгом <b>…</b>

Графические изображения

<img scr=”ссылка на картинку” /> – тэг для картинки без подписи

Код для картинки с подписью

<figure>
<img src="http://example.com/img.jpg" />
<figcaption>Подпись</figcaption>
</figure>

Галерея изображений:

<div data-block="gallery"><!--Галерея картинок-->
<header>Название галереи</header>
<img src="http://example.com/img1.jpg" />
<img src="http://example.com/img2.jpg" />
<img src="http://example.com/imgN.jpg" />
</div>

Цитирование:

<blockquote><!--Цитата с текстом и картинкой с подписью-->
<p>Текст</p>
</blockquote>

Разрешается вставлять картинку с подписью, как описывалось выше

Списки:

<ul>
<li>пункт 1;</li>
<li>пункт 2.</li>
</ul>

Таблицы:

<table>
<tr><!--Заголовок таблицы-->
<th>Первый столбец</th>
<th>Второй столбец</th>
</tr>
<tr><!--Строка таблицы-->
<td>Первый столбец</td>
<td>Второй столбец</td>
</tr>
</table>

Рекламные блоки:

<figure data-turbo-ad-id="first_ad_place"></figure>

Где data-turbo-ad-id – это метка первого рекламного блока, о котором говорилось выше. Таким же образом размечается место и для второго и третьего блоков, не забываем указывать метки для каждого из них.

Видеоматериалы:

<figure>
<video>
<source src="https://example.com/video.mp4"
type="video/mp4" />
</video>
<img src="http://example.com/img-for-video.jpg" />
<figcaption>Подпись к видео</figcaption>
</figure>

Где:

  1. source src=”ссылка на видео”
  2. type – формат видео
  3. img scr – ссылка на картинку для этого видоса. Пользователи кликнут на нее и видео запуститься
  4. figcatpion – описание ролика

Видео с YouTube:

<iframe
width="560" – размеры окна, где будет отображаться видеоматериал
height="315"
src="https://www.youtube.com/embed/<уникальный идентификатор видео в ютуб>"
frameborder="0"
allowfullscreen
</iframe>

Кнопка «Поделиться»:

<div data-block="share" data-network="twitter, facebook"></div>

Сохраняем файл

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

Пример моего RSS-канал:

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

Пример моего RSS-канала турбо страниц Яндекс

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

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

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

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

Добавление RSS-файла канала турбо страниц

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

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

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

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

  1. Шапка. Указываем название сайта, картинку логотипа
  2. Меню турбо страниц. Нажимаем кнопку «Добавить пункт меню», и в появившейся форме пишем текст и ссылку на раздел сайта
  3. Счетчики. Раскрывающееся окошко дает возможность выбрать систему сбора информации, которая установлена на сайте
  4. Реклама. Добавляем рекламные блоки. Выбираем рекламную платформу

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

Если хотите посмотреть, как будет выглядеть конечный вариант на экранах смартфонов пользователей, то переходим в меню «Отладка».

Отладка турбо страницы Яндекс

В поле, указанном красным квадратом, вставляете кусок кода страницы, заключенный в тэг «<item turbo=”true”>…</item>». Нажимаем «Отладить». Если все верно, то с правой стороны на изображении большого телефона будет показан результат. Здесь же, можно экспериментировать с разными элементами, добавляя их в код и удаляя, наблюдая изменения.

Создание турбо-страниц при помощи плагинов

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

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

Заключение

На этом буду закругляться и так растянул обзор, старался подробнее рассказать и описать процесс создания турбо страниц для Яндекса. Технология позволяет использовать и другие элементы: комментарии, формы обратной связи (для связи с администратором), контент Twitter и Инстаграм и т.д. В этом обзоре я ограничился основными тэгами, которые могут понадобиться для написания полноценной страницы.

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

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

 

1086

Оцените статью:

1 2 3 4 5
рейтинг: 5/5; голосов: 18

Зарегистрируйтесь или войдите под своим именем чтобы оставить комментарий