Как сделать GeneratePress и AMP полностью совместимыми

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

GeneratePress и AMP совместимы. В этом посте я покажу вам, как сделать GeneratePress на 100% совместимым с AMP.

Accelerated Mobile Pages (AMP) — это проект с открытым исходным кодом, созданный Google совместно с Automattic. Цель состоит в том, чтобы сделать веб-сайты быстрее на мобильных телефонах.

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

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

GeneratePress — самая быстрая тема WordPress, которую я когда-либо видел. Вы можете увидеть мой Обзор GeneratePress. Хорошей новостью является то, что он на 100% совместим с AMP.

Внедрение AMP на ваш сайт/блог

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

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

Официальный плагин AMP

После установки активируйте плагин. Затем нажмите на настройки. Вы увидите три варианта. Стандартный режим, переходный режим или режим чтения. Режим чтения будет работать нормально. Поскольку он не зависит от вашей темы для работы. Но если у вас возникли проблемы с запуском GeneratePress в переходном или стандартном режиме, выполните действия, описанные здесь.

Эти шаги будут работать, даже если вы используете другой плагин AMP.

Как сделать GeneratePress и AMP полностью совместимыми

Выполните следующие действия, чтобы сделать GeneratePress и AMP полностью совместимыми:

1. Загрузите и установите плагин AMP для GeneratePress.

Существует официальный плагин Тома Усборна, разработчика и основателя GeneratePress. Цель плагина — исправить любые проблемы совместимости с AMP.

Плагин еще не доступен в каталоге WordPress. Но Том сказал мне по электронной почте, что скоро сделает его доступным.

А пока вы можете получить плагин с GitHub.

Оказавшись там, нажмите «Клонировать» или «Загрузить». Затем нажмите на скачать zip.

Теперь, чтобы перейти на панель инструментов WordPress, нажмите «Плагины», затем нажмите «Добавить новый». На новой странице нажмите «Загрузить плагин», затем выберите файл, который вы только что скачали, и установите его.

После установки активируйте его. Это все.

2. Переключите AMP в переходный или стандартный режим.

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

Если ваш сайт работает в переходном режиме AMP, он будет работать и в стандартном режиме. Единственная разница между ними — канонический URL.

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

Но в стандартном режиме никаких дополнений не требуется. Ваши канонические URL-адреса: amp.

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

3. Проведите тест AMP.

После перехода на переходный режим или стандартный. Вы увидите много ошибок! Не паникуй!

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

Ошибки AMP GeneratePress
Ошибки AMP GeneratePress

Было 48 индексов ошибок.

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

Я не заметил серьезного предупреждения, связанного с темой.

Основная проблема, которую я заметил, связана с моим подключаемым модулем кэширования Breeze. Это было добавление CSS, которое, кажется, не делает AMP счастливым. Поэтому я деактивировал Breeze и приступил к тестированию.

Вы можете использовать Официальный инструмент Google для тестирования AMP.

Результат показывает, что AMP работает без проблем. Смотри ниже.

Вот тест для моей домашней страницы.

Домашний тест GeneratePress AMP

Затем я протестировал страницу сообщения:

GeneratePress AMP-тест

Из приведенного выше видно, что AMP и GeneratePress полностью совместимы.

Общие проблемы

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

Основными виновниками, вероятно, будут плагины кэширования или оптимизации, которые не совместимы с AMP.

Мфон Абель Экене

Мфон Абель Экене

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

Статей: 50

Получить технические вещи

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

3 комментариев

  1. Спасибо, что поделились этим, потому что совместимость усилителя Generate Press еще не опубликована в каталоге плагинов Wordpress. Я могу сделать свой сайт kasperkamperman.com AMP-устойчивым.

    • Да, его еще нет в каталоге плагинов WordPress. Я спросил Тома Усборна в начале 2020 года, и он сказал, что планирует загрузить в каталог WordPress. Не знаю, почему его еще нет. Вы можете скачать с Github.

Оставьте комментарий

Ваш электронный адрес не будет опубликован.