Istoriya.v.ua

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

1. Ви додаєте AMP-елементи у код сторінки.
2. Google під час індексування підвантажує її на свій сервер.
3. Пошуковик перекодує сторінку за допомогою технології Web Light – залишає основний контент, прибираючи зайві елементи, не чіпаючи дизайн та зміст.
4. Як тільки її потрібно показати користувачеві, Google швидко підвантажує браузер.

За рахунок попереднього завантаження на сервер AMP-сторінки відкриваються значно швидше ніж звичайні адаптивні версії.

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

У полегшеній версії відсутні віджети та посилання на Яндекс.Новини та Google.Новини

Зміст та оформлення статті залишилося незмінним. Google обіцяє, що полегшена версія важить на 80 відсотків менше. Потрібно перевірити, як швидко завантажуються обидві версії.

За допомогою AMP наша сторінка завантажується у 4 рази швидше

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

Турбо-сторінки позначені символом ракети

Переваги та недоліки AMP

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

Швидкість завантаження сайту є фактором ранжування. Чим швидше завантажується ресурс, тим краще. Тому AMP впливає те, яке місце сайт може одержати під час формування пошукової видачі. Ця технологія прискорює завантаження, тому підвищує шанси потрапити в топ результатів пошуку. Докладніше про фактори ранжирування Google у 2021 році ми вже писали в блозі AskUsers.

Раніше пошукові системи не збирали дані з AMP-сторінок, але з 2017-го року Яндекс і Google фіксують показники в Яндекс.Метриці та Google.Analytics відповідно.

Незважаючи на це, технологія має неоднозначну репутацію. Розібрали переваги та недоліки.

1. Зменшує кількість відмов. Згідно з дослідженням Kissmetrics, 84% користувачів не готові чекати на завантаження сайту більше п'яти секунд. А кожна зайва секунда очікування коштує компаніям прибутку понад 2,5 мільйона доларів. Полегшені сторінки завантажуються швидше – користувачі рідше закривають вкладки.

1. Важко інтегрувати. Популярні CMS-системи (WordPress, OpenCart) мають плагіни для роботи з AMP. Існують безкоштовні версії з обмеженими функціями, а за повний доступ потрібно платити. У будь-якому випадку потрібно витрачати час на вивчення технології. Альтернатива — віддати це завдання на аутсорс, але тоді впровадження коштуватиме дорожче.

2. Допомагає у разі повільного інтернету. Ще не у всіх точках планети інтернет працює досить швидко. Урізані версії важать менше, тому швидко вантажаться навіть за поганого інтернету.

2.Не можна підключати віджети. Традиційні маркетингові інструменти із залучення аудиторії у разі не працюють.

3. Підвищує конверсію. Користувачі не залишають сайт, дивляться контент та довше залишаються на ресурсі. Це допомагає утримувати увагу аудиторії та стимулює продажі. За даними дослідження Google, зростання конверсії складає 20 відсотків.

3. Пошуковики утримують у своїй екосистемі. Деякі тексти потрапляють у стрічку SERP – це карусель матеріалів у верхній частині пошукової видачі. Їх можна читати усередині каруселі, не переходячи на сайт. Підсумок: користувачі дивляться ваш контент, але ви не отримуєте відвідування.

Коли без AMP неможливо обійтись

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

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

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

Коли варто відмовитись від AMP

Коли мобільна версія завантажується дуже швидко. Головна перевага технології Google у цьому випадку неактуальна – сайт швидко завантажується і без її впровадження. Однак ніхто не заважає зробити перевірку — провести A/B тести, щоб з'ясувати ефективність полегшеної версії. Можливо, ви отримаєте більше трафіку та скоротите кількість відмов. Про те, що таке A/B-тестування та як його проводити, ми розповіли у блозі AskUsers.

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

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

Висновок

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

За даними Яндекс.Радара, десктоп відстає від мобільних пристроїв майже вдвічі.

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

