Accelerated Mobile Pages обзор плагина AMP

Опубликовано: 01.09.2018

Знакомимся с плагином AMP. Как многим известно, Google решила обновить старые начинания. И внедрила в ранжирование знакомую технологию «Accelerated Mobile Pages». Ранее эта технология использовалась при низком качестве интернета.

Технология относиться к оптимизации мобильных страниц. Это удобно для пользователя, а вот для Вебмастера не совсем. Как решить проблему AMP, мы узнаем из этой статьи. В которой рассмотрим оптимальное решение для оптимизации сайта под мобильные устройства. Исходя из этого, я соответственно расскажу о неплохом плагине AMP — Accelerated Mobile Pages.

Как настроить AMP

Содержание статьи:

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

Как выглядит этот процесс — робот Google сканирует Ваш сайт, видит AMP страницу, проверяет ее на соответствие (да, да она еще должна соответствовать). Затем закачивает эту страницу на сервера Google. При последующей выдаче в любой точке мира, страница будет загружаться в доли секунды. Но уже не с вашего сервера, а с сервера Google. Это настоящее!

О будущем Accelerated Mobile Pages!По слухам в ближайший год, может быть два, Google собирается внедрить свою технологию в обязательном порядке. Соответственно отсутствие таких страниц у сайтов, очень сильно скажутся на их обладателях. Так как по решению Google (поясню это только слухи) — те ресурсы у которых не будет такой версии сайта.Будут полностью исключены из поисковой выдачи для мобильных устройств. Конечно будем надеяться, что это не так. Ну а теперь поговорим о самом плагине.

Accelerated Mobile Pages

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

Установка производится так же как и у остальных плагинов на WordPress. Но с дополнительной потребностью в дополнении AMP. Обуславливается это тем, что ему нужна основа. Как выглядит описание плагтна в поиске, смотрите ниже:

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

Затем после установки, AMP необходимо грамотно настроить. Для этого вам нужно обратить свое внимание, в левое меню админ панели WordPress. В самом низу этого меню, появится вкладка AMP. Нажмите на нее для перехода в основное окно с настройками. Смотрите изображение ниже:

Настройки плагина

Так выглядит основное окно с настройками AMP.

Теперь я расскажу об основных опциях этого меню:

1. Генеральные — отвечают за размещение логотипа и определение его размеров. Также имеет функции применения AMP к страницам сайта.

2. Домашняя страница — включение AMP на домашней странице сайта. Либо использование титульного листа (статическую главную страницу). Кроме этого позволяет добавить ссылку на основной сайт в заголовке. Используя при этом логотип, как переход на основную версию сайта.

3. Page Builder — этот параметр мне мало понятен, но при включении он добавляет возможность создавать целевые AMP страницы. Я тестировал некоторое время возможности Page Builder. У меня при этом возникаю критические ошибки на страницах. На момент написания этой статьи, AMP страниц в поиске 36 из них убраны 5 страниц с критическими ошибками. В результате проверки выявляются дубли описаний. На данный момент я отключил этот параметр, посмотрим как это отразится на критических ошибках AMP страниц в будущем.

4. Дизайн — настройка дизайна.

5. Single — это отображение ссылок и общий вид статей.

Вторичные настройки AMP

6. Реклама — здесь можно выбрать места отображения рекламных объявлений. Коды вам необходимо взять из ADSense. Вам нужны значения: 111- и Слот AD данных.

7. Меню — параметры отображения вашего меню.

8. Социальная — задает отображение социальных иконок, к примеру в футере.

9. Seo — оптимизация под критерии seo. Задает параметры запрета индексирования и описание к AMP страницам.

10. Аналитика — позволяет внедрить Google Analytics для мобильных данных.

11. Структурированные данные — внедрение структурированных данных на страницы AMP. Установка изображения по умолчанию, для всех страниц структуры. Обычно в роли изображения можно использовать логотип.

12. Форма обратной связи — вставляет контактную форму на нужную страницу.

13. Уведомления — мне эта опция не понятна вообще. При включении просит прописать куки для сайта. Я честно не понял зачем она нужна. Если кто-нибудь знает, напишите в комментариях. Я обязательно поправлю статью.

14. Комментарии — настройки комментариев к страницам.

15. Панель перевода — здесь вы спокойно можете, перевести AMP версию на русский язык.Если такой возможности нет, то я дам Вам изображения с переводами. Только в конце статьи.

16. Настройки Advance — отвечают за архивы и ссылки. К примеру размещение ссылки на основную версию сайта в футере.

17. Расширения — платный функционал плагина.

18. Далее следуют больше платные функции, такие как фиксирование ошибок и сообщить об ошибке. Ну и хорошая опция импорта и экспорта настроек. Почему хорошая узнаем дальше.

Волшебство настройки AMP

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

Зайдите в общие настройки AMP. После нажмите на вкладку импорт/экспорт. Смотрите изображение ниже.

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

После применения этого кода, необходимо править минимум настроек:

Логотип Аналитику Рекламу Социальную составляющую После можете удалить не нужную ссылку в футере, через параметр «Дизайн» Затем выполните перевод структуры

Перевод плагина

Я обещал по завершению основной части статьи, разместить соответствующие изображения с переводом плагина. Здесь уж извините, но придется поработать ручками.

После завершения перевода, обязательно сохраните изменения.

Заключение

Как видите ничего сложного в настройке плагина Accelerated Mobile Pages нет. Но вот только теперь, у вас есть отличное решение оптимизированных страниц сайта. А точнее целая AMP версия сайта. Согласитесь что это круто. Скажу честно, прежде чем наткнуться на это решение я перепробовал множество вариантов различных плагинов. Но этот лучший в своем роде. И на данный момент, меня полностью устраивает его работа. Дополню последние слова советом!

При пробных работах с такими плагинами Вам необходимо учесть следующее. Результаты обновляются в Google спустя недели. И это очень сильно тормозит процесс проверки результативности. Это я вам по своему личному опыту говорю.

На этой фразе статья завершена! Спасибо что проявляете терпение, ведь объем моих статей достаточно большой. Желаю вам успехов в работе с этим плагином. Пишите комментарии и делитесь статьей. На мой взгляд она очень полезна.

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

Спасибо, что читаешь Nicola Top