Ускоренные мобильные страницы AMP плагин WordPress. Amp для wordpress

Ускоренные мобильные страницы AMP плагин WordPress — ТОП

Привет ! Мы продолжаем разбирать самые интересные и самые полезные плагины WordPress ! Сегодня вы узнаете как включить поддержку ускоренных мобильных страниц AMP на вашем сайте WordPress. Ускоренные мобильные страницы — обеспечивают быструю загрузку и удобство просмотра сайтов на мобильных устройствах даже при низкой скорости подключения к интернету.

Установить плагин AMP вы сможете прямо из админ-панели WordPress. Перейдите на страницу: Плагины — Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

AMP плагин WordPress

Далее, после установки и активации плагина, перейдите на страницу: Внешний вид — AMP. Откройте вкладку «Design». Здесь вы сможете настроить внешний вид ускоренных мобильных страниц AMP.

— Header Text Color, можно выбрать цвет текста для заголовка.

— Header Background & Link Color, можно выбрать цвет фона заголовка и цвет ссылок.

— Color Scheme, можно выбрать цветовую схему, светлую или белую.

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

Wordpress AMP настройка

Всё готово ! Вот такой простой плагин, минимум настроек. В мобильном поиске будут автоматически отображаться ваши ускоренные мобильные страницы AMP.

Внимание ! Данный плагин рекомендуется устанавливать в связке с плагином — AMP for WP — Accelerated Mobile Pages.

Остались вопросы ? Напиши комментарий ! Удачи !

info-effect.ru

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

Подробное руководство с обзором и описанием Accelerated Mobile Pages. Знакомимся с плагином 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 Accelerated Mobile Pages. После установки, вам потребуется установить дополнительный плагин AMP. Рассмотрите изображение ниже. Установка не сложна и нет необходимости в дополнительной настройке, просто следуйте инструкции.

Изображение иллюстрирует сообщение с указанием на установку дополнения AMP.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Подробное описание импорта файла с настройками для плагина AMP.

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

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

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

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

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

Изображение иллюстрирует перевод плагина AMP Accelerated Mobile Pages на русский язык с примерами.

Вторая страница с иллюстрацией перевода плагина.

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

AMP-Accelerated-Mobile-Pages-Изображение иллюстрирует детальный перевод плагина AMP на русский язык.

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

Заключение

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

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

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

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

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

nicola.top

AMP от Google для WordPress

В конце прошлого года компания Google презентовала проект «Accelerated Mobile Pages», в народе получивший название «ускоритель интернета». Технология AMP позволяет предоставлять пользователям автоматически сгенерированные специальные версии страниц вашего сайта, адаптированные для быстрой загрузки значимого контента при по-настоящему низкой скорости интернет-соединения на мобильных устройствах.

По своей сути AMP — JavaScript-библиотека, которая создаёт мобильную версию веб-страницы по канонам и собственным наработкам поискового гиганта.

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

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

На днях корпорация Automattic (один из разработчиков плюшек для CMS WordPress и владелец блогохостинга WP.com) заявила о внедрении нативной поддержки технологии AMP блогами на WordPress.com, а также о выходе официального плагина AMP для установленных на отдельном хостинге (т. н. «standalone») блогов на WordPress.

Некоторое время назад я уже пробовал ставить неофициальный плагин, и результат меня категорически не устроил — AMP-версии страниц автоматически показывались в мобильном браузере всегда, независимо от скорости интернета. Да и сами страницы были, мягко говоря, корявыми.

Официальный плагин понравился больше, да и работает он, похоже, правильнее выбирая момент своего проявления — во всяком случае, он не загружает AMP-версию блогпоста при нормальном WiFi-сигнале. Посмотреть, как выглядят AMP-страницы моего блога можно, добавив к адресу любой записи /amp/, например: https://budaev.org/skylight/amp/.

Скриншоты AMP-версий двух последних записей моего блога, открытых в браузере Google Chrome для Android.

Очевидные недоработки текущей версии плагина AMP для WordPress: не работает на главной и на «страницах» блога, на сгенерированных AMP-страницах отсутствует пользовательское меню, нет картинки в заголовке, нет рекламных блоков Google AdSense, нет блока комментирования и добавленных комментариев (или хотя бы ссылки на них или на полную версию страницы), ну и, если совсем придираться, весь текст отформатирован по левому краю. Тем не менее, AMP-страницы хорошо выглядят, легко читаются, очень быстро загружаются.

По недоработкам: вполне возможно, отсутствие AMP для главной и страниц блога обусловлено установленными SEO-плагинами и HTTPS-переадресацией. Посмотрю на другом блоге. Что касается рекламы, на форуме техподдержки плагина один из разработчиков заявил о работе над внедрением умолчальной поддержки рекламных блоков AdSense. Тем, кто пользуется другими системами контекстной рекламы, возможно, стоит задать разработчикам вопрос или поискать какие-то костыли.