Все більше людей зараз використовують свої мобільні пристрої для перегляду сайтів та пошуку в мережі інтернет. Більше, ніж будь-коли. З'явилися цілі нові галузі — для створення продуктів для мобільних пристроїв, такі як мобільні додатки, гаджети, що носяться, та ін. технології. А загальний трафік з мобільних (смартфоном та планшетів) вже перевищив Desktop-трафік з комп'ютерів та ноутбуків.

За статистикою Google і Facebook, однак, є багато користувачів у світі, де мобільний інтернет не такий уже швидкий (наприклад, 3G, GPRS). Через це ці два гіганти почали вживати заходів щодо забезпечення «кращого досвіду» для користувачів з повільним з'єднанням до мережі Інтернет. Більшість людей, особливо в країнах першої десятки, досі не використовують швидкі мережі 4G, LTE або Wi-Fi.

Компанія Google таким чином запустила відкритий проект AMP для мобільних пристроїв з повільним доступом до Інтернету. Вся справа в тому, що веб-сайти стають більш складними і "важкими", і існує тенденція – обсяг контенту для мобільних пристроїв, що постійно зростає.

Що таке AMP?

Прискорені Мобільні сторінки (AMP) — це просто кажучи, в основному HTML з розширеннями та деякими елементами/блоками кастомних сторінок для мобільних сайтів. не можете використовувати з AMP Так, наприклад, тег IMG (зображення) стане в цьому випадку AMP-IMG, відео замінюється новим AMP тегом і і навіть якщо це накладає певні обмеження для розробників, це обіцяє великі переваги в плані швидкості і просування сайту (допомагає з SEO).

Для цілей підтримки AMP-сторінок не може бути використаний ряд скриптів JavaScript.

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

Більше не потрібно шукати та обдзвонювати кожне діджитал-агентство
Створіть конкурс на workspace.ru – отримайте пропозиції від учасників CMS Magazine за ціною та термінами. Це безкоштовно і займе 5 хвилин.
Створити конкурс →

Використання AMP-JS та AMP CDN спільно з AMP HTML

JavaScript (JS) є настільки потужним інструментом, що він може змінити практично будь-який аспект сторінки, але доводиться зважати на невтішний факт, що він може затримувати (уповільнювати) рендеринг сторінок вебсайту, блокуючи блоки DOM. Нова технологія AMP-JS забезпечує швидший рендеринг сторінок, припускаючи використання AMP-тегів (як згадувалося вище). Теги IMG, video, audio та iframeзамінюються на amp-img, amp-video, amp-audio та amp-iframe відповідно.

Багато хто з нас, звичайно, не є професійними розробниками та обмежені у розвитку необхідних нових навичок. Тим не менш, усім власникам сайтів варто задуматися про це, і при необхідності звернутися до фахівців/веб-розробників, щоб ми могли допомогти вам з AMP HTML.

Для сайтів з використанням WordPress та інших CMS як створити AMP HTML?

Перше рішення. Використовуйте AMP плагін! Наприклад, https://wordpress.org/plugins/amp/.

Дослідження показують, що більше 50% людей відмовитися від веб-сайтів, якщо сторінка не завантажуються в Це поганий знак для бізнесу – так як це потенційно втрачені клієнти або навіть непрямі втрати доходу (особливо для компаній і бізнесу, безпосередньо залежить від веб -сайтів та/або пошукових систем).

Ми у компанії SEO-Website.ru зробили всі записи блогу з додатковими версіями /AMP/.

Розглянемо результати, що це дало в рейтингу Google Speed ​​Insights:

Приклад 1

Звичайна сторінка. Отримуємо рейтинг за швидкістю 74, за зручністю — 99 зі 100.

AMP сторінка. Отримуємо рейтинг за швидкістю 83, за зручністю-99 зі 100.

Як бачимо, ми отримали хоч і не феноменальний, але значний приріст за швидкістю.За зручністю ті ж 99 пов'язані з тим, що вже були адаптовані сторінки для мобільних пристроїв. Інакше також був би приріст.

Приклад 2

Звичайна сторінка. Отримуємо рейтинг за швидкістю 80, за зручністю — 99 зі 100.

AMP сторінка. Отримуємо рейтинг за швидкістю 88 (зелена зона — чудово!), за зручністю — 99 зі 100.

