Многофункциональная SEO-платформа
для профессионалов
Войти как пользователь
Вы можете войти на сайт, если вы зарегистрированы на одном из этих сервисов:

Мобильные страницы с ускоренной загрузкой: из чего они сделаны и зачем нужны?

Россия +7 (495) 960-65-87
Шрифт:
7 12664

Уже совсем скоро, в начале февраля, Google запустит проект AMP (Accelerated Mobile Pages). И пока все прогрессивное человечество готовится к этому, редакция SEOnews решила подробно разобраться, в чем особенность этой технологии, как она работает и, главное, какие фишки уже приготовил Google для своего нового детища.

Из чего сделаны AMP

AMP (Accelerated Mobile Pages) – мобильные страницы ускоренной загрузки – были анонсированы командой Google в начале октября 2015 года. По сути, это новый единый формат облегченной загрузки текстовых материалов на мобильных устройствах.

Функционально AMP состоит из трех частей:

  • AMP HTML
  • AMP JS
  • AMP CDN

AMP HTML – это обычный HTML с рядом ограничений для более надежной работы и некоторыми расширениями для создания медийного контента.

amp html.PNG

В HTML-коде AMP используются преимущественно регулярные HTML-теги, хотя некоторые из них заменяются специфическими AMP-тегами. Это так называемые HTML-компоненты. Например:

  • amp-ad – отвечает за рекламу. 
  • amp-img – альтернатива тега img.
  • amp-pixel – счетчик посещений.
  • amp-video – альтернатива тега HTML5 video.

Так как AMP HTML является подвидом базового HTML, он поддерживается всеми существующими юзер-агентами, кроме того, документы на AMP HTML могут быть загружены на веб-сервер и функционировать как и любой другой элемент. Они также предназначены для опционального обслуживания через специализированные системы AMP – прокси документы AMP.

Библиотека AMP JS повышает производительность, управляет загрузкой ресурса и обеспечивает быстрый рендеринг страницы и препятствует его блокировке. Также отвечает за предварительный расчет компоновки каждого элемента страницы перед загрузкой ресурса и отключение медленных CSS селекторов.

AMP CDN – основанный на прокси CDN для передачи всех валидных AMP-документов. Он извлекает HTML страниц, кэширует их и автоматически повышает производительность страниц. При использовании AMP CDN все JS-файлы и изображения загружаются в таком же варианте, что и при использовании HTTP 2.0.

В CDN AMP есть встроенная система проверки, подтверждающая работоспособность страниц и их соответствие AMP HTML.

Другой вариант валидатора проверяет ошибки прямо в консоли браузера, когда страница рендерится. Он позволяет увидеть, какой комплекс изменений в коде может повлиять на производительность и улучшить пользовательский опыт.

На выходе мы получим карусель карточек AM-страниц в выдаче, которые можно будет пролистать и выбрать наиболее интересную. AMP сохранят стили и брендирование веб-версии страницы и будут поддерживать рекламные форматы, так что на монетизации сайта это никак не скажется.


Зачем нужны AMP

В качестве основной цели нововведения было обозначено повышение производительности открытости мобильного интернета.

В официальном релизе сказано:

Мы хотим, чтобы веб-страницы с разнообразным контентом — видеороликами, анимацией и графикой — загружались мгновенно вместе с любыми форматами рекламных объявлений. Мы также хотим, чтобы на разных платформах и устройствах использовалось одинаковое кодирование: тогда контент будет загружаться быстро везде, независимо от того, какая модель телефона находится в руках у пользователя.

На самом деле проект должен закрыть несколько разноплановых задач:

  • устранить различия между мобильными сайтами разного качества;
  • решить проблемы с монетизацией сайтов издателей из-за низкой скорости загрузки и блокировщиков рекламы (предполагается, что AMP сможет их обойти);
  • облегчить процесс разработки;
  • сделать формат «быстрых» мобильных страниц общедоступным.