В «Консоли веб-мастеров Google» появился раздел «Быстро загружающиеся страницы для мобильных устройств», где можно полюбопытствовать, насколько успешно по мнению Гугла работает AMP на ваших сайтах. В моём блоге плагин работает не больше часа, поэтому сообщений об ошибках пока нет, но они там явно появятся. Если будет что-то серьёзное, да ещё и с решением, обновлю пост.

Технология годная, нужная, перспективная. Google продолжает двигать индустрию в верном направлении. Уже сейчас можно сказать: «минималистичная и быстрая мобильная версия сайта — что может быть проще»?

Поделитесь ссылкой:

Плагины WordPress AMP — Accelerated Mobile Pages

С Accelerated Mobile Pages, Google обещает практически мгновенную загрузку контентных страниц благодаря их оптимизации, особенной разметке и практически полному отказу от JavaScript скриптов.

На данный момент существует много дискуссий и споров на тему WordPress AMP, особенно в группе Advanced WordPress Facebook.

Смотрите также:

Некоторые из вопросов связанны с ошибками в существующих плагинах, другие возникают из-за того, что просто нет понимания, что именно должны делать AMP WordPress плагины. Сегодня мы попытаемся разобраться в некоторых их них:

“Мы заканчиваем работать над WordPress шаблоном и находимся в процессе его адаптации для мобильных устройств. Теперь, когда Google выпустила AMP для WordPress, мы можем просто установить плагин AMP, а не продолжать возиться с кодом? "
"Accelerated Mobile Pages является явным победителем, потому что создает AMP версию домашней и других стандартных страниц, а также постов. В то время как AMP от Automattic создает AMP-версию только для постов."

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

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

Если у вас есть CPT (Custom Post Type), который выполняет те же задачи, что новостная статья или статья блога, то также можно прибегнуть к помощи AMP.

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

Естественно, при работе с этим форматом возникают и некоторые проблемы.

Более детально ознакомиться с возможными трудностями и недостатками AMP можно в этой статье от Yoast, но если вкратце:

AMP устанавливает ограничения на то, что вы можете предлагать своим читателям через Интернет
AMP приносит пользу нескольким крупным компаниям
Поддерживается только 5 рекламных платформ, 2 из них принадлежат Google
Не вся аналитика будет работать с AMP

Но несмотря на это все, Google упорно продвигает Accelerated Mobile Pages и делает ударение на том, что отсутствие или присутствие AMP версий ваших статей влияет на результаты поиска для мобильных устройств.

Плагины WordPress AMP

Когда дело доходит до выбора WordPress плагинов AMP, есть четыре основных аспекта, которые мы должны учитывать:

Фактическая/amp версия вашего поста
Интеграция с плагином SEO, чтобы к AMP страницами прикреплялись соответствующие метаданные
Интеграция с Google Analytics или другим инструментом для сбора аналитики, чтобы можно было отслеживать трафик AMP версий
Плагин для показа AMP рекламы, если вы издатель

Это очень неплохой вариант от компании Automattic, который поможет добавить поддержку AMP на ваш сайт.

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

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

2. WP AMP от TeamDev

Пожалуй, лучшее решение для создания AMP на WordPress. Позволяет настроить из админки практически всё: внешний вид, положение блоков на странице, добавить рекламные блоки, код Google аналитики и т.д. Плагин также поддерживает магазины на WooCommerce.

Общие настройки:

На главной странице настроек вы можете установить коды отслеживания Google Analytics и Facebook Pixel, настроить доступность AMP для разных типов контента и архивов, а также включить или выключить редирект мобильных пользователей на AMP-версию сайта.

Настройки отображения хедера:

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

Эта страница настроек плагина позволяет добавить рекламные блоки от AdSense и Doubleclick.

Полный обзор плагина вы можете прочитать здесь. А купить WP AMP можно на CodeCanyon.

3. AMP от PageFrog

Для работы этого плагина необходимо установить предыдущий плагин AMP, к возможностям которого добавляются следующие важные функции:

возможность оформить статью AMP с вашим брендингом
аналитика
возможность использовать Facebook и Google Adsense рекламу

Брендинг

Стилизация продумана, есть поддержка логотипа, выбор шрифтов между serif и sans-serif, а также несколько цветов, так что вы сможете использовать цвета вашего бренда.

Аналитика

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

В настоящее время есть поддержка: Google Analytics, Chartbeat, Parsly, а также возможность добавления других платформ, которые предоставляют аналитику для AMP.

Это можно сделать с помощью разных хуков и фильтров, прописать весь код самостоятельно или прибегнуть к помощи плагина PageFrog.

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

Другие особенности:

возможность включения формата AMP для других типов постов, даже кастомных, созданных с помощью других плагинов
поддержка Facebook Instant статей, которая пока доступна только в закрытой бета версии

4. Glue for Yoast SEO & AMP

Этот плагин отвечает за то, чтобы дефолтный плагин WordPress AMP использовал правильные YoastSEO метаданные. Без этого такие вещи как канонические ссылки, например, могут работать некорректно.

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