×
Россия +7 (495) 139-20-33

Optimization 2019: Как создать Турбо-страницы и избежать ошибок. Кейсы

Россия +7 (495) 139-20-33
Шрифт:
0 6146

Какие преимущества дают Турбо-страницы (ТС) сайтам, как создавать их на различных типах страниц и избежать ошибок? 

Эти и другие вопросы рассмотрел Илья Горбачев из Racurs (ГК Риалвеб) в докладе «Турбо-страницы на реальных проектах» на конференции Optimization 2019.


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

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

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

Есть мнение, что ТС – это потеря трафика в сторону Яндекса.

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

Отчасти это так, тем не менее есть и преимущества:

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

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

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

На основе RSS-ленты, загружаемой через Яндекс.Вебмастер или через API:

  • статейные (мобильные и десктопные) ТС.

На основе YML, загружаемые через Яндекс.Вебмастер:

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

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

1. Иконка с ракетой в сниппете. Это гарант для пользователя, что скорость загрузки будет высокая. Она отображается и для страниц статей/новостей, и для страниц товаров и категорий.

2. Список сайтов (mobile). У лидера в вертикали Турбо-страниц (в мобильном поиске) отображается расширенный сниппет и для страниц статей/новостей, и для страниц товаров.

3. Попадание в список сайтов к лидеру.

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

Преимущества турбо-страниц в поиске

4. Список сайтов (desktop).

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

5. Расширенный сниппет у главной.

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

Расширенный сниппет пропадает через 5 месяцев, если не создавались новые ТС. Отображается в основном и мобильном поиске.

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

Статейные Турбо-страницы

  1. Настраиваем автообновляемый RSS-фид;
  2. Подключаем фид в панели Я.Вебмастер;
  3. Подключаем счётчики – Яндекс.Метрика, Google Analytics;
  4. Подключаем рекламу (РСЯ или ADFOX);
  5. Настраиваем CSS, подключаем логотип;
  6. Проверяем перелинковку или автоматическую ленту;
  7. Настраиваем комментарии и авторизацию (если есть);
  8. Подключаем Турбо-страницы.

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

  1. Настраиваем автообновляемый YML-фид со всеми товарами и категориями;
  2. Подключаем фид в панели Яндекс.Вебмастер;
  3. Подключаем счётчики – Яндекс.Метрика, Google Analytics;
  4. Настраиваем CSS, добавляем логотип;
  5. Настраиваем оформление заказа (будет ли оформление происходить через Турбо-страницу, либо через CMS). Важно учесть, что при оформлении заказа через ТС, данные приходят на почту, могут теряться в спаме и не интегрироваться в CMS;
  6. Заполняем информацию о доставке;
  7. Добавляем текстовые блоки (способы доставки, оплата, возврат товара);
  8. Подключаем Турбо-страницы.

Часто встречающиеся ошибки

1. Некорректный код контента

  • неподдерживаемые теги: в фиде формируются новые теги, которые Яндекс не учитывает;
  • отсутствие деления на абзацы текста. Если текст размечен не абзацами – тег <p>, а тегами <br> – переход на новую строчку, то Турбо-страница не формируется, показывается ошибка.

2. слишком большие изображения (нужно 432px);

3. некорректные адреса якорных ссылок;

4. заказы не попадают в CMS (есть готовые решения для Битрикс и OpenCart).

Другие популярные ошибки

  • ошибка валидации из-за закрытия фида в robots.txt,
  • избыточное количество изображений,
  • некорректная кодировка файла,
  • первая строка в фиде – пробел (это не отслеживается в Яндекс.Вебмастере, нужно самому заходить проверять страницы по адресу);
  • заголовки h1..h6 не размечены в фиде заголовками,
  • заголовок h1 продублирован после header,
  • фид содержит только часть статьи.

Рецепты применения

Статейные сайты

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

Сайты услуг

  • создать статейные Турбо-страниц для акций (или новостей),
  • настроить для них отдельные мини-баннеры (формата 16:9),
  • мини-баннеры оформляем в брендовом стиле.

Интернет-магазины

  • на основе YML-файла создать товарные ТС,
  • проверить все ли категории есть в фиде и хлебных крошках сайта,
  • создать статейные ТС для акций (или новостей).

Популярные мифы

1. Снижение монетизации

  • существуют различные рекламные блоки, которые можно использовать;
  • возможно большое количество рекламных блоков в тексте.

