Турбо-сторінки на реальних проектах

by Степан Лютий · 10 Листопада, 2019

Доповідь Іллі Горбачова (Racurs) на конференції Optimization 2019.

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

Турбо-сторінки для власників сайтів — це просто втрата трафіку в бік Яндекса. Це загальноприйнята думка і його досить важко заперечувати. Однак цей формат і власникам сайтів теж дає деякі переваги, а саме:

розширені сніппети,
додаткові покази в пошуку,
зниження навантаження на сервер,
постійна доступність сторінок (навіть якщо сайт лежить),
просте підключення,
гарне розташування.

Розглянемо наведені переваги з точки зору SEO, щоб спробувати зрозуміти — впроваджувати у себе турбо-сторінки чи ні.

Сніппети

У фрагментах турбо-сторінок, для статей/новин, а також для сторінок товарів і категорій відображається іконка з ракетою, що як раз і гарантує користувачеві високу швидкість завантаження.

У мобільному пошуку у лідера вертикалі турбо-сторінок з’являється розширений фрагментом зі списком сайтів. Він відображається як для статейних сторінок, так і для товарних. Це також додаткова можливість для інших сайтів потрапити на очі користувачу, у тому випадку, якщо він потрапив в список сайтів до лідера вертикалі.

На десктопах у статейних сайтів теж є відмінна можливість з’являтися в пошуку за рахунок окремого блоку в правій стороні екрану, де показуються десктопні турбо-сторінки. Це дуже хороший спосіб потрапити на перший екран видачі разом з швидкими відповідями Яндекса і його сервісами.

Крім цього, якщо робити статейні турбо-сторінки, біля головної сторінки сайту з’являється розширений сніппет з каруселлю турбо-сторінок. Якщо головна сторінка є трафикодающей, то ми отримуємо помітне збільшення CTR. Такий фрагмент відображається і в мобільному пошуку і при пошуку з ПК.

Налаштування статейних турбо-сторінок

Налаштовуємо автообновляемый RSS-фід і підключаємо його в панелі Яндекс.Вебмастер, або через API. Потім підключаємо лічильники — Метрику і Google Analytics, а також рекламу (РМЯ або ADFOX).

Для того, щоб турбо-сторінки виглядали також як сайт, необхідно налаштувати CSS і додати свій логотип, щоб користувач розумів, на чиїй території він знаходиться.

Щоб після прочитання статті у користувача не виникало бажання тут же її закрити, краще налаштувати перелінковку, пропонує перейти до схожих матеріалів, або автоматичну стрічку, яка дає можливість відразу перейти до читання іншої статті.

Читайте також ЯКЩО VIBER НЕ ПРАЦЮЄ, ЩО РОБИТИ?

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

Налаштування товарних турбо-сторінок

Для підключення турбованих сторінок товарів, потрібно спочатку настроїти автообновляемый YML-фід з усіма товарами та категоріями, а потім підключити його в панелі Яндекс.Вебмастера. Також необхідно підключити всі лічильники, кастомизировать CSS і додати логотип.

Особливу увагу слід приділити правильній настройці оформлення замовлення. Або воно буде відбуватися через турбо-сторінку, або через наявну CMS (в цьому випадку необхідно налаштувати інтеграцію). У першому випадку, при оформленні замовлення через турбо, інформація про замовлення приходить на пошту, і потрібно уважно стежити, щоб листи не потрапили в спам і не залишилися неврахованими.

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

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

Часто зустрічаються помилки

Помилка №1 — Некоректний код контенту. Це часто може бути пов’язане з тим, що в фіде формуються нові теги, які не підтримуються Яндексом, або з тим, що цей текст не розмічений тегами для поділу на абзаци <p> а тегами <br> для переходу на новий рядок.

За рахунок цього турбо-сторінки не формуються і видається помилка:

Як варіант, якщо налаштований RSS-фід, потрібно видати рекомендації контентщикам не додавати теги, або їх якось програмно вирізати.

Помилка №2 — Розмір зображень. Найчастіше вебмастера намагаються додати на турбо-сторінки занадто великі зображення у високому дозволі і великого розміру, і в Яндекс.Вебмайстра не виходить їх завантажити.

Практика показує, що для статейних сторінок оптимальний розмір зображень — 432px по ширині.

