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

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

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

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

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

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

Сніппети

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

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

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

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

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

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

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

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

Читайте також  Просування сайту в Mail, Rambler та інших альтернативних пошукових системах

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Читайте також  Карти Google додали більше можливостей для повідомлень про ситуацію на дорогах

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

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

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

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

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

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

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

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

Популярні міфи про турбо-сторінках

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

Міф №2: найкраща швидкість завантаження. Насправді ні. Поліпшення буде тільки у випадку, якщо у сайту не опрацьована швидкість завантаження. Крім того, іноді турбо-сторінки програють AMP, сформованим для того ж самого контенту.

Читайте також  Як крутити рекламу за брендовим запитам конкурентів?

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

Кейси

№1

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

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

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

№2

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

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

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

№3

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

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

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

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

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

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

Степан Лютий

Обожнюю технології в сучасному світі. Хоча частенько і замислююся над тим, як далеко вони нас заведуть. Не те, щоб я прям і знаюся на ядрах, пікселях, коллайдерах і інших парсеках. Просто приходжу в захват від того, що може в творчому пориві вигадати людський розум.

You may also like...

Залишити відповідь

Ваша e-mail адреса не оприлюднюватиметься. Обов’язкові поля позначені *