Створення сайтів - студія веб-дизайну WebStudio2U Контактні дані веб-студії WebStudio2U RSS стрічка веб-студії WebStudio2U Мапа сайту Авторизація

Прискорені мобільні сторінки (AMP) на сайтах

Прискорені мобільні сторінки (AMP) на сайтах Ще в жовтні 2015 року Google оголосив про впровадження проекту «Прискорені мобільні сторінки» (Accelerated Mobile Pages, AMP) для продуктивнішого пошуку. До недавніх пір такі сторінки відображалися виключно в новинному розділі Top Stories, проте в серпні 2016 в Google повідомили, що найближчим часом вони відображатимуться також і в основній видачі. У зв'язку з цим власники сайтів сьогодні  проявляють особливий інтерес до прискорених мобільних сторінок.

Технологія Accelerated Mobile Pages покликана забезпечити швидше завантаження сторінок для користувачів мобільних пристроїв навіть за умови низької швидкості з'єднання. Для цієї мети використовується розмітка AMP HTML (звичайний HTML з деякими обмеженнями), бібліотека AMP JS і Google AMP Cache. Прискорені мобільні сторінки підтримуються сьогодні різними платформами, наприклад, Twitter, LinkedIn, WordPress.

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

У чому полягають основні особливості прискорених мобільних сторінок? По-перше, такі сторінки зберігаються в кеші Google, і у разі звернення до них користувачів завантаження відбувається прямо з кешу, що сприяє прискоренню завантаження. По-друге, елементи AMP-сторінки завантажуються послідовно, по мірі прокручування сторінки користувачами, що також допомагає прискорити завантаження. Нарешті, по-третє, в дизайні AMP-сторінок використовується «особливий» HTML з деякими обмеженнями для надійнішої роботи та деякими розширеннями для оформлення медійного контенту.

Якщо говорити про обмеження у AMP HTML, то ця розмітка не підтримує зокрема тег <form>, отже, на прискорених сторінках сайту не вийде розмістити будь-які форми заявок або, скажімо, форми для коментування. Крім того, для завантаження користувацьких шрифтів на AMP-сторінці необхідно використовувати спеціальне розширення amp-font — для кращого контролю за завантаженням.

Що стосується розширень у AMP HTML, то серед них можна згадати такі елементи, як amp-img, що замінює стандартний HTML-тег img; amp-anim, призначений для відображення анімованих GIF-зображень; amp-video замість тега video в HTML 5; amp-youtube, створений спеціально для відеороликів з YouTube, тощо.

Як правило, для роботи з технологією Accelerated Mobile Pages на сайті необхідно створювати і підтримувати і «звичайні» сторінки і AMP, щоб пошукова система Google змогла проіндексувати AMP-версії. З цією метою на звичайні сторінки сайту додаються посилання вигляду <link rel="amphtml" href="https://www.example.com/url/to/amp-version.html" />, а на сторінки AMP — посилання виду <link rel=""canonical" href="https://www.example.com/url/to/regular-html-version.html" />, де звичайна сторінка маркується як канонічна.

Створення AMP-сторінки без звичайної HTML-версії також можливе. На таких сторінках необхідно вказати посилання виду <link rel="canonical" href="https://www.example.com/url/to/amp-document.html" />. Google зможе їх проіндексувати, якщо виявить. Для цього важливо переконатися, що такі сторінки вказані у файлі Sitemap і мають посилання з інших індексованих сторінок сайту.

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

Теги:
amp-сторінки, acceletrated mobile pages, прискорені мобільні сторінки, прискорені мобільні сторінки amp