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

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

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

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