1. Як працюють прискорені сторінки і кому вони потрібні?
2. Вигода прискорених сторінок для власників сайту
3. Як підключити AMP і «Турбо-сторінки»?
4. 1. Створення та налагодження AMP Google
5. 2. Створення та налагодження «Турбо-сторінок» Яндекса
6. Критика прискорених сторінок
7. висновок

Загальна «мобілізація» внесла корективи в підходи до верстки і відображенню сайтів в пошуку. На перше місце вийшло зручність перегляду з екранів мобільних і висока швидкість завантаження сторінок. У 2015 році Google запустив алгоритм Mobile Friendly, де перевагу в мобільній видачу віддається адаптованим сайтам. Тенденцію підтримав і Яндекс. Логічним розвитком концепції Mobile Friendly стало впровадження Google прискорених сторінок - AMP. Яндекс відкрив доступ до подібної технології під назвою «Турбо-сторінки». Що це і як працює? Розбираємося в цій статті.

Як працюють прискорені сторінки і кому вони потрібні?

Ми звикли до того, що після кліка по посиланню в результатах пошуку потрапляємо на сайт, вивчаємо інформацію, після чого йдемо назад в пошук або залишаємося на сайті. Проблема в тому, що якщо швидкість інтернет-з'єднання низька (що не рідкість в 3G-мережах), доведеться довго чекати завантаження сторінки, особливо якщо на ній «важкі» зображення, багато скриптів та іншого контенту.

Прискорити завантаження можна двома способами: а) підвищити швидкість з'єднання; б) оптимізувати веб-сторінки і підвищити швидкість їх завантаження.

На швидкість завантаження сторінок пошукові системи намагаються впливати - зробили її фактором ранжирування, тим самим стимулюючи власників сайтів прискорювати їх завантаження. На швидкість з'єднання вони вплинути не можуть. Тому було вирішено впровадити технологію прискорених сторінок, яка дозволяє в рази збільшити швидкість відображення контенту. Google назвав їх AMP (Accelerated Mobile Pages), Яндекс - Турбо-сторінки.

AMP-сторінки будуть позначені на пошуку Google «блискавкою»

«Турбо-сторінки» будуть позначені на Яндексі значком ракети

Висока швидкість досягається завдяки кількох моментів:

• контент кешируєтся на серверах Яндекса або Google, і подгружается з них, а не з сервера, на якому розташований сайт (користувач фактично не переходить на сайт, а переглядає контент, не залишаючи Google або Яндекс);
• вихідний код прискорених сторінок значно полегшений в порівнянні з кодом оригінальної сторінки: тут немає нічого крім основного контенту; картинки відображаються в міру пересування між об'єктами; використовуються тільки асинхронні скрипти;
• прискорені сторінки зроблені так, щоб однаково добре відображатися незалежно від пристрою, на якому вони відкриті.

Завдяки всьому цьому досягається майже миттєве відображення сторінок. Але спрощення прискореної версії сайту накладає обмеження на функціонал: можна використовувати тільки готові компоненти, а їх спектр обмежений.

Вигода прискорених сторінок для власників сайту

1. Зростає кількість показів реклами в мобільній видачі.
2. Збільшується кликабельность реклами, оскільки користувач, по суті, не бачить нічого зайвого крім реклами і тексту.
3. Немає необхідності створювати мобільну версію сайту.
4. Виключена навантаження на сайт, оскільки контент завантажується з серверів пошукових систем.
5. Зростання відвідуваності прискорених сторінок призводить до зростання популярності сайту.

Прискорені сторінки підходять, перш за все, інформаційних сайтів: блогам і ЗМІ. Разом з тим AMP-сторінки вже використовують eBay, Skyscanner, Reddit і інші інтернет-магазини і сервіси. Яндекс ж обіцяє з часом запустити підтримку «Турбо-сторінок» для eCommerce. У планах пошукових систем розширення функціоналу прискорених сторінок: підтримка вбудовування відео, таблиць, цитат, систем електронних платежів, геозалежні видачі і мн. ін.

Як підключити AMP і «Турбо-сторінки»?

Незважаючи на схожість технологій, є відмінності в підключенні прискорених сторінок в Яндексі і Google.

1. Створення та налагодження AMP Google

Якщо у вас сайт на одній з підтримуваних CMS, то налаштувати AMP без звернення до програмістам можна за допомогою плагінів WordPress , Drupal , Joomla ! і т.д.