Коротке резюме:

AMP цілком дієздатна технологія, здатна підвищити рейтинг веб-сторінки, що позитивно впливає на SEO та просування вашого веб-сайту. Для сайтів на базі WordPress це реалізується спеціальним плагіном AMP – досить просто, але з одним обмеженням – тільки для записів (posts), а не для всіх сторінок (у цьому випадку вам необхідно вручну розробити заново структуру сторінок згідно з наведеними нижче вимогами і правилами).

"Я зробив свій сайт адаптивним, тому він і так повинен добре завантажуватися!" Так, але.

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

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

Перспективи та складності AMP

Зараз AMP HTML здається набагато перспективнішим, ніж на початку 2016 року, оскільки Google активно просуває цю ініціативу, відповідно ваш сайт з підтримкою AMP-сторінок може відображатися на першій сторінці пошуку у мобільних користувачів над сайтами конкурентів, особливо якщо у вас хороший контент /вміст: так що не пропустіть хороші шанси в просуванні.

Звичайно, ще багато невирішених питань навколо AMP, але багато хто вже збирається виробляти обидві версії сайту — легку/просту та звичайну, щоб зробити AMP-сторінки (які завантажуються швидше) конкурентною перевагою. Що ще залишається загадкою, так це відображення оголошень на AMP HTML. Це одна з проблем, і це поки що обмежує можливості монетизувати свої мобільні AMP-сайти.

Рекомендації від Google щодо створення AMP прискорених мобільних сторінок

Як забезпечити коректний показ прискорених мобільних сторінок у результатах пошуку Google?

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

Google дає рекомендації щодо оптимізації сайтів – вони належать і до технології AMP. А в другій частині цієї статті ми дамо поради щодо створення таких сторінок:

• Дизайн. Створіть сторінки відповідно до вимог AMP.
• Видимість. Зробіть сторінки видимими для користувачів.
• Перевірка. Дізнайтеся, чи правильно створено сторінки.
• Структуровані дані. Позначте зміст сторінок.
• Статус. Відстежуйте ефективність сторінок за допомогою Search Console.

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

Шукаєте виконавця для реалізації проекту?

Проведіть конкурс серед учасників CMS Magazine

Дізнайтесь ціни та терміни вже завтра. Це безкоштовно і займе 5 хвилин.

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

Accelerated Mobile Pages – що це?

Це технологія, яка інтегрується у мобільну версію сайту. Її основна мета – прискорити завантаження сторінок шляхом створення їхньої полегшеної версії. AMP-версія сайту має меншу вагу і завантажується на 15-85% швидше за звичайну — приблизно за 0,7 секунди.

AMP-сторінки складаються з трьох ключових складових:

• Модифікований AMP HTML. Це особлива версія HTML, яка підвищує стабільність роботи сайту, а також надає додаткові можливості створення більш різноманітного контенту.
• Спеціалізована JavaScript-бібліотека (AMP JS). Вона забезпечує оптимізований рендеринг AMP HTML-сторінок, що значно прискорює їхнє відображення.
• Опціональна система кешування (Google AMP Cache). Вона використовується для більш швидкої видачі HTML-сторінок користувачам.

У мобільному пошуку Google АМП-сторінки позначені значком блискавки.

Навіщо потрібні AMP-сторінки

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

Плюси інтеграції технології AMP

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

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

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

Мінуси використання AMP

Але треба розуміти, що технологія AMP – це не лише плюси. Оскільки для сторінок Google «урізує» 90% коду, користувачі практично не можуть безпосередньо взаємодіяти з контентом. Вони перенаправляються назад до результатів видачі, що фактично призводить до «злодійства» трафіку бренду.

Крім того, сайти AMP дуже складно монетизувати. Через злодійство трафіку, про який ми написали вище, зменшується відвідуваність сайтів і знижується дохід.

З якими ще труднощами можна зіткнутися

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

Навіщо бізнесу AMP