Что уже готово

Чем ближе полномасштабный релиз проекта, тем больше рассказывает о своем новом детище. Например, в ходе недавней видеовстречи Эмерик Студер, менеджер по технологиям AMP, подробно рассказал о новой технологии и ответил на вопросы пользователей.


Судя по всему, Google серьезно настроен относительно своего нового проекта. За прошедшие 4 месяца с анонса AMP представители компании уже успели разослать рекомендации по использованию нового формата в Search Console и объявить о:

  • Добавлении свойств для AMP в документацию по разметке статей. С декабря прошлого года в документации по созданию расширенных сниппетов для страниц статьей появилась дополнительная информация, касающаяся страниц с ускоренной загрузкой.
  • Необходимости использования на AM-страницах атрибута rel=canonical. rel=caconical, указывающий на страницу веб-версии сайта, поможет избежать проблем с дублированием контента.
  • Специальном отчете об ошибках в Search Console. С его помощью издатели, работающие с AMP, смогут мониторить общую ситуацию на сайте и быстрее узнать об ошибках на страницах и переходить к их решению.
  • Запуске аналитического компонента для AMP. Издатели смогут измерять показатели на страницах с ускоренной загрузкой с помощью Google Analytics.
  • Поддержке рекламных форматов. По словам руководителя рекламного направления Google Шридхара Рамасвами, на AMP уже тестируются разнообразные форматы рекламы, в том числе и нативной, и со временем их число будет расти. На сегодняшний день среди рекламных провайдеров AMP – AOL, AdSense, DoubleClick, Kargo, OpenX, OutBrain и др.

В заключение

Пока проект AMP находится на этапе открытого тестирования, присоединиться к которому можно здесь. Задать интересующие вопросы команде проекта или другим участникам эксперимента можно на GitHub.

О своем опыте работы с AMP пишите в комментариях или на почту редактору: darya@seonews.ru

Есть о чем рассказать? Тогда присылайте свои материалы в редакцию.


