Что такое AMP-страницы для WordPress и как их использовать

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

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

Чтобы решить эти проблемы, Google создал технологию ускоренных мобильных страниц (AMP). Страницы AMP не работают на Ускорьте загрузку вашего сайта Это не только поможет вам обеспечить привлекательный дизайн, захватывающие мобильные возможности и повысить средний рейтинг кликов (CTR).

В этом руководстве мы объясним, почему страницы Google AMP являются предпочтительным форматом Google для мобильных страниц и как вы можете реализовать AMP для WordPress.

Что такое AMP-страницы для WordPress и как их использовать - WordPress Pro

Что такое AMP-страницы в Google?

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

Что такое AMP-страницы для WordPress и как их использовать - WordPress Pro

Многие крупные компании, включая WordPress, Pinterest, Washington Post и Reddit, полагались на страницы AMP и видели Увеличение количества уникальных посетителей в месяц.

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

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

Более того, страницы AMP можно обслуживать непосредственно из кеша AMP Google. По возможности Google выберет для отображения кешированную версию страницы, которая обеспечивает самую быструю загрузку. И когда кеш не может быть отображен (из-за несовместимости функций или по другим техническим причинам), страница будет загружена в формате AMP из вашего веб-браузера. И хотя это не так быстро, как рендеринг из кеша, он все же быстрее обычных страниц без AMP.

Вам нужны AMP-страницы на сайте WordPress?

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

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

Что такое AMP-страницы для WordPress и как их использовать - WordPress Pro

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

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

Кроме того, если ваши страницы без AMP могут загружаться в течение 2.5 секунд или меньше, вам, вероятно, не нужно устанавливать AMP.

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

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

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

Что такое AMP-страницы для WordPress и как их использовать - WordPress Pro

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

Перед публикацией вы можете вставлять изображения, изменять макет, оптимизировать страницу для SEO, а также предварительно просматривать и дорабатывать страницы, используя инструкции, представленные на боковой панели.

Если хотите, можете попробовать AMP на странице усилитель dev главную страницу, прежде чем вы опробуете его на своем сайте WordPress.

Как установить Google AMP на WordPress

Ручная настройка и установка страниц Google AMP на вашем сайте WordPress - сложный процесс. Однако вы можете использовать плагины, подобные официальному. AMP для WordPress или же AMP для WP или же AMPWP Чтобы упростить процесс.

В этом руководстве мы покажем вам, как настроить и установить AMP на сайте WordPress с помощью официального плагина AMP для WordPress.

Как использовать плагин WordPress AMP для установки AMP

Для начала установите и активируйте плагин WordPress AMP на своем сайте WordPress. Перейдите в панель управления WordPress и выберите Дополнительно -> Добавить новый.

Что такое AMP-страницы для WordPress и как их использовать - WordPress Pro

Введите AMP в поле поиска и выберите УСТАНОВИТЬ СЕЙЧАС Установить расширение.

Что такое AMP-страницы для WordPress и как их использовать - WordPress Pro
Заметка: Если вы используете WordPress.com Вы должны перейти на бизнес-план, чтобы установить любые надстройки.

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

Что такое AMP-страницы для WordPress и как их использовать - WordPress Pro

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

Что такое AMP-страницы для WordPress и как их использовать - WordPress Pro

Выберите кнопкуТранслироватьПосле того, как вы закончите настройку параметров. Ваш веб-сайт не будет виден посетителям или обнаружен Google, но вы можете выбрать, отображать ли страницы, статьи или и то, и другое в AMP. Для этого перейдите в AMP -> Настройки -> Расширенные настройки и снимите флажок в разделе Поддерживаемые шаблоны, чтобы увидеть дополнительные параметры.

Что такое AMP-страницы для WordPress и как их использовать - WordPress Pro

Выберите нужные параметры, а затем выберите Сохранение изменений.

Что такое AMP-страницы для WordPress и как их использовать - WordPress Pro

Вы также можете интегрировать Yoast SEO в свою настройку AMP, перейдя в Дополнительно -> Добавить новый Затем найдите Yoast SEO & AMP.

Выберите «Установить сейчас» и активируйте расширение. После активации перейдите в SEO и выберите AMP, чтобы получить дополнительные параметры настройки для вашей страницы, затем выберите Сохранение изменений. (После версии 14.5 Yoast SEO вам не нужно устанавливать Yoast SEO и AMP отдельно, поскольку они интегрированы в родительский плагин).

Перед публикацией просмотрите свои AMP-страницы, добавив amp В конец любой ссылки на статью или URL страницы. Например, вы можете перейти к https://yourwebsite.com/blog-post-title/amp/

Что такое AMP-страницы для WordPress и как их использовать - WordPress Pro

Как проверить AMP для WordPress

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

Вы можете проверить WordPress AMP вручную или с помощью Инструмент тестирования Google AMP.

Как вручную проверить AMP для WordPress

Для этого откройте страницу AMP, затем добавьте #development = 1 В конец URL-адреса проверяемой веб-страницы.

Что такое AMP-страницы для WordPress и как их использовать - WordPress Pro

Перейдите в предпочтительный браузер и откройте Консоль инструментов разработчика. Если вы используете Firefox, выберите Меню -> Веб-разработчик -> Веб-консоль. Если на странице AMP есть ошибки, они будут выделены красным.

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

Как проверить AMP для WordPress с помощью Google AMP Test Tool

открыть страницу Инструмент тестирования Google AMP , введите URL-адрес вашего веб-сайта, статьи или страницы, затем выберите URL-тест. Вы также можете вставить код сайта и выбрать URL-тест.

Что такое AMP-страницы для WordPress и как их использовать - WordPress Pro

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

Что такое AMP-страницы для WordPress и как их использовать - WordPress Pro

С помощью Google AMP Test Tool вы можете выявить ошибки AMP и увидеть проблемный код на своем веб-сайте. Вы также можете нажать кнопку «Поделиться», чтобы поделиться результатами анализа с коллегами.

Вы также можете использовать инструмент Валидатор Google AMP Чтобы проверить правильность кода, или используйте Расширение Chrome AMP , который также проверяет правильность страниц и отображает все предупреждения или ошибки.

Добавить страницы AMP на сайт WordPress

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

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

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

Источник
Перейти к верхней кнопке