Що таке AMP і кому воно потрібне?

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

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

Що таке AMP?

AMP (англ.Accelerated mobile pages) – це технологія прискорення мобільних сторінок, яка дозволяє значно “полегшити” інтернет-сторінку та зробити її завантаження швидшим.

Технологія AMP (прискорені мобільні сторінки) складається з:
- AMP HTML - це  HTML, яка має свої особливості. Деякі теги замінені на еквівалентні, а окремі зовсім заборонені для використання.

- AMP JS, використовує лише власну js-бібліотеку, та дозволяють виконати асинхронне завантаження елементів

- Google AMP Cache, індексує AMP-сторінку, пошукова система кешує її зміст та показує контент користувачу з власних серверів, а не з вашого сайту.

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

  • миттєве завантаження без довгого очікуваня
  • виведення сторінки у перші рядки Google-пошуку
  • зручність користування на мобільних девайсайх

AMP є найкращим рішенням для:

  • інтернет-магазинів
  • новинних сайтів
  • блогів

Процес підключення сторінок з AMP починається з створення прототипу AMP сторінки.
Після створення та узгодження прототипу ми створюємо HTML-шаблон сторінки під вимоги AMP.

Наприклад, AMP шаблон для сторінки новини:
html amp template softwestgroup

Для підключення бібліотеки потрібно підключити AMP JS.

 

Другим рядком коду на скріні ми підключили кастомний елемент - головне меню.

Цей кусок коду демонструє верстку головного меню.

Подальшими кроками є забезпечення мікророзмітки контенту та формування AMP сторінок, поряд з написанням  методу для формування URL з параметром AMP.

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

Ми запустили AMP для платформи  rayon.in.ua - Мережі гіперлокальних медіа.
У видачі Google сторінка AMP має відповдний значок:

До слова, платформа rayon.in.ua є унікальною розробкою Softwest Group і відповідає всім потребам інтернет видання, до того ж швидко масштабується - для підключення ще одного піддомена потрібно до 1-ї години!

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

У Вас виникли запитання чи потрібна консультація?
Напишіть прямо зараз!

07-10-2018