Новые 
Новые
Лучшие
Старые
Сообщество
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
Поделиться 
Поделиться дискуссией:
Отправить отзыв
  • Гость
    6 месяцев назад
    Подскажите пожалуйста, установил счетчик ливинтернет как сказано тут wfi.lomasm.ru/%D1%80%D1%83%D1%81%D1%81%D0%BA%D0%B8%D0%B9.wfi_%D0%B2_%D0%BD%D0%BE%D0%B3%D1%83_%D1%81%D0%BE_%D0%B2%D1%80%D0%B5%D0%BC%D0%B5%D0%BD%D0%B5%D0%BC/%D0%BF%D0%B5%D1%80%D0%B2%D1%8B%D0%B5_%D1%...
    Подскажите пожалуйста, установил счетчик ливинтернет как сказано тут wfi.lomasm.ru/%D1%80%D1%83%D1%81%D1%81%D0%BA%D0%B8%D0%B9.wfi_%D0%B2_%D0%BD%D0%BE%D0%B3%D1%83_%D1%81%D0%BE_%D0%B2%D1%80%D0%B5%D0%BC%D0%B5%D0%BD%D0%B5%D0%BC/%D0%BF%D0%B5%D1%80%D0%B2%D1%8B%D0%B5_%D1%88%D0%B0%D0%B3%D0%B8_wfi_%D0%B8_accelerated_mobile_pages
    но не нахожу ни каких данных в статистике, на странице ошибок нет, и сам счетчик не отображается(
    -
    1
    +
    Ответить
    Поделиться
  • Гостьгость
    6 месяцев назад
    Видео Студера поправьте. В статье просто код.
    -
    0
    +
    Ответить
    Поделиться
  • Skarui
    95
    комментариев
    0
    читателей
    Skarui
    6 месяцев назад
    ReatcJS или MeteorJS решат проблему
    -
    -3
    +
    Ответить
    Поделиться
  • Гость
    6 месяцев назад
    Просто задолбали, и так сайты делать сложно, они теперь ещё второй html решили придумать!
    -
    2
    +
    Ответить
    Поделиться
    • Гость
      6 месяцев назад
      Тесты показывают неплохие результаты, но пока все сырое. Имхо, на этом стоит заморачиваться если это прочно войдет в обиход как например адаптивная/мобильная верстка.
      -
      3
      +
      Ответить
      Поделиться
ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА SEONEWS
23 действительно эффективных совета по продвижению интернет-магазина
Гость - Троль Гуру паНгинации - Что такое паНгинация?))))
Как построить качественную ссылочную массу сайта
Анна Фра
1
комментарий
0
читателей
Полный профиль
Анна Фра - www.youtube.com/watch?v=jtINdDyNdFU полезное видео
Анализ ссылок: сравнение многофункциональных платформ по размеру их баз
Андрей Ольшевский - Очень неточная статистика, объясню почему. Довольно часто делаю анализ сайтов на качество и объём ссылочной массы. Всегда делаю выгрузку из трех источников – Вебмастера Яндекса, сервиса Мегаиндекс, сервиса Линкпад. Потом с помощи алгоритмов и функции Excel отсеиваются много дублей, битых ссылок, несуществующих урл и тп. Как показала практика, вебмастера Яндекса вполне достаточно, там вся информация и она самая актуальная, в других сервисах куча мусора, а нового, чтоб было найдено и проиндексировано ПС - очень мало. Поэтому мирятся количеством в данном анализе не профессионально.
Как создать интернет-магазин: сколько стоит открытие?
Гость - да у битрикса что ни обновление - то сплошные баги. недавно знакомый обновился на лицензии интернет-магазина, про***лись заказы за последнюю неделю, слетели все связи по складам. одним словом, жопа. при этом обновился на сразу, а спустя месяц после выкатывания, надеялся, успеют все поправить
ТОП-10 автоматизированных сервисов контекстной рекламы
Гость - Не доверяйте свои данные системам от агентств, если рекламу у них вы не ведете. Юзал алитикс и к50. Пробуйте эти две системы как мин. А лучше всего автоматизировать с помощью эксель, pbi и подобных сервисов. Но пока это сложно для большинства
Как упростить продвижение вечными ссылками?
Coursh - Зарегестрировался. Накинули 1100 рубликов за пополнение на 10к. Очень неплохо!
Кому и зачем нужен маркетплейс от Яндекса
Дарья Калинская
209
комментариев
0
читателей
Полный профиль
Дарья Калинская - Максим, спасибо, рада, что статья оказалась полезной )
Конкурс: угадай победителя рейтинга «Известность бренда SEO-компаний»
Андрей
1
комментарий
0
читателей
Полный профиль
Андрей - Оптимизм Дэмис Кокос Ашманов и Партнеры Раш эдженси
Кейс: как молодому сайту увеличить органический трафик с 0 до 10 000 посетителей за 6 месяцев
Олег Буряк
38
комментариев
0
читателей
Полный профиль
Олег Буряк - Никаких санкций!!!! на сайт за резкий скачок уникальных естественных ссылок !!!не было наложено!!!. Все дальше читать не буду! УДАЧИ Вам! кошмар!
Инструкция по применению: обзор сервиса обратного звонка Callbackhunter
CallbackHunter
1
комментарий
0
читателей
Полный профиль
CallbackHunter - В своей рассылке, мы указываем все новые фишки ;)
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
373
Комментариев
285
Комментариев
262
Комментариев
209
Комментариев
171
Комментариев
156
Комментариев
137
Комментариев
123
Комментариев
97
Комментариев
97
Комментариев
95
Комментариев
80
Комментариев
71
Комментариев
67
Комментариев
60
Комментариев
55
Комментариев
52
Комментариев
50
Комментариев
45
Комментариев
44

Отправьте отзыв!
Отправьте отзыв!