Хотели бы вы настроить 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» можно задать цвета и другие настройки внешнего вида. Также можно загрузить логотип и дефолтную картинку для шапки, которая будет применяться, если в записи не установлена миниатюра.
Можно переключиться на вкладку Analytics для добавления своего Google Analytics ID.
Не забудьте сохранить настройки.
Существует множество плагинов, которые позволят вам добавить похожие записи, виджеты в футер и даже иконки соц.сетей на свои AMP страницы.
Однако, потребуется убедиться в валидности своих AMP страниц после установки таких аддонов.
Мы надеемся, что эта статья помогла вам научиться настраивать Ускоренные мобильные страницы (AMP) в WordPress.
По всем вопросам и отзывам просьба писать в комментарии ниже.
Не забывайте, по возможности, оценивать понравившиеся записи количеством звездочек на ваше усмотрение.