Главная » Google » Как создать AMP страницы на сайте WordPress
AMP страницы для вордпресс

Технология AMP страницы для сайта WordPress

Ускоренные мобильные страницы (Accelerated Mobile Pages или AMP) – одна из самых востребованных технологий компании Google для быстрого предоставления пользователю необходимой информации. Быстрая загрузка страниц AMP обусловлена минимум HTML кода сайта и практически полным отсутствием CSS. Страницы AMP загружаются на 80 % быстрее обычных HTML страниц и позволяют пользователю получить всю необходимую информацию на любом устройстве.

время загрузки AMP страниц
AMP технологии значительно сокращают время загрузки

Особенно актуальны такие страницы для беспроводных соединений. Как известно, мобильные устройства отличает более медленный интернет (особенно в местах, где плохо ловит связь), поэтому загрузка даже небольших страниц может стать проблемой. Технология AMP страниц базируется на простой структуре страницы, когда нет необходимости в полной загрузке всех деталей сайта. Такая страница загружает только основной контент, представляя пользователю необходимую информацию. Давайте рассмотрим работу такой технологии более детально.

Принцип работы AMP страниц

Каждый сайт имеет определенную структуру, в которую входит шапка (header), основная часть (body) и подвал (footer). В каждой части сайта могут находится отдельные элементы, которые и составляют единую структуру – например, в шапке находится меню и логотип. В основной части сайта, как правило, содержится текст, картинки, скрипты и другие информация, задающие смысл всей страницы. Именно эту информацию ищут пользователи, в том числе и на устройствах с низкой скоростью.

AMP технологии для сайта
AMP технологии упростили доступ к нужной информации

Поисковая система Google, анализируя скорость интернета, предлагает пользователю загрузить AMP, если скорость загрузки страниц очень медленная. Для этого, на загружаемом сайте должна быть подключена технология AMP. Если она подключена, то у пользователя нет необходимости в полной загрузке требуемой страницы. Технологий AMP предусматривает загрузку только основного контента сайта – логотипа, текста, сжатых картинок. Именно это позволяет быстро получить информацию на низкоскоростных соединениях. Для самой популярной CMS вордпресс разработана специальная технология создания AMP страниц, о которой Вы узнаете ниже.

Как создать AMP страницы на сайте WordPress

Для того, чтобы создать AMP страницы на сайте WordPress необходимо подключить специальный плагин. Наиболее удобный на сегодняшний день плагин AMP для WP, который загрузили свыше 100 000 человек. Установка плагина не займет много времени, Вам лишь необходимо указать основные параметры AMP для Вашего сайта. После установки Вам необходимо выбрать дизайн загружаемых страниц и указать логотип, который будет отображаться у пользователей. Процесс установки плагина для Accelerated Mobile Pages:

  1. Заходим на страницы «плагины» и выбираем «установить новый»
  2. Вбиваем в поисковую строку плагинов «Accelerated Mobile Pages»
  3. В поисковой выдаче выбираем плагин «AMP для WP»
  4. Нажимаем на кнопку «установить плагин«
  5. Производим установку плагина в соответствии с его версией.

Компания Google подготовила  рекомендации для тех, кто использует AMP страницы на своем сайте. Отмечу, что на сегодня использование AMP технологий является одним из факторов ранжирования в поисковой выдаче Google. Если Вы хотите детально ознакомиться с процессом создания Accelerated Mobile Pages, то Вы можете посетить официальный сайт AMP технологий. После создания AMP страниц на своем сайте, не забудьте пройти тест на корректное отображение страниц. Здесь Вы можете увидеть ошибки при использование AMP технологий. Желаю быстрой загрузки Вашему сайту!

AMP версия блога
AMP версия BloogIT.ru

Кстати, если Вы столкнулись с проблемой при создании мобильной версии сайта, обязательно прочтите эту статью

Видео про AMP страницы

5 (100%) 1 vote

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.