Как использовать официальный плагин Google AMP WordPress

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

Когда веб-сайт загружается слишком долго, это может повысить показатель отказов. С другой стороны, когда веб-страница появляется почти мгновенно, пользовательский опыт (UX) улучшается, и ваш трафик может увеличиваться. Вот как работает Google AMP и как использовать его на своем веб-сайте.

Обзор Google AMP

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

Принцип его работы заключается в том, что AMP ускоряет веб-страницы благодаря ограниченному CSS, HTML и JavaScript. По сути, это способ создания сверхлегких веб-страниц, который сокращает время загрузки. В Google AMP Cache хранится контент, а кешированная версия - это то, что Google отправляет пользователям, что позволяет им мгновенно просматривать веб-страницу. Крупные технологические компании, такие как Google, LinkedIn, Reddit и Twitter, поддерживают Google AMP, а AMP доступны для просмотра во всех приложениях, браузерах и веб-программах просмотра.

Плюсы и минусы Google AMP

Хотя большинство веб-сайтов выиграют от Google AMP, у него также есть несколько недостатков. Вот плюсы и минусы Google AMP, которые помогут вам решить, подходит ли вам плагин WordPress AMP.

Плюсы

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

Минусы

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

Плагин WordPress AMP

Плагин Google AMP для WordPress автоматически создает AMP-версии всех ваших сообщений. Затем поисковые системы и приложения и службы, поддерживающие AMP, знают, где искать версию AMP страницы, благодаря «amphtml» в исходном коде. Плагин без проблем работает с WordPress, независимо от того, используете ли вы классический конструктор или Gutenberg.

Плагин не создает отдельную мобильную тему и не направляет мобильные устройства на AMP-версию вашего веб-сайта. Однако, если мобильный посетитель найдет ваш контент на такой платформе, как Google, Pinterest или Twitter, он увидит версию AMP.

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

Особенности плагина WordPress AMP

• Совместимость и проверка: если автоматическое преобразование в AMP невозможно, вы получите подробные ошибки проверки, чтобы можно было найти недопустимую разметку. Вы можете удалить или оставить разметку.
• Поддержка основных тем : AMP совместим со всеми основными темами WordPress. (Он также совместим со многими неосновными темами.)
• Встряхивание дерева CSS: автоматическое удаление неиспользуемого CSS, чтобы получить общий объем в пределах 50 КБ AMP.
• Истории AMP: AMP имеет конструктор историй, который позволяет создавать полноэкранные объявления и впечатления для посетителей.

Источник: AMP

Как настроить и использовать плагин WordPress AMP

1. Установите и активируйте плагин. Загрузите плагин здесь.

2. Перейдите в «Внешний вид» и выберите «AMP». Вы увидите, как выглядит ваш веб-сайт при использовании мобильного устройства, а также сможете просмотреть версию AMP для настольных ПК. Если на главной странице нельзя использовать AMP, вы получите это уведомление:

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

3. Щелкните «Дизайн», чтобы обновить цвет текста заголовка, цвет фона и ссылки заголовка, а также цветовую схему (светлый или темный). Вы также можете выбрать отображение ссылки, позволяющей посетителям выйти из режима чтения.

4. Вы можете перейти по URL-адресу любого сообщения на своем веб-сайте и добавить / amp / в его конец, чтобы увидеть AMP-версию сообщения. Если вы получаете ошибку 404 при попытке увидеть версию AMP, перейдите в «Настройки», затем «Постоянные ссылки» и нажмите «Сохранить изменения» в левом нижнем углу. На самом деле вам не нужно вносить какие-либо изменения, но, нажав кнопку сохранения, ваша структура постоянных ссылок будет обновлена, что может сделать эти страницы AMP отображаемыми для вас.

Выберите режим веб-сайта

Плагин WordPress AMP имеет три режима веб-сайта на выбор, к которым вы можете перейти, перейдя в AMP на левой боковой панели и нажав Общие:

1. Стандарт: AMP - это фреймворк для вашего сайта. Вам не нужны отдельные версии без AMP и AMP.
2. Переходная Каждая страница имеет канонический URL-адрес и URL-адрес AMP.
3. Читатель: каждая страница имеет канонический URL-адрес и URL-адрес AMP. В режиме чтения AMP используется только для отдельных сообщений, страниц и других типов сообщений; два других режима веб-сайта используются на всем веб-сайте.

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

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

Настройте свои AMP с помощью дополнительных плагинов

Поскольку у плагина WordPress AMP не так много вариантов настройки, вы можете использовать другие плагины для дальнейшей персонализации своих страниц. Например, AMP WP поддерживает значки социальных сетей и имеет настраиваемую цветовую схему (среди множества других функций), а в Ads for WP есть расширенная поддержка рекламы для AMP.

Кроме того, если вы в настоящее время используете Yoast SEO, вы можете использовать плагин Glue for Yoast SEO и AMP, чтобы на ваших страницах AMP были правильные метаданные Yoast SEO. После установки и активации плагина вы как обычно установите параметры Yoast SEO. Плагин будет творить чудеса в фоновом режиме.

После того, как вы настроили дополнительные плагины, связанные с AMP, убедитесь, что вы повторно проверяете свои страницы AMP. Это проверит наличие новых ошибок проверки, которых не было раньше.

Последние мысли

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

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

Хотите повысить популярность своего мобильного сайта? Ознакомьтесь с нашим руководством по оптимизации боковой панели на мобильных устройствах с помощью Divi Theme Builder.

Лучшее изображение через Fouaddesigns / shutterstock.com