Блог по продвижению сайтов Блог по SEO

Блог Сергея Арсентьева

Создание и продвижение сайтов с нуля.
Только реальные способы заработка в сети.
Проверено на личном опыте.

Google AMP страницы или ускорение мобильного сайта в десятки раз.

Для успешного SEO необходимо внедрение так называемых AMP страниц (Accelerated Mobile Pages). Я думаю, что все знают, что это формат Google для создания ускоренных страниц на сайтах. Такие страницы открываются в десятки раз быстрее при переходе на сайт из поиска гугл в мобильном режиме.

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

google amp

Кому необходимы AMP страницы?

Всем, кому важно СЕО продвижение.

Как выглядят AMP страницы?

Очень аскетично, там ничего лишнего, только тексты, минимальное оформление и картинки. JS, PHP и тому подобный код автоматически вырезается.

В результате на странице остается в основном только текст:

пример ускоренной google amp страницы

 

Когда кто-то ищет в Google информацию с мобильного устройства, то ускоренные AMP страницы отмечаются иконкой с молнией и/или рядом с URL страницы написано "amp".

пример google amp страницы в поиске мобильном

Чтобы проверить AMP страницу на корректность кода я пользуюсь официальным инструментом от Google https://search.google.com/test/amp?hl=ru

И как мне создать ускоренные страницы?

Если вы сами не программист - то без специальных плагинов никак не обойтись.

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

Сейчас я расскажу как я настроил АМП страницы в Вордпресс и Опенкарт.

Google AMP страницы в WordPress

Вордпресс - CMS №1 в мире, так что под нее существуют и платные, и бесплатные плагины. Причем довольно много, но основных всего два:

AMP для WP — Ускоренные мобильные страницы (ссылка)

Это бесплатный плагин, и это круто :yes:
У него отличный функционал, админка имеет много возможностей и позволяет настроить плагин как угодно.

Я сначала поставил именно его и потестировал, но увы, радость длилась недолго: на всех моих проектах он так и не заработал. Возможно, это связано с тем, что там был уникальный дизайн, нестандартная верстка и возможно, эти отступы от стандартов не позволили этому бесплатному плагину нормально заработать.

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

Ну а если всё-таки не заработает, то рекомендую:

WP AMP — Accelerated Mobile Pages for WordPress and WooCommerce (ссылка)

Это платный плагин, он делает ускоренные AMP страницы не только для обычных статей, записей и таксономий, но и для Woocommerce (это плагин магазина и каталога товаров).

Это единственный плагин из нескольких протестированных мной, который смог создать AMP страницы, которые прошли проверку в Google.

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

В результате страницы блога становятся доступными в AMP режиме если добавить к url «amp», например https://moytop.com/amp

проверка amp страниц успешно

Огромное преимущество этого плагина в том, что есть галочка «Перенаправлять мобильных пользователей на AMP по умолчанию».

Если вы отчаялись получить в Google Page Speed высокий рейтинг, то эта галочка для вас. Так как теперь мобильная версия вашего сайта будет формироваться не шаблоном WordPress (который выше 20-30 баллов обычно не выдает), а чистым и быстрым кодом AMP.

Два примера ускорения мобильного сайта с AMP

Первый пример - мой готовый сайт визитка на WordPress.
В нем нестандартный дизайн и верстка, изначально скорость в мобильной версии было 48 баллов из 100.

без AMP ускоренной страницы в качестве основной

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

после установки ускоренных AMP страниц

Теперь в моем сайте визитке я предустанавливаю Google AMP по умолчанию. Так что если при его заказе вы уже экономите 49$ только на плагине, да еще на его настройке :smile:

Второй пример - клиента, которого я продвигал.
Там компания использовала обычный покупной шаблон (где я рекомендую покупать шаблоны).
В нем скорость загрузки на внутренних страницах была всего 1-6 баллов из 100.

до установки амп ускоренных страниц

После установки AMP плагина сразу же сайт вышел на 50 баллов.

после установки ускоренных амп страниц в гугл

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

Так что использование AMP в качестве мобильной версии по умолчанию легко поднимает Page Speed почти на 50 баллов в мобильном режиме без всяких дополнительных работ по сайту. Я проверял его работу на нескольких сайтах Вордпресс, в том числе не своем блоге - он везде заметно увеличивал показатель Пейдж Спид в мобильном режиме. И увеличивал значительно :cool:

Естественно, страница потом без проблем проходит верификацию в проверке опимизации для мобильных устройств.

проверка AMP страницы на оптимизацию мобильной версии

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

Видео по установке и настройке AMP для Вордпресс

Важные нюансы плагина ускоренных страниц WP AMP:

  • Плагин не имеет как таковой привязки к домену, однако лицензионный код там есть, он вводится на одном домене, после чего плагин на нем обновляется. Ну а на остальных можно просто вручную копировать плагин в папку /plugins  - читайте как установить плагин WordPress.
  • Если вы редактируете CSS, то нельзя использовать внутри плагина во вкладке Extra CSS никаких значений «!important» - гарантированно будут ошибки валидации в Google.
  • Не включайте в плагине отображение комментариев (достаточно только ссылки на сами комменты на основной странице). У меня в одной статье было около 400 комментов и страница AMP не успевала загружаться, выдавалась Ошибка сервера (5xx).

Если вы всё сделали корректно, то в панели вебмастера Гугл у вас в разделе AMP страницы появятся зеленые палочки :smile:

google amp в wordpress

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

Google AMP страницы в Opencart

Для Opencart я использовал модуль «Товары в Google AMP Opencart 2.x» - ссылка.

Устанавливается по инструкции.
И формируется страница с «amp» в середине, типа такого https://belmotors.by/amp/dvigatel-bu-dlya-avto/dizelnye-dvigateli/dvigatel-dizelnyj-bu-dlya-audi-a3-19-tdi--2001-g

Видите, amp тут в середине линка присутствует, а не в конце.
Но всё равно это работает.

google amp в opencart

Основной недостаток модуля - он работает только для товаров, на категории не распространяется.

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

Выводы и итоги

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

Аналогичные ускоренные страницы нужно делать и в Яндексе (турбостраницы).

Автор блога
“Измени свои привычки, и изменится твоя жизнь..”
Специалист по созданию и продвижению сайтов (SEO и реклама), фрилансер с многолетним опытом.
Статистика блога
  • Всего материалов на сайте: 191
  • Активных комментариев: 2 869
  • Работает онлайн: 6 лет
  • Читателей за это время: 1 548 731

Давай, оцени статью!



🎁   Поделитесь статьей в социальных сетях   🎁
Комментарии на блоге
Комментариев | (2)
  • Буса
    Буса

    С этими амп страницами похоже не показываются реклама гугл адсенс??,, если это так то это же ахтунг,, и чиво делать то.

    Комментировать
    • Сергей Арсентьев

      В плагине можно добавить любой рекламный код и показывать рекламу в AMP страницах.

      Комментировать
Добавить свой комментарий
Подробнее в Полезные программы
Первое что нужно сделать для SEO сайта после его создания или как сделать русские слова английскими буквами в ЧПУ ссылках

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

100% правильное добавление сайта в каталоги

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

Закрыть