Помилка №3 — Некоректні адреси. Ця помилка з’являється, якщо в статті є якірні посилання на блоки, які при формуванні турбо-сторінок або вирізаються, або просто не формуються.

Коли Яндекс.Вебмастер видає таку помилку, потрібно ретельно опрацювати всі посилання, або постаратися, щоб блоки, на які вони ведуть, були в турбо-сторінку включені.

Читайте також Google AdSense поділився порадами щодо підготовки до святкового сезону

Помилка №4 — Замовлення не потрапляють в CMS. Ця помилка не з’являється в Яндекс.Вебмастере, але її варто мати на увазі кожному SEO-фахівця. При оформленні замовлення на турбо-сторінці, дані можуть потрапляти в спам.

Для можливості оформлення передплати обов’язково коштувати налаштувати інтеграцію, благо таки для популярних CMS як Бітрікс і OpenCart у Яндекса є готові рішення. Для всіх інших можна зробити додавання товару через get-параметр ID, тоді вся інформація буде передаватися, і при натисканні на кошик, користувач буде переходити на сайт з вже доданим товаром.

Інші популярні помилки:

помилка валідації через закриття каналу в robots.txt
надмірна кількість зображень (більше 30)
некоректна кодування файлу (вся турбо-сторінка складається зі знаків питання і це не відстежується Я. Вебмайстром, потрібно самим перевіряти)
перший рядок у фіде — пробіл
заголовки h1..h6 не розмічені в фіде заголовками
заголовок h1 продубльований після header
фід містить тільки частину статті

Рецепти застосування

Для статейних сайтів рекомендується впровадити турбо-сторінки для мобільних і для ПК, але бути готовими до скорочення часу сесій. Не дивлячись на те, що представники Яндекса запевняють, що поведінкові фактори зберігаються, може спостерігатися скорочення переходів. Проте в кожному конкретному випадку потрібно спостерігати за всією картиною в цілому, можна створити турбо-сторінки для обмеженої вибірки статей та проаналізувати зміни, перш ніж вирішуватися на турбирование усього наявного вмісту.

Для сайтів послуг бажано створити статейні турбо-сторінки для акцій новин і настроїти для кожного з них окремі міні-банери (формату 16.9). Це дозволить отримати у видачі ті самі розширені сніппети і збільшити клікабельність.

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

Кейси

№1

Ми впроваджували турбо-сторінки для карток товарів інтернет-магазину косметики.

На основі наявного YML – каналу для Яндекс.Маркета весь процес формування турбо-сторінок зайняв 30 хвилин.

Непоганий результат, фактично отриманий за півгодини роботи.

№2

Карусель турбо-сторінок біля головної сторінки автодилера. Ця сторінка у клієнта була самої трафикодающей, і перебувала в топі. Тому наявність розширеного фрагменту у видачі могло добре підвищити CTR.

Ми сформували турбо-сторінки для статей, для акцій та для новин компанії. Тут важливо відзначити, що подібні турбо-сторінки необхідно періодично додавати. А якщо в компанії не так часто проводяться акції, потрібно придумати і запровадити оновлювану рубрику новин. Якщо протягом 5 місяців не додавати подібні турбо-сторінки, розширений фрагментом біля головної пропадає.

На складання рекомендацій для программера та кастомізацію CSS пішло 3 години. Плюс по мірі формування нових сторінок виникали якісь помилки, і на рекомендації про правкам каналу пішов ще 1 годину (від таких помилок, до речі, фрагмент теж пропадає).

№3

Турбо-сторінки, для інтернет-магазину екскурсій. Створили рекомендації і приклад каналу для програміста, щоб без помилок вийшло все налаштувати. Зайняло це близько 5 годин.

В результаті, після впровадження турбо-сторінок, кількість переходів зі смартфонів вперше перевищила кількість переходів з ПК. Відсоток переходів зі смартфонів/ПК зріс з 91% до 122%, при цьому не було зниження трафіку і позицій для ПК.

Замість висновку:

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

Як показала практика, все те, що зараз відображено в міфах про турбо-сторінки, було справедливо раніше, на зорі впровадження технології. Зараз же, завдяки численним вдосконаленням, ніяких втрат трафіку або спаду монетизації не відбувається.

Поки тільки тим інтернет-магазинах, у яких добре монетизуються cross-sell та up-sell блоки на сайті, не радимо турбировать сторінки товарів, так як можливість реалізувати цей функціонал на турбо ще немає.