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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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