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

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

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

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

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

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

Рекомендую почитать все способы как увеличить скорость загрузки в Google Page Speed своими руками.

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 страницы из мобильной версии по умолчанию. Это дает огромный прирост в скорости вашей мобильной версии сайта, если конечно,  у вас там в мобильной версии нет каких-то особых скриптов.
  • если есть лишняя копеечка, то закажите услугу CDN сервера вот тут (скидка 20% по промокоду "moytop"). Это даст весьма стабильную и быструю работу сайта.

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

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

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



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

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

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

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

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

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

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

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

Закрыть