AMP (Accelerated Mobile Pages)

Технологія AMP стала справжньою революцією, коли Google офіційно представив її світу 7 жовтня 2015 року. Відтоді проєкт значно еволюціонував і отримав великі поліпшення. Утім, не все було гладко. AMP коштував безсонних ночей багатьом SEO-фахівцям і, звісно, мав великий вплив на мільйони компаній.
Поки одні компанії потрапляють на сторінку case-studies офіційного сайту з оголошеннями про поліпшення часу відгуку, конверсій тощо, багато інших побачили, як ця технологія просто породжувала захмарні показники відмов і зрештою не приносила реальної цінності.
Нижче ми спробували надати повний посібник з цієї технології, охопивши всі її основні характеристики й, зокрема, порівняння переваг та недоліків. Сподіваємося, він вам сподобається не менше, ніж нам — упорядковувати всю цю інформацію для вас!
1. Що таке AMP?
AMP (Accelerated Mobile Pages) визначають як нову технологію, створену Google, яка має на меті надати доступний фреймворк для створення нового вмісту, який значно швидше і зручніше споживати користувачам.
Словами самого Google:
«AMP — це фреймворк вебкомпонентів, що полегшує створення сайтів, історій, листів і реклами, орієнтованих на користувача».
2. Як працює AMP?
Принцип роботи відносно простий. По суті, AMP створює значно легшу, швидшу сторінку з меншою кількістю елементів дизайну для нашого вмісту. Спочатку технологія розроблялася для статей, блогів, новин та іншого «медіа»-вмісту, але поступово розвинулася до того, що тепер є вебсайти, побудовані на 100% на цій технології.
Якщо у нас власний код, упровадження потребуватиме кількох додаткових кроків. Утім, якщо у нас WordPress, процес упровадження — справа лічених секунд. WordPress може мати багато недоліків, але одна з його сильних сторін — здатність швидко й дуже легко виконувати впровадження.

Відкрийте всі плагіни, які дадуть змогу впровадити AMP у WordPress.
Тоді як одні плагіни забезпечують дуже простe й швидке впровадження, інші значно важчі та складніші. Усе залежатиме від того, чого ви хочете досягти.
Ресурс: Офіційний плагін WordPress
Тепер, що саме робить AMP, аби бути настільки швидшим за класичне вебзавантаження?
- Виконує весь javascript асинхронно
- Не дозволяє розширенням блокувати рендер
- Виносить усі елементи JavaScript за межі критичного шляху
- Вимагає, аби CSS був «inline»
- Мінімізує перерахунки стилів
- Надає пріоритет завантаженню ресурсів
Нижче ви можете побачити всі формати, у яких можна впровадити технологію AMP, та їхні основні застосування:
Формати:
- AMP web
- AMP stories
- AMP ads
- AMP email
AMP Web
Створювати швидкі та зручні досвіди в інтернеті, як на десктопі, так і на мобільних, — справжній виклик. З AMP for web ми можемо реалізувати цей процес і дозволити нашим користувачам насолоджуватися чудовою юзабіліті та швидкістю вебсайту.
Приклад — вебсайт BMW, який має повну підтримку AMP і, до того ж, чудовий дизайн.

Чудовий приклад того, як гігант на кшталт BMW адаптує свій вебсайт.
AMP Stories
Досі користувачі звикли споживати вміст через статті — у блогах, новинах, прес-релізах тощо. Однак формат «Stories» — це революція. У ньому той самий вміст показано зі значно кращим дизайном і з характеристиками продуктивності AMP, тобто видатною зручністю та швидкістю.

Приклади Stories від провідних видавців.
Як це зазвичай буває, найбільші видавці світу — CNN, The Washington Post, USA Today та інші — протестували цю технологію та створили новинні матеріали й репортажі.
Приклад: Репортаж CNN про Антарктиду в Stories
AMP ads
Створення вмісту здається простим завданням, але це не так. Аби створювати якісний вміст, потрібно багато часу, зусиль і, передусім, чудова команда, що виконуватиме всі дослідження, написання й суміжні завдання. Аби зробити всі ці зусилля прибутковими, команда AMP створила AMP-ads, що є аналогом Google Adsense.
З цим розширенням ми можемо додавати рекламу до нашого вмісту й монетизувати кожен показ, який генеруємо. Оскільки впровадження цієї технології, найімовірніше, спричинить збільшення показів і кліків нашого вмісту, але водночас і високий показник відмов, ми принаймні можемо монетизувати всі ці відвідування.
AMP email
AMP-email став одним з останніх експериментів, запущених командою. Ідея в тому, щоб мати змогу показувати AMP-вміст безпосередньо в електронній пошті, як підказує назва. У чому головна відмінність від класичної електронної пошти?
Листи з AMP-вмістом є інтерактивними, і ми можемо домогтися того, аби користувач взаємодіяв із ними. Більше не потрібно надсилати користувачів на наш вебсайт, наприклад для підтвердження зустрічі або резервування дати в календарі.

