AMP для WP или ускоренные мобильные страницы

Здравствуйте, уважаемые коллеги! Некоторое время назад, в своем аккаунте Google Search Console заметил такую картину

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

Для WordPress-book.ru я этот вопрос решил с легкостью, очередь за вами.

Что такое AMP?

Технология amp (accelerated mobile pages), в переводе – ускоренные мобильные страницы, позволяет из обычной веб-страницы сделать ее облегченную версию, обеспечивающую в разы более быструю загрузку на мобильных устройствах.

Увеличение скорости загрузки достигается за счет банального уменьшения веса страниц урезанием необязательных читателю элементов сайта, таких как:

• — стили;
• — блоки рекламы;
• — блоки навигации;
• — формы комментариев;
• — и так далее.

Таким образом, страница приобретает чисто информативный вид. Можете сами посмотреть на это чудо, просто добавьте в конец url любой записи этого блога префикс amp.

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

Благодаря еще и этому отличию от конкурентов, точно вырастет CTR страниц в поиске, пусть и ненамного.

Недостатки AMP и можно ли их устранить

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

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

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

3 Отсутствие блока комментариев не столь критично, поскольку посетитель всегда сможет совершить это действие после щелчка по кнопке «Leave a Comment» в самом низу страницы. Почему надпись на кнопке не переведена на русский, не знаю. Может кто подскажет?

4 Нельзя исключать вероятность появления новых amp страниц в качестве дублей. Тут Google застрахован ссылками на канонические страницы.

Для Яндекса же атрибут rel=»canonical» не является авторитетной директивой, поэтому следите за появлением новой категории дублей или сразу добавьте соответствующую директиву в robots.txt.

Я перечислил основные недостатки amp если создавать ускоренные мобильные страницы с максимумом «урезаний». Почти все из них, кому какие будут наиболее критичны, можно исправить плагинами. Их пока немного, но они есть и краткие описания самых достойных, на мой взгляд, я приведу ниже.

Как сделать AMP для сайта WP

Не советую тратить время на изучение руководства Google по внедрению AMP. Для этого есть специально обученные люди, которые преподносят нам готовые решения в виде плагинов.

Ускоренные мобильные страницы при помощи плагина AMP for WordPress

На WordPress-book.ru я установил расширение AMP for WordPress, скачать его можно по адресу — https://ru.wordpress.org/plugins/amp/

Плагин вносит минимально необходимые изменения на сайт. После активации расширения на вашем сайте уже присутствуют amp страницы, останется только подождать их индексации роботом Гугла.

Реклама Google Adsens на amp

Следующим шагом я «пришил» рекламу от Google при помощи плагина Adsense for amp (https://ru.wordpress.org/plugins/setup-adsense-for-amp/).

После установки и активации плагина, в зависимости от желаемого места расположения будущих рекламных объявлений (верхняя или нижняя часть страницы), в его настройках пропишите следующую информацию:

1. ID издателя;
2. ID рекламного блока;
3. Формат рекламного блока (фиксированный или адаптивный).

Ускоренные мобильные страницы при помощи плагина Accelerated Mobile Pages

Еще один плагин с названием Accelerated Mobile Pages (https://ru.wordpress.org/plugins/accelerated-mobile-pages/) и более богатым функционалом, чем предыдущий. С ним на amp страницы можно добавить:

• логотип и изменить его размер;
• Google Analytics и Яндекс Метрику;
• новую цветовую схему, изменить дизайн на один из уже готовых;
• меню сайта;
• рекламные объявления AdSense в четырех местах или блок рекомендуемого контента;
• кнопки социальных сетей;
• ссылки на предыдущую и следующую запись, блок похожих записей;
• блок комментирования;
• ссылку на основную версию сайта и автоматическое перенаправление с мобильной версии на amp.

Более подробно настройки плагина описывать не буду. Если будут вопросы, обращайтесь в комментариях.

Только не перегружайте страницы слишком сильно, иначе они потеряют свое главное достоинство для читателя.

Для большей наглядности посмотрите еще видео по теме.