Что такое Google AMP и как реализовать его на своем сайте

Статья читается: 1 мин.

Приветствую, дамы и господа!

Сегодня мы поговорим о нововведении для сайтов. Я сегодня расскажу вам что такое Google AMP и как прикрутить это к своему сайту. Понимаю, что сейчас написал много не понятных слов, но если прочтете всю статью до конца, вы поймете о чем идет речь.

Если вы ведете блог то вы поймете, что поисковые системы продолжают подчеркивать скорость загрузки страницы в своем алгоритме. Помимо факторов SEO, скорость загрузки страницы имеет огромное влияние среди ваших посетителей при принятии решения о том, должны ли они оставаться на вашем сайте или нет. Фактически, исследования показывают, что 40% ваших посетителей покинут ваш сайт, если загрузка займет более 3 секунд.

Хотя приведенная выше статистика указывает на важность скорости страницы для всего вашего сайта, это условие еще более важно, когда дело касается посещений с мобильных девайсов.

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

Если вы не оптимизируете свой сайт на скорость, скорее всего, вы теряете потенциальных клиентов.

Google AMP — супер быстрый просмотр сайта с мобильных устройств

Недавно Google начал проект с открытым исходным кодом, известный как ускоренные мобильные страницы (AMP). Эта инициатива направлена ​​на то, чтобы ускорить работу с мобильным браузером. Таким образом, даже если вы находитесь на мобильном устройстве с плохим подключением к Интернету, вы можете загрузить AMP-версию сайта почти мгновенно.

Интересно, что делает AMP отличным от другой тактики оптимизации скорости?

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

Чтобы ускорить скорость вашей страницы, AMP заставляет вас использовать упрощенную версию CSS и не позволяет использовать какой-либо элемент JavaScript на вашей странице. Вам также нужно будет использовать готовую библиотеку JavaScript, которая работает с изображениями — библиотека lazy load.

Кроме того, как только ваши страницы AMP будут проиндексированы, они будут кэшироваться в Google AMP CDN, что приведет к супер быстрой загрузке страниц.

Как работает AMP?

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

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

Поэтому, когда вы нажимаете на такие страницы из SERP (Search Engine Results Page — веб-страница, генерируемая поисковой системой в ответ на поисковый запрос пользователя), вы будете перенаправлены на более чистую, быструю и оптимизированную версию веб-страниц, которая мгновенно загружается на ваше устройство, независимо от скорости интернета.

Точно так же, когда вы нажимаете на ссылку в твиттере из собственного приложения Twitter, вы будете перенаправлены на страницы AMP для более быстрого рендеринга страницы при условии, что сайт интегрирован с AMP.

Должны ли вы внедрять AMP?

Создавая версию AMP на своем веб-сайте WordPress, вы ставите скорость и читаемость в качестве главных приоритетов над чем-либо еще. Поскольку вы не сможете использовать интерактивные элементы, такие как JavaScript на ваших страницах AMP, возможно, вам не захочется создавать AMP-версию всех ваших существующих страниц.

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

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

Как реализовать AMP на своем веб-сайте WordPress:

1. Установите плагин WordPress AMP

Прежде всего. Перейдите в свою админку WordPress и установите плагин AMP.

После установки вы можете найти AMP-версию своих сообщений в блоге, добавив /amp/ в ваши постоянные позиции. Никакой дополнительной конфигурации не требуется.

Например, ваш URL-адрес AMP будет выглядеть так:

www.yourdomain.ru/blog-post/amp/

Если вы не включили постоянные ссылки на свой сайт, вы можете найти страницы AMP в своих сообщениях в блоге, добавив: ?amp=1 вместо этого.

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

2. Настройте страницы AMP

Простая установка плагина создаст базовый макет AMP для вашего блога WordPress. Если вы хотите настроить свой шаблон AMP и сделать его похожим на ваш существующий веб-сайт, вам может потребоваться отредактировать CSS вашего шаблона AMP.