Попередній перегляд вмісту в листі, з яким ми можемо взаємодіяти.
Нижче ви можете побачити приклад того, як AMP працює в електронній пошті, дозволяючи користувачу зберігати цікаві піни зі свого облікового запису Pinterest:
3. Переваги AMP
Проаналізувавши всі основні продукти, ми маємо запитати себе: чи справді це додає цінності нашому бізнесу? Будуть випадки, особливо в медіакомпаніях, де вплив дійсно може бути дуже великим — через тісний зв'язок між AMP і Google News та, передусім, через тип створюваного вмісту. Будуть інші випадки, коли реальної цінності немає і не варто витрачати цінні ресурси на впровадження.
Утім, ми хотіли зробити невеликий звід основних переваг, які пропонує AMP, і, звісно, його недоліків.
-
Швидкість: перевага №1 і причина, чому багато компаній спокушаються цією технологією, — швидкість, яку вона пропонує. Порівняно з традиційними вебсайтами це може означати час завантаження вдвічі або втричі коротший, тож користувацький досвід кардинально змінюється.
-
Видимість: якщо ви виконуєте пошук за конкретним запитом з мобільного пристрою (телефону чи планшета), карусель Google News, що з'являється вгорі, заповнена сторінками AMP. Хоча Google офіційно стверджує, що не надає пріоритету, реальність зовсім інша, і складається враження, що впровадження AMP майже обов'язкове для появи там. Те саме відбувається з нещодавно створеним розділом Google Discover. Єдиний спосіб зайти туди — з мобільних пристроїв, і більшість новин, що з'являються, є Accelerated Mobile Pages.
-
Монетизація: завдяки більшій видимості простіше монетизувати всі ці відвідування й, відповідно, отримати ще одне джерело доходу. Досі класична версія була єдиним способом мати доступний вміст. Тепер же компанії можуть монетизувати як свою класичну, так і AMP-версію.
-
Зв'язок з іншими функціями Google: AMP, як продукт Google, не лише отримує постійний розвиток, а й має чудові інтеграції з іншими продуктами гіганта. Якщо нещодавно ми бачили функцію AMP for Email, то ще одна помітна особливість — нещодавнє включення AMP до Google Images. Усі користувачі мобільних пристроїв у Google Images могли відкрити AMP-версію статті помахом пальця.
4. Недоліки AMP
Поки що все виглядає чудово. Однак не все є перевагами. Упровадження AMP також має низку недоліків, які варто мати на увазі:
-
Висока вартість упровадження: хоча процес встановлення дуже простий у WordPress, ситуація суттєво змінюється, якщо впровадження робиться на іншій платформі. Команда повинна виділити цінні ресурси й кількох людей з команди розробки на дослідження, тести, валідацію впровадження тощо, а це означає вагому інвестицію.
-
Сміховинний CTR: хоча кількість показів може значно зрости після впровадження AMP, реальна цінність — кількість кліків нашого вмісту — зазвичай не йде поруч. Нижче ви можете побачити реальний приклад CTR, який Google Images забезпечує для AMP-вмісту в Search Console.

Приклад статистики впливу AMP у Google Images.
-
Залежність від Google: хоча Google нещодавно оголосив, що тепер AMP-сторінки можна обслуговувати з власного домену, а не через кеш Google, залежність від Google залишається величезною. Будь-яка, навіть найменша зміна має колосальний вплив на багато компаній, і це створює безпрецедентну силу та переговорну позицію на боці Google. Інакше кажучи, Google може робити з цією технологією що завгодно, доки вона генерує дохід для компаній. Що буде, якщо раптом Google почне брати плату з усіх компаній за її використання?
-
Астрономічний показник відмов: якщо ми говоримо про CTR, цифри справді жорсткі. Однак якщо мова про показник відмов, цифри можуть бути по-справжньому страшними. Кажуть, що багато компаній мають показник відмов понад 90%. Для будь-якого бізнесу це справжнє безумство. Від AMP рекомендують упровадити AMP-меню, спробувати адаптувати якомога більше сторінок, аби створити цілісний досвід AMP... Однак це не лише робить упровадження дорожчим і збільшує залежність від цієї технології, але й порушує питання, чи справді набута швидкість компенсує втрату такої кількості користувачів за кожну сесію...
5. Висновки
Зробити остаточний висновок про те, чи варто впроваджувати AMP, майже неможливо. Кожен бізнес має унікальні характеристики, і тому варто проаналізувати кожну ситуацію детально, порівняти інвестиції з потенційними вигодами і лише після цього вирішити, чи AMP — справді шлях, яким варто йти.
Маєте сумніви, чи може технологія AMP допомогти вашому бізнесу? Не хвилюйтеся! Ми можемо допомогти! Відкрийте всі наші SEO-послуги, і ми побачимо, як зможемо вам допомогти.
6. Новини та оновлення
У цьому розділі ми постійно публікуватимемо всі новини, які оголошує команда AMP, аби ви могли бути в курсі цієї технології.
7. Джерела
Джерела:
Офіційні посібники:
** Усі фото люб'язно надані офіційним вебсайтом AMP.*
Автор: David Kaufmann

Останні 10+ років я повністю занурений у SEO — і чесно кажучи, не хотів би інакше.
Моя кар'єра вийшла на новий рівень, коли я працював старшим SEO-спеціалістом у Chess.com — одному зі 100 найвідвідуваніших сайтів у всьому інтернеті. Робота в такому масштабі навчила мене того, чого не дав би жоден курс чи сертифікат.
З цього досвіду я заснував SEO Alive — агенцію для брендів, які серйозно ставляться до органічного зростання. І оскільки не знайшов інструмента, що добре справляється з обома світами — класичним і AI, побудував SEOcrawl. Якщо ви шукаєте досвідченого SEO-партнера, який любить цю справу — буду радий поговорити!
Дізнайтесь більше контенту цього автора

