AMP-сторінки: переваги і недоліки

Те, що в епоху смартфонів мобільні версії сайтів — обов’язкові для кожного підприємця, говорити, думаємо, не варто. Але чи помічали ви, що при завантаженні сайту на мобільному нерідко присутні гальмування, не відображаються коректно елементи сторінки? Спеціально для цих випадків Гугл запустив власну розробку — AMP сторінки. Давайте розглянемо докладніше, що ж це за мобільний стандарт AMP, і чи варто його застосовувати на практиці саме вам.

Що таке Google AMP сторінки?

Отже, ви збираєтеся відкрити власний сайт і прагнете охопити ту цільову аудиторію, яка використовує мобільні браузери. Вам точно варто дізнатися, що таке технологія AMP.

Якщо стандартні варіанти мобільних версій сайту використовують в якості бази основну структуру сторінки, то прискорені мобільні сторінки (а саме це пропонує нам Гугл вже 5 років) дозволяють прискорити та оптимізувати завантаження найважливішого контенту. Абревіатура ця означає все ті ж прискорені сторінки для мобільних англійською мовою (Accelerated Mobile Pages).

При цьому, незважаючи на завантаження в спрощеному режимі, AMP гарантують користувачам:

• Доступ до всіх основних опцій і посиланнях сторінки;
• Зручний дизайн, в якому промахнутися повз кнопок неможливо.

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

Чому технологія AMP так важлива?

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

Формат AMP дозволяє:

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

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

Звідси висновок: технологія AMP не може існувати окремо від SEO: оптимізуйте контент і скоротіть його на користь швидкодії за допомогою обох цих інструментів.

Плюси AMP

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

• Швидкість — головний козир AMP, заради якого, власне, ця технологія і була створена. Саме вона дозволить вашим клієнтам зайти на ваш сайт на 15-85% швидше при виникненні контекстної реклами в їх полі зору або за результатами пошуку (а ви самі спробуйте перейти за необхідним посиланням і почекати хвилину-другу, поки воно завантажиться в Chrome або іншому браузері ). Є велика ймовірність, що без AMP ваш сайт (особливо «обвішаний» модними флеш-роликами та дизайнерськими примочками) просто не отримає заслуженої порції клієнтів, які підуть до того, як він завантажиться. AMP знижує таку ймовірність.
• Ваш мобільний рейтинг при використанні прискорених сторінок буде рости. Хоча сам Google регламентує свободу ранжування (тобто при розкрутці сайту, на вашу позицію в ТОП видачі не впливає використання гугловських сервісів), але по факту, якщо ви використовуєте цю технологію, ваш рейтинг буде вищим, ніж у сайту з аналогічним контентом, але без AMP.
• Зниження навантаження на сервери. Незалежно від того, чи використовуєте ви свій сервер або хостинг, якщо у вас високі показники трафіку зі смартфонів, завдяки AMP ви його знизите. А це означає, що швидкодія вашого сервера буде вище.

Матеріал по темі: Як впливає мобільна версія сайту на SEO просування

Плюси технології вельми відчутні, і з цим важко посперечатися. Але що стосується мінусів, адже вони теж є?

Мінуси AMP

Перша і основна річ, яка здасться неприємною власникам сайтів — це обмежений варіант реклами. Її AMP підтримують, але в дуже урізаному режимі.

Також потрібно бути готовим до того, що отримати реальну статистику Google Analytics буде можна тільки, якщо ви використовуєте спеціальний тег, який потрібно буде проставити на всіх сторінках сайту, адаптованих для прискореного перегляду.

Якщо цього не зробити, дані статистики будуть не валідними. Втім, в майбутньому Гугл обіцяє налагодити цей момент і робити статистику точною з використанням AMP.

Але головний недолік — це те, що будь-яка AMP — це за своєю суттю просто відправлений користувачеві кеш Гугла, а не автономно налаштована сторінка. Тобто, сервіс відсікає все зайве, кешує сторінку, і потім передає її дані користувачам.

Тобто, налаштування AMP сторінок вам стане в нагоді в таких випадках:

• Якщо ви не використовуєте аналітику Гугла і вам не настільки важливо, як вона відображається;
• Якщо ви впевнені в тому, що дохід від реклами стаціонарних версій сайту вас цілком влаштовує, і мобільну рекламу ви можете не враховувати;
• Або, якщо ви готові залежати від кеша пошукової системи при відкритті вашої сторінки в мобільному девайсі.

При цьому пам’ятайте, що на відміну від адаптивного дизайну, прискорені сторінки не є обов’язковою умовою. А вже поверх нього ви можете налаштувати AMP.

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

Отже, як створити AMP сторінку?

Почнемо з основ: щоб її створити, передбачені наступні технології:

• CDN: така технологія просто кешує сторінки сайту, звертаючись до сервера, який знаходиться в безпосередньому доступі;
• HTML-розмітка з особливими, передбаченими для прискореного завантаження тегами;
• JavaScript: дозволяє кастомізувати сторінку з використанням тегів.

Якщо розглядати верстку під окремі CMS, то вона здійснюється наступним чином:

• Для WordPress знадобиться плагін з однойменною назвою. Після цього в файл .htaccess потрібно вставити фрагмент коду з перенаправленням з основних сторінок на відповідні AMP-сторінки;
• Для сайтів на Drupal передбачене завантаження відповідного модуля, тем і бібліотек;
• Якщо у вас сайт на Joomla, ви також можете завантажити відповідний модуль.

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

Як перевірити AMP сторінку?

Навіть якщо ви встановили плагіни, вам необхідно тестувати ваш AMP і перевірити AMP-сторінку на предмет її релевантності.

На відміну від налаштування та налагодженн, те, як перевірити AMP сторінку, вразить вас своєю простотою. Для цього Google надає вам інструмент «перевірка АМР-сторінок». З його допомогою після завантаження повного URL ви отримаєте детальний звіт про функціонал і про помилки.

Висновки

Якщо ви досі не в курсі про google amp, що це за сторінки, вам варто дізнатися більше про цей інструмент. Він особливо стане в нагоді тим, хто орієнтується на клієнтуру, що користується мобільними девайсами. Прискорене завантаження, простота, ефективність — це відмінні якості, завдяки яким сервіс AMP набирає популярність.