"AMP сторінки" - ще один незрозумілий для пересічного користувача термін. Але Євген - верстальник в Artjoker, розповів про те, що це, для чого застосовується і чим відрізняється від стандартних веб-сторінок. Ця стаття - своєрідний відгук технічного фахівця про використання Accelerated Mobile Pages.
AMP - сторінки, створені незалежними розробниками, для оптимізації швидкості завантаження на мобільних пристроях. Google технологія AMP краще ранжуються пошуковиком, але це не всі бонуси - вона відзначається значком блискавки, що може виділити веб-сайт серед конкурентів.
Що таке технологія AMP від Google?
Прискорені мобільні сторінки AMP - це набір спеціальних тегів (що використовуються для розмітки) і скриптів, дозволених на цих веб-сторінках. При цьому, заборонено задіяти будь-які кастомні скрипти та інлайнові стилі. AMP сайт є полегшеною версією основної платформи.
Швидкість його завантаження, як правило, дорівнює ста відсоткам, що досягається за допомогою зменшення обсягу даних. AMP версія сайту використовує cdn підключення Google, що дає йому змогу, за умови повільного з'єднання, попередньо кешувати сайти на АМР.
Чи необхідне створення AMP сторінок вашому сайту?
Якщо йде боротьба за ТОП-позиції в пошукових запитах, створення сайту з цим інструментом просто необхідне. Завдяки високій швидкості завантаження, просування сайту візьме на себе сам Google. Accelerated Mobile Pages потрапляють у каруселі видачі гугла, що дає багато можливостей щодо збільшення конверсії. Тому під час розгляду питання про необхідність зробити AMP-сторінки для сайту, існує тільки ствердна відповідь. Також можна використовувати AMP для інтернет-магазину, але не з функціоналом купівлі або оформлення замовлень, а скоріше для опису товарів, матеріалів з блогу і новин. Своєю чергою люди, потрапляючи і читаючи інформацію з цих веб-сторінок, мають змогу перейти на ваш інтернет-магазин і здійснити покупку. Створення інтернет магазину, використовуючи технології AMP з повним набором функцій повноцінного магазину, поки що неможливі.
AMP і SЕО?
Як і зазначалося вище, сторінки з AMP-технологією мають високу швидкість завантаження, відповідно: пошукова система дає невелику перевагу в ранжируванні цих сторінок; людина проводить більше часу на таких вебсторінках і збільшується кількість переглядів; з'являється можливість потрапити в карусель видачі Google.
Як зробити AMP сторінки?
Верстка AMP сторінок і звичайна верстка сайту не надто відрізняються одна від одної. Потрібно всього лише дотримуватися певних правил: задіяти спеціальні теги; не додавати жодних кастомних скриптів; заборонене використання !important; CSS не повинен перевищувати 50кб. Є плагіни для збирача Gulp, які зможуть полегшити створення AMP сторінок. Сайт на AMP після завершення обов'язково потрібно перевірити на наявність помилок на заточених спеціально для цього сервісах, інакше Google не виводитиме їх у ТОП пошуку.
Плюси та мінуси технології AMP
Безперечно, як і будь-яка технологія, Accelerated Mobile Pages має свої переваги та недоліки. Головний і незаперечний плюс - швидке завантаження сторінки та всі наслідки, що випливають, які можна витягти з цього. Сайти на AMP: мінуси не можна використовувати кастомний JS; не всі елементи дизайну, які є на основній веб-платформі, можна перенести на AMP; немає віджетів соціальних мереж.
Підіб'ємо підсумки
Безсумнівно, Google технологія AMP має величезну перевагу - високу швидкість завантаження. Це відкриває особливі горизонти для проектів, зроблених за допомогою цього інструменту. У сучасному світі, де всього три секунди визначають поведінкові фактори на веб-порталі (більшість користувачів йдуть, якщо сайт не завантажується більше трьох секунд), швидкість стоїть на першому місці. Через це всі мінуси, пов'язані з обмеженим функціоналом і відсутністю повної кастомізації, тьмяніють. Краще отримати спритний мінімалістичний продукт, ніж додати кастомності, але відлякати відвідувачів порожнім екраном, що передує появі хоч якогось наповнення.
