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

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

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

Ускоренные мобильные страницы (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. Но Том сказал мне в e-mail что он скоро сделает это доступным.

А пока вы можете получить плагин с 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.

Статей: 47

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

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

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

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

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

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

Ваш электронный адрес не будет опубликован. Обязательные поля помечены * *