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

1. Google AMP = сверхбыстрый мобильный просмотр
2. Как работает AMP?
3. Должны ли вы реализовать AMP?
4. Как реализовать AMP на вашем сайте WordPress:
5. 2. Настройте страницы AMP
6. 3. Проверьте, является ли ваша страница действительной страницей AMP
7. Финальные выносы

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

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

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

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

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

Хотите знать, что отличает AMP от других тактик оптимизации скорости?

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

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

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

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

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

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

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

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

Должны ли вы реализовать AMP?

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

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

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

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

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

Обо всем по порядку. Зайдите к вашему администратору WordPress и установить плагин AMP автоматом.

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

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

www.yourdomain.com/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 для вашего сайта WordPress. В связи с этим может потребоваться вручную найти причины ошибок AMP и устранить их.

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

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

Существует несколько способов проверки ваших страниц 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 на регулярной основе после каждой настройки.

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

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

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