Как правильно настроить Google AMP для своего сайта на WordPress

Опубликовано: ADv Дата 20.09.2017 в рубрике Настройки Комментировать

Хотели бы вы настроить Google AMP на своем WordPress сайте? Accelerated mobile pages или AMP — это способ сделать так, чтобы ваш сайт загружался быстрее на мобильных устройствах. Ускоренная загрузка страниц привлечет больше пользователей и трафика. В этой статье мы покажем вам как настроить Google AMP в WordPress.

Что такое Google AMP?

Google AMP означает Accelerated Mobile Pages (ускоренные мобильные страницы). Это инициатива от компаний Google и Twitter с открытым исходным кодом. Целью проекта является ускорить загрузку веб контента для пользователей мобильных устройств.

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

Accelerated Mobile Pages или AMP использует «голый» HTML и ограниченный Javascript. Технология позволяет контенту располагаться на Google AMP Cache. Google же выдает такую кешированную версию пользователям практически моментально после нажатия на ссылку в результатах поиска.

Это очень похоже на Facebook Instant Articles, однако Instant Articles ограничены только платформой Facebook, а точнее их мобильным приложением.

Accelerated Mobile Pages не привязан к платформе и может использоваться любым приложением, браузером и т.п. Сейчас он используется Google, Twitter, LinkedIn, Reddit и другими.

Настраиваем Accelerated Mobile Pages или AMP в WordPress

Первым делом вам необходимо установить и активировать плагин AMP plugin.

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

Здесь вы можете изменить фон шапки и цвет текста. Цвет фона шапки также будет применяться к ссылкам.

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

Не забудьте сохранить проделанные изменения.

Теперь можно перейти на любую отдельную запись на сайте и добавить в конец ссылки /amp/. Вот так:

http://example.com/2016/10/my-blog-post/amp/

Вы увидите обрезанную версию AMP для той же записи.

Если вы посмотрите исходный код оригинальной статьи, то заметите там такую строку в HTML:

<link rel="amphtml" href="http://example.com/2016/10/my-blog-post/amp/" />

Эта строка сообщает поисковым системам и другим сервисам, касающихся AMP, о том, где искать AMP версию страницы.

Решение проблем:

Если вы видите ошибку 404 при попытке просмотреть amp версию, то вот что нужно сделать.

Переходим на страницу Настройки » Постоянные ссылки в админке WordPress и нажимаем на кнопку «Сохранить изменения». НЕ меняйте ничего, просто сохраните настройки. Это действие обновит структуру постоянных ссылок на сайте.

Смотрим Accelerated Mobile Pages в Google Search Console

Хотите посмотреть, как выглядят ваши Accelerated Mobile Pages в поиске Google? Это легко можно сделать с помощью Google Search Console.

Входим в панель управления Google Search Console и нажимаем на Вид в поиске » Ускоренные мобильные страницы (AMP).

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

Расширяем и настраиваем свои Ускоренные мобильные страницы

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

Если вы уже используете Yoast SEO, тогда установите и активируте Glue for Yoast SEO & AMP.

Это аддон для Yoast SEO и AMP. После активации переходим на страницу SEO » AMP для настройки.

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

На вкладке «Design» можно задать цвета и другие настройки внешнего вида. Также можно загрузить логотип и дефолтную картинку для шапки, которая будет применяться, если в записи не установлена миниатюра.