2. Наилучшая скорость загрузки

  • только в случае если у сайта не проработана скорость загрузки,
  • зачастую ТС проигрывает AMP.

3. Снижение конверсии

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

Примеры кейсов

Кейс 1. Турбо-страницы для карточек товаров интернет-магазина косметики.

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

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

Результат: снижение показателя отказов с поискового трафика (mobile) на 25%.

Кейс 2. Карусель Турбо-страниц у главной страницы сайта автодилера.

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

Карусель турбо-страниц у главной страницы

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

Составление рекомендаций, кастомизация CSS заняли 3 часа, рекомендации по правкам фида заняли 1 час работы.

Результаты:

  • рост CTR по запросам, ведущим на главную страницу (с переходами на новости/акции),
  • рост CTR по витальным запросам.

Кейс 3. Турбо-страницы для карточек экскурсий.

Составление рекомендаций, создание примера фида для программиста заняло 5 часов.

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

Результаты:

  • больше переходов со смартфонов, чем с ПК (впервые),
  • процент переходов со смартфонов/ПК вырос с 91% до 122%,
  • при этом не было снижения трафика и позиций для ПК.

Кейс 4. Турбо-страницы статей в блоге.

Всё время реализации – 4 часа.

Большая часть времени ушла на настройку корректной выгрузки изображений, т.к. на сайте использовалась ленивая загрузка изображений (lazy-load) и атрибуты для адаптивных изображений (srcset).

Турбо-страницы статей в блоге

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


Презентацию доклада Ильи Горбачева вы найдете по ссылке


Интересное с Optimization 2019:

1. Умеет ли поиск понимать текст? Как работать с новыми текстовыми факторами

2. Что можно применять в Рунете из англоязычного SEO

3. Ошибки текстовых анализаторов

4. Как создать контент-стратегию для SEO и пиара за 9 шагов

5. Пять трендов поискового маркетинга от Сайруса Шепарда

6. Современные проблемы SEO-специалистов

7. SEO-тренды: как пробиться в ТОП в 2020 году

8. Исследование факторов ранжирования в Яндексе и Google в 2019 году


(Голосов: 9, Рейтинг: 5)
Читайте нас в Telegram - digital_bar

Есть о чем рассказать? Тогда присылайте свои материалы Ане Макаровой