Кроме того, если вы решите установить плагин вместо жесткого кодирования шаблона, все, что вам нужно будет сделать, это установить плагин PageFrog.

Этот плагин также предоставляет дополнительную поддержку, например интеграцию с Google Analytics на страницах AMP.

После активации PageFrog, не забудьте активировать Google AMP HTML.

Однако, если вы используете плагин Yoast SEO на своем основном сайте, лучше установить плагин Yoast Glue вместо PageFrog.

3. Проверьте, является ли ваша страница действительной страницей AMP

До сих пор мы реализовали страницы AMP на вашем веб-сайте и немного настроили его макет.

Теперь ваша очередь проверить только что созданные AMP-страницы.

Проблема интеграции AMP с вашим существующим веб-сайтом WordPress заключается в том, что очень вероятно, что вы найдете множество ошибок AMP в своей учетной записи Google Search Console сразу после интеграции.

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

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

Поскольку страницы AMP подаются только через потребителей AMP, таких как поиск Google, исправление всех этих ошибок SEO является важной задачей, чтобы гарантировать, что ваши страницы AMP индексируются в поисковых системах и кэшируются на AMP CDN. Этот CDN также помогает сторонним веб-сайтам, таким как Twitter, легко находить и распространять вашу страницу AMP быстро для посетителей вашего сайта.

Вы всегда можете найти ошибки AMP, войдя в аккаунт Google Search Console. После входа в систему перейдите в Search Appearance — Accelerated Mobile Pages, чтобы найти ошибки.

Существует несколько способов проверки ваших страниц AMP для исправления ошибок SEO:

  • Консоль разработчика браузера: просто добавьте # development = 1 к URL-адресу AMP и откройте его в своем браузере. После этого вы можете проверить ошибки в консоли Chrome DevTools.
  • Веб-интерфейс: В качестве альтернативы перейдите к validator.ampproject.org. Введите URL-адреса страниц AMP и найдите ошибки.

Обратитесь к этому официальному руководству, чтобы получить полный список ошибок проверки AMP и как их исправить.

И в заключении

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

Хотя Google еще не оценил AMP как рейтинговый фактор, 90% издателей уже видят более высокие CTR на SERP для своих страниц AMP. Поэтому, если вы еще не реализовали его, вы должны в будущем сделать это.

Ниже приведены несколько дополнительных советов, которые вы найдете полезными при интеграции AMP с вашим сайтом.

Расширенная настройка AMP: для добавления Google Analytics и дальнейшей настройки вашего шаблона AMP прочитайте эту прочитанную мной страницу плагина AMP.

Проверка скорости и настройка: Несмотря на то, что вы всегда можете настроить шаблоны AMP в значительной степени, например, добавлять видео, рекламные баннеры и т. д., Всегда проверяйте свои страницы AMP с помощью различных средств тестирования скорости и убедитесь, что это не влияет на скорость загрузки вашей страницы. Кроме того, регулярно проверяйте наличие ошибок в Google Search Console после каждой настройки.

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

Еще одна вещь, которую вам нужно проверить на ваших страницах AMP — это взаимосвязь ваших существующих сообщений в блоге во вводной копии ваших сообщений в блоге. Эта практика может помочь пользователям оставаться на вашем веб-сайте дольше, переходя на другие страницы.

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

На этом буду заканчивать — до новых встреч!

А у вас на сайте или блоге реализован Google AMP?
Вам понравилась статья?
плохохорошо (+2 баллов, 1 оценок)
Загрузка...
Обо мне
Юрич:
Занимаюсь созданием сайтов на ВордПресс более 5 лет. Работал в нескольких веб-студиях, да и сейчас работаю. Иногда подрабатываю на фрилансе, как на нашем так и на зарубежном. Везде зарекомендовал себя очень хорошо. Если нужен сайт на вордресс, шаблон для сайта или лендинг - не стесняйтесь - пишите. Рад буду помочь!