1. Что такое AMP для WordPress (и как это может помочь вашему сайту)
2. Как настроить AMP в WordPress с помощью 2 плагинов
3. Вариант 1. Использование плагина AMP для WordPress
4. Вариант 2. Установите Плагин AMP для WP - Ускоренные мобильные страницы
5. Как проверить ваш сайт WordPress AMP
6. заключение

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

В этой статье мы объясним, как настроить AMP в WordPress двумя способами:

1. Используя плагин AMP для WordPress ,
2. Через плагин AMP для WP - Ускоренные мобильные страницы ,

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

Что такое AMP для WordPress (и как это может помочь вашему сайту)

Google Accelerated Mobile Pages (AMP) - это библиотека с открытым исходным кодом, которая помогает создавать быстрые, плавные и взорванные версии веб-страниц, которые отлично смотрятся на мобильных устройствах. AMP чрезвычайно прост в использовании, основан на существующие платформы и рамы , Кроме того, он полностью совместим с WordPress.

В двух словах, Google AMP работает, позволяя создавать дубликаты вашего сайта, используя AMP HTML , Этот процесс устраняет большинство элементов, из-за которых ваш сайт загружается медленно (JavaScript, сторонние скрипты и т. Д.). Google затем сокращает еще больше для еще более быстрого времени загрузки. Результат будет выглядеть примерно так:

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

• Улучшение поисковой оптимизации (SEO) . Наиболее очевидное преимущество, которое обеспечивает Google AMP, - увеличение скорости. Поскольку скорость размещения страниц является критическим фактором при позиционировании ваших страниц в Google, это может помочь сделать ваш сайт более заметным. Google AMP также гарантирует, что страницы вашего сайта будут отображаться в карусели новостей Google, которая имеет приоритет в верхней позиции мобильного поиска (что еще больше помогает вашему SEO).
• Улучшенный пользовательский опыт По оценкам, 33% всех потенциальных продаж терпят неудачу, когда веб-сайт не оптимизирован для мобильных устройств. Еще более тревожное исследование показало, что 57% интернет-пользователей заявили, что не будут рекомендовать бизнес с плохо разработанным мобильным веб-сайтом. Google AMP облегчает создание простых в использовании мобильных веб-страниц, чтобы помочь вам избежать этих ловушек.
• Большая производительность сервера. Google AMP использует некоторые из ключевых функций оптимизации Google. Уменьшает использование полосы пропускания для изображений на 50% (без ущерба для качества изображения) и повышает производительность на стороне сервера. Снижая нагрузку на ваш сервер, AMP помогает повысить производительность вашего сайта.

С другой стороны, это возможные недостатки, связанные с использованием Google AMP:

• Ограничения в CSS и JavaScript . Хотя Google AMP позволяет достичь головокружительного времени загрузки, это может происходить за счет фирменных товаров. AMP исключит графику высокой четкости, проработает анимацию и другие яркие элементы, использующие CSS и JavaScript.
• Отображаются только кэшированные страницы. Высокая скорость работы Google AMP отчасти объясняется тем фактом, что он позволяет Google отображать кэшированные версии ваших веб-страниц. По этой причине ваши пользователи не всегда могут иметь доступ к последней версии вашего контента.
• Ограниченные возможности получения дохода от рекламы . Хотя Google AMP поддерживает рекламу Процесс их реализации довольно сложен. Он также имеет ограниченный потенциал интеграции с внешними рекламными площадками.

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

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

Как настроить AMP в WordPress с помощью 2 плагинов

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

Вариант 1. Использование плагина AMP для WordPress

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

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

Затем перейдите на новую вкладку « Внешний вид»> «AMP » на панели. Откроется страница настройщика AMP. Оказавшись там, выберите вкладку Дизайн :

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

Вы также можете настроить, хотите ли вы публиковать записи, страницы или оба в AMP для WordPress. Для этого просто вернитесь на рабочий стол WordPress и перейдите к AMP> General :

Оказавшись там, установите флажки ниже « Совместимость с типами контента» для параметров, которые вы хотите включить в свой WordPress AMP, и нажмите « Сохранить изменения» .

Вы, вероятно, заметите, что здесь не так много вариантов настройки. К счастью, есть несколько плагинов, которые вы можете использовать для расширения своих возможностей. Например, вы можете использовать Клей для Yoast SEO & AMP интегрировать популярный плагин Yoast SEO с вашей конфигурацией AMP.