Новые 
Новые
Лучшие
Старые
Сообщество
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
Отправить отзыв
ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА SEONEWS
#SEOnews14: мы празднуем – вы получаете подарки!
Анна Макарова
0
комментариев
0
читателей
Полный профиль
Анна Макарова - Гость, добрый день! С победителями мы связывались сразу после розыгрыша. Если мы вам не написали, значит, ваш номер не выпал. Но не расстраивайтесь, у нас обязательно будут новые розыгрыши!
Как ускорить сайт на WordPress, чтобы получить 100/100 в Google PageSpeed Insights
Георгий
1
комментарий
0
читателей
Полный профиль
Георгий - Все что рекомендуется в этой статье есть у w.tools. Ни разу не пожалел что подключился. Своя CDN сеть, кеш статики и динамики, минификация js\css и кешируемого html, оптимизация всех типов картинок и еще куча всего полезного. Сайт летает и я не знаю проблем. Могу рекомендовать от души.
Что скрывает «Прогноз бюджета Яндекс.Директ»?
Андрей Кокорев
2
комментария
0
читателей
Полный профиль
Андрей Кокорев - Ждем результатов. охота понять, правильно ли сделал, а если нет - в чем ошибка. Если по делу: по идее, при оптимизации кампаний стоимость клика должна снижаться, а конверсия рекламного трафика должна увеличиваться (отсекаем нецелевую аудиторию). Т.е. регулярно надо менять вводные данные, чтобы получить оптимальный бюджет на следующий период? Правильно понимаю?
Война с дубликатами. Как нужно и как не нужно канонизировать URL
Ann Yaroshenko
5
комментариев
0
читателей
Полный профиль
Ann Yaroshenko - Дмитрий, добрый день! Если вы проставили на странице с автозапчастями rel=canonical ( а я вижу в коде, что не проставили) или в HTTP хедере, то бот, как правило: выберит ту страницу главной, которую вы указали в rel=canonical ссылке. Eсли же вы этого не сделали, то бот сам выберит оригинал (алгоритмы, по которым бот это делает, скрыты Googl-ом)
«Аудит, чтобы ты заплакала…», или Что делать, когда получил сторонний аудит сайта
Евгений
1
комментарий
0
читателей
Полный профиль
Евгений - Воообще, на самом деле здесь двоякое впечатление от таких аудитов. Конечно, для полного глубокого анализа и подготовки рекомендаций по сайту - нужны доступы к системам аналитики и инструментам вебмастера. Но если оценивать подобные аудиты с точки зрения чистого SEO (которое все больше и больше становится лишь малой частью digital-маркетинга, лишь одним из каналов) - они имеют место быть. Но с оговоркой, что они сделаны с учетом анализа конкурентов/отрасли. Современные инструменты и алгоритмы позволяют делать это маркетологам в автоматическом режиме, и даже давать рекомендации - возможностями машинного обучения уже никого не удивишь. Да, полное перечисление "мифического" списка ошибок, построенного по предикативным правилам, да еще и с учетом устаревших особенностей ПС - это явный признак некачественного аудита. В первую очередь потому, что эти "ошибки" следует рассматривать в качестве рекомендаций от ПС (как и говорится в справочнике вебмастера у Яндекса/Google). Однако если эти данные даются с отсылкой на данные о конкурентах, об отрасли, используются методы ML и Natural language processing для обработки исходных данных, кластеризации запросов, классификации страниц/запросов/сайтов, определения структуры документа - такие отчеты имеют право на существование. Но ключевым моментом является то, что подобные инструменты достаточно сложны в разработке, а значит требуют квалифицированных специалистов для их разработки. Которых просто нет у студий рассылающих подобные "сео отчеты". Подобные отчеты по "ошибках" тоже неплохой источник информации, но лишь на 0 этапе анализа сайта. И в принципе, теоретически, возможно почти полное составление "хороших аудитов" без участия маркетолога, на основе лишь открытых данных сайта/внешних источников, но только при соответствующем применении всех современных возможностей анализа данных и рекомендательных систем. И в любом случае подобный "хороший отчет" требует конечного заключения от эксперта.
От мечты стать юристом к собственному SMM-агентству. Как найти себя в современном цифровом мире
Виктор Брухис
5
комментариев
0
читателей
Полный профиль
Виктор Брухис - Статья выглядит так, как пожелали редакторы и интервьюер) Вопросы к интервью подбирал не я)) Хотя, в целом я согласен с вашим видением. А за пожелание удачи большое спасибо!
BDD 2019: Как перестать убивать время на сбор и обработку тонны данных для SEO-аудита
Kosta Bankovski
4
комментария
0
читателей
Полный профиль
Kosta Bankovski - Спасибо за приятные слова! Буду и дальше делиться наработками ;)
Как провести анализ содержания страниц товаров и категорий
Никита Седнин
3
комментария
0
читателей
Полный профиль
Никита Седнин - Спасибо!
Как вывести сайт в ТОП 10 Google в 2019 году
Ирина
8
комментариев
0
читателей
Полный профиль
Ирина - Работают. Как естественные, так и закупные. >Мои сайты в первую очередь заточены на яндекс Соболезную. >Насколько поисковые алгоритмы с гугловскими у него. Разница в 10 лет. Вон в Яше все долбят на ключи, на вхождения и прочий трэш из древностей. А у Гугла, вон почитайте про eat, ymyl Не все понятно но спасибо за ответы. Я так понимаю что с ссылками деть никто точно не знает) Ну это и хорошо вообщем. Самому разбираться как то интересней. Но не всегда. Есть к примеру 2captcha.com/ru и на него 100к ссылок есть. Ну а смысл какой?
Как я пытался купить CRM-систему, но мне ее поленились продать
Kristina
1
комментарий
0
читателей
Полный профиль
Kristina - Очень рекомендую CRM-систему польской фирмы Firmao. Все функции настраиваются в соответствии с индивидуальным потребностям компании! Советую попробовать бесплатную демо-версию, чтобы попробовать все необходимые функции, без лишних кнопок и траты дополнительных финансов! :) Сайт: firmao.ru/info
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
373
Комментариев
360
Комментариев
262
Комментариев
249
Комментариев
171
Комментариев
156
Комментариев
137
Комментариев
121
Комментариев
107
Комментариев
97
Комментариев
97
Комментариев
96
Комментариев
80
Комментариев
79
Комментариев
77
Комментариев
67
Комментариев
60
Комментариев
59
Комментариев
57
Комментариев
55

Отправьте отзыв!
Отправьте отзыв!