Наприклад, для налаштування AMP-сторінок для сайту на WordPress досить встановити безкоштовний плагін AMP для WP і налаштувати прискорену версію сайту. За допомогою плагіна можна:

• задати логотип;
• створити Лендінгем;
• налаштувати показ реклами;
• вказати метаописания і налаштувати індексацію;
• підключити Google Analytics і інші системи аналітики (Яндекс.Метрика, Segment Analytics, Piwik Analytics, Quantcast Measurement, comScore і ін.);
• налаштувати управління через Google Tag Manager;
• налаштувати структуровані дані;
• активувати панель повідомлень і пуш-повідомлення;
• підключити контактні форми і коментарі (WordPress, Disqus або Facebook Comments);
• включити AMP для всіх мобільних користувачів;
• додати довільний HTML-код (який підтримує технологія AMP) в Head, Body або Footer;
• вибрати одну з дефолтних тим оформлення сайту або створити свій дизайн;
• додати кнопки соцмереж і e-mail і мн. ін.

Інтерфейс плагіна AMP для WP

Без використання плагінів AMP-версію сайту можна створити:

• з нуля (на сайті ampproject.org представлені докладні інструкції по налаштуванню і наповненню AMP-сторінок);
• шляхом конвертації HTML в AMP (докладний посібник - за посиланням ).

У будь-якому з цих двох випадків потрібно володіти знаннями в HTML, CSS і JavaScript. Якщо знань немає, краще звернутися до програмістів.

2. Створення та налагодження «Турбо-сторінок» Яндекса

Порядок дій:

• створіть RSS-стрічку в XML-based форматі RSS 2.0 (докладний посібник представлено за посиланням );
• розмістіть файл RSS в кореневій папці сайту (важливо, щоб він не був закритий від індексації в robots.txt);
• додайте сайт в Яндекс.Вебмастер (якщо цього не було зроблено раніше);
• вкажіть посилання на RSS-канал в розділі «Інформація про сайт» / «Турбо-сторінки»;



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

В одній RSS-стрічці може бути не більше 500 сторінок, а вага файлу не повинен перевищувати 15 Мб. Для одного сайту можна підключити не більше 10 стрічок.

У налаштуванні «Турбо-сторінок» найскладніший етап - створення RSS-стрічки. Для полегшення роботи є плагіни для популярних CMS: 1С-Бітрікс , Drupal , Joomla! , OpenCart , WordPress та ін.

Критика прискорених сторінок

При створенні прискорених сторінок розробники прагнули поліпшити користувальницький досвід і зробити контент доступнішим. Дійсно, за словами представників Яндекса, швидкість завантаження новин в 3G-мережах зросла до 15 разів. Разом з тим AMP і «Турбо-сторінки» створюють ряд проблем, причому не тільки видавцям, але і користувачам.

Проблеми для користувачів:

• труднощі при расшаріваніє посилання (якщо людина захоче поділитися посиланням на першоджерело і натисне звичну кнопку на смартфоні «Поділитися», то фактично розшарено посилання виду https://www.google.com/amp/... Для отримання посилання на оригінальну сторінку доведеться клікнути по спеціальній кнопці, перейти на основну версію сайту, скопіювати посилання і тільки тоді переслати її);



• проблеми з відображенням зображень в AMP (зображення завантажуються тільки у видимій частині екрана; часто ця область так і залишається порожній);
• немає можливості відключити прискорені сторінки (видавці можуть вибирати - підключати AMP і «Турбо-сторінки» чи ні; у користувачів такої можливості немає, а прискорені сторінки подобаються не всім).

Проблеми для власників сайтів:

• втрата зовнішніх посилань (поява в ТОПі прискорених сторінок призводить до того, що сторонні ресурси починають посилатися на них, а не основну версію сайту, що гальмує нарощування маси);
• догляд користувачів в Google і Яндекс (контент прискорених сторінок відображається на стороні Google і Яндекса; інтерфейс зроблений так, що при натисканні на хрестик у верхній частині сторінки користувач повертається в пошук. Як результат, основний сайт недоотримує трафік і перегляди);
• підтримка ще однією версією сайту (виникають додаткові витрати, пов'язані зі створенням і підтримкою прискорених сторінок).

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

висновок

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

Якщо ви розміщуєте рекламу в Яндекс.Директ, скористайтеся порадами по застосуванню Турбо-сторінок для ваших рекламних кампаній.