Перейдите в Плагины> Добавить новый , затем найдите, установите и активируйте плагин Yoast SEO:

После этого проделайте то же самое с плагином Glue for Yoast SEO & AMP. Затем перейдите к SEO> AMP на вашем рабочем столе. Оттуда вы можете выбрать, хотите ли вы, чтобы публикации и типы носителей были совместимы с AMP:

Затем нажмите кнопку Сохранить изменения . Вы также можете настроить дополнительные параметры на вкладке « Дизайн ». Там вы можете установить значок для вашего сайта WordPress AMP, настроить цветовую схему и даже добавить собственный CSS:

Еще раз, не забудьте сохранить изменения, когда вы закончите настройку своего сайта.

AMP для WordPress - отличный плагин, если вы хотите добавить основные функции AMP на свой сайт. Однако, если вы хотите больше контролировать внешний вид вашего сайта WordPress с помощью AMP (и еще больше расширять его функциональность), наш следующий плагин WordPress от Accelerated Mobile Pages может лучше адаптироваться к вашим потребностям.

Вариант 2. Установите Плагин AMP для WP - Ускоренные мобильные страницы

В дополнение к предоставлению элегантного и дружественного интерфейса для начинающих, чтобы настроить свои страницы, этот плагин для WordPress AMP Он может быть интегрирован со многими дополнительными инструментами. К ним относятся WooCommerce (ведущий плагин электронной коммерции для WordPress), Метрика Алекса , уведомления с помощью кнопок OneSignal и многое другое.

Чтобы использовать этот плагин AMP для WordPress, сначала перейдите в Плагины> Добавить новые на рабочий стол. Найдите « AMP for WP », установите и загрузите плагин:

Затем перейдите на новую вкладку AMP на вашей плате WordPress. Вы увидите раскрывающееся меню с разделами « Настройки» , « Дизайн» , « Расширения» и т. Д. Давайте подробнее рассмотрим параметр « Настройки» :

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

• SEO : включает в себя настройку мета-описания, интеграцию с плагинами SEO и т. Д.
• Производительность : существует уникальная конфигурация для включения и отключения майнинга файлов. Минификация может еще больше повысить скорость вашего сайта.
• Аналитика : здесь вы можете настроить интеграцию с Google Tag Manager , а также аналитические варианты.
• Комментарии : Это позволяет вам настроить, если вы хотите включить комментарии WordPress, Disqus и / или Facebook в вашем AMP для WordPress.
• Дополнительные параметры : вы можете ввести пользовательский HTML-код для верхних и нижних колонтитулов, настроить перенаправление мобильных устройств и активировать или деактивировать сетчатки изображения ,

Обязательно нажмите Сохранить изменения для каждой из предыдущих конфигураций, как только вы их настроили. После этого выберите вкладку « Дизайн »:

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

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

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

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

Также можно купить темы AMP Premium. Вы можете увидеть их, зайдя в « Дизайн»> «Темы» на рабочем столе. Существуют варианты, специально предназначенные для определенных типов сайтов, таких как новостные сайты, журналы и т. Д. Кроме того, есть несколько замечательных многоцелевых тем:

Если вы хотите насладиться еще более продвинутыми функциями, есть несколько Про планы доступно для этого плагина. Они варьируются от личного плана (для одного сайта от 149 долларов США в год) до плана агентства (для неограниченных сайтов за 499 долларов США в год).

Как проверить ваш сайт WordPress AMP

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

Быстрый и простой способ выполнить проверку AMP предполагает использование инструментов разработки вашего браузера. Для этого вам необходимо открыть страницу AMP в выбранном вами браузере (в этом примере мы будем использовать Google Chrome). Затем вы должны добавить следующее в конец URL страницы:

# development = 1

Как только это будет сделано, откройте консоль инструментов разработчика браузера. Для Google Chrome это Chrome DevTools консоль , Если есть ошибки, они будут выделены красным, вместе с анализом того, что вызвало ошибку.

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

Другим эффективным методом проверки AMP является использование расширения AMP Validator для Google Chrome и опера :

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

заключение

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

У вас есть вопросы о том, как настроить плагин AMP для WordPress? Расскажите нам в разделе комментариев!

Похожие

Комментарии