AMP-сторінки – це технологія Google для відображення контенту сайтів на мобільних пристроях, що дозволяє максимально прискорити завантаження (менше однієї секунди) та скоротити обсяг даних у 10 разів. Назва складається з перших літер англійської фрази accelerated mobile pages, тобто «прискорені мобільні сторінки». У видачі пошуковика відзначаються особливим значком.
Історія
Технологія анонсована компанією Google в жовтні 2015 року як проєкт, створений з метою підвищення продуктивності мобільного інтернету. Після запуску тестувалася в основному новинними ресурсами. Широке використання на інших сайтах почалося з лютого 2016 року. AMP – платформа з відкритим кодом, яку може безкоштовно використовувати будь-хто. Технологія активно підтримується WordPress.com, Twitter, Pinterest, Tumblr, LinkedIn та іншими інтернет-гігантами. Соціальні мережі посилаються на прискорені мобільні сторінки AMP у своїх додатках. Інші пошукові системи (Bing, Baidu, Yahoo Japan тощо) підтримують контент такого формату і додають посилання у мобільну видачу.
Технологія
AMP-сторінки створюються за допомогою спеціальних тегів (деякі стандартні заборонені) та власної бібліотеки асинхронних скриптів. Враховуються особливості різних пристроїв, платформ і браузерів, щоб контент всюди відображався швидко і коректно. Зберігається лише основний контент, щоб забезпечити вищу швидкість завантаження на мобільних. Недоступними для звичної реалізації стають багато можливостей, пов’язаних з динамічними змінами. Але створити прискорену заміну функціоналу можна за допомогою спеціальних компонентів, перелік яких доступний на сайті технології. Реалізувати можна випадаюче меню, підвантаження, рекламні блоки, прив’язку соцмереж тощо.
Google індексує прискорені мобільні сторінки і при ранжуванні виступає як мережа доставки контенту (CDN). Завантаження проводиться з сервера, розташованого географічно ближче до користувача, що прискорює процес. Браузер у фоновому режимі підвантажує контент у спеціальний iframe. При переході користувача за посиланням відкривається вже завантажена сторінка. Щоб документ потрапив у Top stories Google, необхідна наявність структурованих даних: відомостей про статтю; інформації про автора та видавця; дати публікації та зміни; логотипу компанії. При кліку за посиланням у видачі відкривається контент, але видно, що немає переходу на сам сайт: в адресному рядку відображається Google. Формат «каруселі» зберігається. Можна переходити на інші документи, не повертаючись до пошуку, а користуючись горизонтальною прокруткою. Однак контент доступний не тільки з кешованої версії пошуковика. Можна переглядати його безпосередньо з сервера власника сайту, зайшовши за прямим посиланням з суфіксом /amp/.
Статистика
Навіть якщо користувач відвідав тільки AMP-версію сторінки, але не перейшов на сам сайт, можна відстежувати статистику. Для збору статистики є два варіанти: тег amp-pixel, що відстежує перегляди за допомогою GET-запитів; Amp-analytics – розширений компонент, що дозволяє підключити Google Analytics. Дані для монетизації трафіку за рахунок рекламних блоків зберігаються.
Переваги та недоліки AMP
Застосування технології суттєво прискорює швидкість завантаження, що критично для користувачів з низькою швидкістю інтернету. Тобто з’являється можливість помітно зменшити кількість відмов. Швидкість завантаження є одним з факторів, що впливають на ранжування, тому можливий опосередкований вплив на позиції всього сайту. Але водночас: відмова від додаткових елементів заради швидкості може негативно впливати на візуальне враження та функціональні можливості; генерація AMP-версій вимагає навичок розробки, тому не всі власники сайтів можуть з цим впоратися самостійно; відсутність звичайних тегів img і заборона на використання inline-стилів ускладнює розміщення контенту через звичайний текстовий редактор, що вимагатиме доопрацювання. Ще один момент – відсутність підтримки AMP-сторінок у Яндексі. Тобто для того, щоб забезпечити максимальну швидкість завантаження на мобільних всюди, потрібно додавати і турбо-сторінки.
Кому підключати AMP
AMP-сторінки використовуються в першу чергу новинними та інформаційними сайтами. Але в зарубіжному сегменті зазначають, що впровадження технології для E-commerce не тільки можливе, але й необхідне, призводить до реального підвищення конверсії. Наприклад, для сайту AliExpress була збільшена конверсія на 4 %. Комерційний гігант eBay також відзначає переваги застосування Accelerated Mobile Pages. У російському сегменті поки що не спостерігається кейсів про успішне застосування в E-commerce.
Як реалізувати AMP
Для AMP-сторінок потрібно підготувати шаблон, що відповідає вимогам специфікації. Для кожного документа, який потрібно прискорити, за ним створюється окрема AMP-версія. Щоб пошукова система про неї дізналася, потрібно зробити зв’язок із звичайною. Для цього на ній додається посилання <link rel=”amphtml” href=”URL AMP-версії”>, а на прискореній <link rel=”canonical” href=”URL звичайної версії”>. Генерацію документів за шаблоном можна зробити автоматичною, доопрацювавши використовувану CMS. Для сайтів на популярних системах управління контентом є готові рішення, що дозволяють легко і швидко впровадити технологію: WordPress – плагін і надбудова; Joomla – плагін wbAMP або JAmp; Drupal – модуль (для нього потрібні плагіни Token і Chaos Tools), тема, бібліотека; OpenCart – модуль; Magento – плагін; PrestaShop – модуль. Багато рішень для CMS генерують AMP-сторінки для окремих розділів сайту, а не всього ресурсу в цілому. Але цього достатньо, тому що специфічність технології і не вимагає реалізації на всіх доступних документах.