Користувачі, які здійснюють покупки в інтернеті, не люблять чекати. І іноді повільного завантаження сторінки достатньо для того, щоб потенційний клієнт закрив вкладку та перейшов до конкурентів. Тому головна причина, через яку компаніям потрібна ця технологія, — це моментальне завантаження.

Ця перевага особливо значуща для кількох типів ресурсів:

• E-commerce. Технологія Accelerated Mobile Pages допомагає утримувати клієнтів та підвищувати конверсію.
• Новинки. Серед сайтів, що публікують новини, є велика конкуренція. І щоб отримувати якнайбільше трафіку, важливо, щоб сторінки з новинами швидко завантажувалися.
• Сайти, які продають трафік. При використанні технології AMP Google використовує власну інфраструктуру кешування. І за рахунок цього суттєво знижується навантаження на сервери.

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

Що потрібно знати про AMP HTML

Google висуває низку вимог до реалізації технології:

1. AMP-сторінки мають повністю відповідати встановленим стандартам.
2. AMP-сторінки – це точна копія повної версії, тому їх зміст має бути абсолютно ідентичним.
3. URL-адреси необхідно оптимізувати для зручності користувачів.
4. Коректність роботи сторінок слід перевіряти за допомогою спеціального сервісу.
5. AMP-версії обов'язково повинні містити атрибут rel=canonical із посиланням на повну версію сторінки.

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

А так буде виглядати зворотне посилання:

Для ефективного впровадження технології слід дотримуватись наступних принципів:

• Застосовувати лише асинхронні скрипти.
• Вказувати розміри візуальних елементів у HTML-коді.
• Обмежувати об'єм стилів до 50 КБ.
• Уникати використання довільного JavaScript-коду.

Інструкція створення АМР-версії сайту

Отже, що таке AMP, розібралися. Тепер перейдемо до того, як зробити AMP-сторінки. Існує кілька способів:

• Вручну. Цей метод підходить для невеликих сайтів або коли потрібний повний контроль над розміткою. У цьому випадку версія кожної сторінки створюється вручну за допомогою готових шаблонів.
• Автоматична генерація. Багато сучасних систем управління контентом (CMS) пропонують вбудований функціонал для створення AMP-версій. І це значно полегшує процес впровадження технології.
• Програмна реалізація. Розробники можуть створити власне рішення для автоматичного створення AMP-сторінок, інтегрувавши його в існуючу систему управління контентом.

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

Перевірка AMP-сторінки

Найпростіший спосіб переконатися, що AMP-сторінки Google працюють правильно, це використовувати наступний сервіс. Все, що від вас вимагається, помістити в рядок URL і почати перевірку. Після закінчення ви побачите повідомлення.

Якщо технологію впроваджено:

Якщо АМР-версії немає:

Ще один спосіб, як перевірити АМР-сторінку, – це використання краулера, наприклад Netpeak Spider. Алгоритм досить простий:

1. У розділі параметри вибираємо пункт "АМР".

2. Вводимо в адресний рядок URL сайту, що цікавить нас.

Коли сканування ресурсу буде завершено, потрібно перейти до таблиці до стовпця «AMP HTML». Якщо в стовпці вказано TRUE, це означає, що верстка AMP присутня. В іншому випадку ви побачите значення FALSE.

За потреби отримані дані можна вивантажити. Для цього потрібно у правому верхньому кутку вікна (або в головному меню) вибрати функцію «Експорт», а потім – «Результати у поточній таблиці».

Підіб'ємо підсумки

На закінчення можна сказати, що AMP та SEO тісно пов'язані. Підвищення швидкості завантаження сторінок позитивно впливає на ранжування у пошукових системах та сприяє збільшенню трафіку з мобільного пошуку.

Проте важливо пам'ятати, що AMP – це універсальне рішення всім ресурсів. Перед тим, як впроваджувати цю технологію, потрібно ретельно зважити всі за і проти, виходячи зі специфіки вашого сайту, цільової аудиторії та бізнес-цілей. І не забувайте про те, що для успішної реалізації потрібні грамотний підхід до розробки та оптимізації, а також постійний моніторинг ефективності. У цьому випадку AMP стане ефективним доповненням загальної СЕО-стратегії.