Технології amp і pwa в пошуку google

Академія інтернет-маркетингу WebPromoExperts

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

Технології amp і pwa в пошуку google

Технології amp і pwa в пошуку google

Розшифровка доповіді «Технології AMP і PWA в пошуку Google» Андрія Ліпатцева (Search Quality Strategist компанії Google).

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

Самий передовий спосіб виведення контенту онлайн на сьогоднішній день (з технічної точки зору) - це можливості нових технологій.

Проблематика перед нами стоїть досить проста: як поєднати можливості інтернету (максимальне охоплення) і мобільних додатків (максимальне залучення, тривалий взаємодія з користувачами).

багато користувачів важко залучити

сучасні веб-технології підвищують залученість

Низький% трафіку, висока залученість


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

А якщо вашого товару поки немає в наявності?

Технології amp і pwa в пошуку google

Нічого страшного. Ви тут же натискаєте на кнопку «хочу отримувати сповіщення». І коли товар з'являється в магазині, ви про це тут же дізнаєтеся з пуш-повідомлення. «Ваш светр в наявності. Так купити ». Так відбувається тому, що ви підписані на пуш-розсилку про що цікавить вас.
А раптом у вас пропадає зв'язок? (Заїхали в тунель, застрягли в метро).

Технології amp і pwa в пошуку google

Технології amp і pwa в пошуку google

З'явилося у вас повідомлення, що товар в наявності, натискаєте «Купити» ⇒ «Додати в корзину» (при цьому не логін, що не водячи ніяких додаткових даних, в один клік). Буквально одним натисненням проводите оплату.

Технології amp і pwa в пошуку google

Як це - запитаєте ви? Що значить додати цей магазин на екран, не додаток цього магазину, а сам магазин?

Ось саме такі можливості знаходяться буквально в декількох місцях, максимум рік праці розробників. І тоді купувати можна і потрібно буде саме так.

Будь-який проект - комерційний, освітній - зможе працювати зі своїми користувачами саме в такому режимі.

Тому треба думати про нові технології і їх впровадженні, а не питати які методи закупівлі посилань найбільш ефективні.

РЕАЛІЗАЦІЯ

Як встигнути вскочити в поїзд, що рухався?

Про які технології йдеться?

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

Технології amp і pwa в пошуку google

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


Ми звикли до того, що сайти вантажаться довго, особливо на мобільних додатках, і не дають того досвіду, який дають додатки.

Але! Google розвиває технології


Технології amp і pwa в пошуку google

Це відкритий формат, в розробці якого беруть участь різні компанії. Флагманом цього проекту багато в чому є Google, але всі бажаючі можуть брати участь в його розвитку і розробці будь-яким чином.

Якщо говорити простою мовою - це не фіча Google, це фіча інтернету. Так тепер інтернет будує швидкі веб-ресурси. Google підтримує цю ініціативу, але не контролює її.

При цьому Google та інші веб-платформи надають учасникам доступ до кешування інформації.

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

В чому полягає суть нового формату?

Це HTML, але стислий до абсолютно мінімального необхідного обсягу без нічого зайвого.

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

Технології amp і pwa в пошуку google

завантаження сторінки в новому форматі менше секунди

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

Як для кастомних рішень, так і для великих комерційних і некомерційних проектів, це можна реалізувати досить просто. Уявіть якщо ви вибираєте рішення «з полиці» вибираєте CMC, ви вже можете зробити вибір на користь рішень в форматі AMP.

ПРОГРЕС З PWA

Технології amp і pwa в пошуку google

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

PWA - можна розглядати як технологію, яка пропонує кілька переваг або як поєднання декількох технологій, кожна з яких дає певні переваги.

Технології amp і pwa в пошуку google

PWA реалізується в рамках TLS безпечного протоколу з'єднання, тому за замовчуванням будь-прогресивне веб-додаток є безпечним. Є комбінація з трьох необхідних функцій:

  • Можливість додавання вашого ресурсу на головний екран пристрою (в цьому сенсі ваш ресурс починає вести себе як додаток). Тут розмивається грань межу сайтом і додатком, тому що насправді «додатки» як такого немає. Є можливість взаємодіяти з користувачем відразу ж.
  • Ви зможете відправляти користувачеві пуш-повідомлення. Прогресивні веб-додатки теж можуть повідомляти користувача. Відправлення повідомлень не залежить від платформи (декстопов, мобайл).
  • Найпривабливіше властивість прогресивний веб-сторінки - це оффлайн доступ. Ви «домовляєтеся» з пристроєм користувача за рахунок певних протоколів, технологій, про те який контент віддається на сам пристрій. І ви віддаєте стільки контенту, щоб користувач зміг скласти уявлення про вашу пропозицію і про ваш ресурс.


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

Технології amp і pwa в пошуку google

На малюнку етапи додавання можливостей. Наприклад, дали можливість користувачеві додавати покупки не замислюючись про те, що треба десь або щось ще шукати.

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

Приклади РЕАЛІЗАЦІЇ НОВИХ ТЕХНОЛОГІЙ

Серед тих, хто першим реалізував технологію AMP для свого ресурсу була американська газета Washington Post.

Технології amp і pwa в пошуку google

Швидкість завантаження статті 0.4 секунди! Відсоток повернення користувачів ви бачите на малюнку.

Вельми цікавий кейс з впровадження AMP у російського ресурсу Лента.ру.

Технології amp і pwa в пошуку google


Саме в цій статті описані етапи реалізації технології.

Після впровадження в ФліпКарт

Технології amp і pwa в пошуку google

Підвищили кількість взаємодій і конверсію.

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

Технології amp і pwa в пошуку google

Ще один приклад успіху знайомого всім магазину

Технології amp і pwa в пошуку google

Ще один приклад

Технології amp і pwa в пошуку google

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

ЩО ВИВЧАТИ ПО ТЕМІ

Технології amp і pwa в пошуку google


Технології amp і pwa в пошуку google

Технології amp і pwa в пошуку google

Технології amp і pwa в пошуку google

Для тих, хто впроваджує виявляти недоліки можна ось тут:

Технології amp і pwa в пошуку google

Технології amp і pwa в пошуку google


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

Схожі статті