Ускоренные мобильные страницы 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

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.

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

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

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

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

Изображение иллюстрирует перевод плагина 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-версии страниц блога на WordPressСкриншоты AMP-версий двух последних записей моего блога, открытых в браузере Google Chrome для Android.

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

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

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

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

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

Читайте также:

budaev.org

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

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

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

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

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

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

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

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

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

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

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

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

Плагины WordPress AMP

Когда дело доходит до выбора WordPress плагинов 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, к возможностям которого добавляются следующие важные функции:

Брендинг

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

Аналитика

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

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

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

Реклама

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

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

4. Glue for Yoast SEO & AMP

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

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

Другие WordPress плагины AMP

AMP Analytics — расширяет возможности AMP для поддержки аналитики на вашем WordPress сайте (Google Analytics)

Accelerated Mobile Pages (AMP) для WordPress — Создает AMP темы для вашего WordPress сайта

Заключение

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

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

Источник: cozmoslabs.com

hostenko.com

Как установить AMP Google на WordPress сайт / Полезное / FREELANCE.TODAY

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

AMP Google является аббревиатурой для Accelerated Mobile Pages (ускоренные мобильные страницы), и представляет собой мощную инициативу, которая в настоящее время поддерживается разработчиками технологий и социальными сетями, такими как Twitter. Основная идея инициативы — улучшить опыт мобильных пользователей, и сделать каждый сайт на 100% оптимизированным для мобильных устройств. Причина такого повышенного внимания к данной проблеме в том, что быстрое время загрузки уже стало основным фактором удовлетворенности клиентов.

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

Опыт напоминает мгновенные страницы Facebook, с той разницей, что эти статьи являются эксклюзивными для Facebook и работают только в мобильном приложении. С помощью Google AMP могут быть сделаны улучшения для любого приложения, платформы, браузера, и в настоящее время он работает в Google, Reddit, Twitter, LinkedIn и многих подобных платформах.

 

Плагины AMP

AMP 

AMP – автоматический плагин для упрощенного создания страниц WordPress AMP. После того, как вы активируете его, каждое сообщение, опубликованное на вашем веб-сайте, получит версию, совместимую с AMP (ее легко проверить, добавив / amp / в конце обычного URL-адреса), но недостатком является то, что у вас нет возможности редактировать или настраивать их (раздел настроек не доступен).

 

Facebook Instant Articles and Google AMP Pages PageFrog plugins 

PageFrog — это магазин AMP-плагинов, где создатели контента и разработчики могут найти все необходимое для успешного управления своими сайтами. Плагины PageFrog бесплатны и просты в использовании, и управляют содержимым FBIA и AMP из одного и того же интерфейса. После активации плагин предоставляет вам параметр «Мобильные форматы», расположенный в левом меню, где вы можете задать все настройки для обоих форматов страниц.

Google AMP установить легко: всплывающий экран с инструкциями проведет вас через этот процесс. Более того, PageFrog предоставит вам возможность выбрать желаемый стиль для ваших мобильных превью, и подключить необходимую стороннюю аналитику, такую как Chartbeat, Google Analytics или Parsely. Вы также можете установить прямое соединение AMP AdSense или связать плагин с Facebook Ads, чтобы монетизировать ваш контент.

 

Glue for Yoast SEO & AMP 

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

 

Custom AMP 

Custom AMP — это бесплатный плагин, который требует аналогичной процедуры установки и активации.

Его уникальные функции включают в себя возможность:

 

AMP в интернет-магазинах

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

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

 

WooCommerce AMP 

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

 

Вместо итогов

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

Например, AMP использует ограниченный набор CSS, HTML и JavaScript. Вы не сможете использовать все функции и модули, которые хотите реализовать на своем мобильном и оптимизированном для AMP сайте. В перспективе AMP может ограничить возможность сохранения форм для подписчиков электронной почты и аналогичных динамических скриптов.

AMP легко подключается к Google Analytics, это одно из его главных преимуществ. Однако недостатком является невозможность подключения AMP к другим популярным аналитическим платформам. То же самое касается рекламных платформ.

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

 

Источник 

freelance.today

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

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

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

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

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

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

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

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

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

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

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

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

Плагины WordPress AMP

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

1. AMP от Automattic

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

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

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

2. AMP от PageFrog

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

Брендинг

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

Аналитика

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

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

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

Реклама

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

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

3. Glue for Yoast SEO & AMP

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

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

Другие WordPress плагины AMP

AMP Analytics — расширяет возможности AMP для поддержки аналитики на вашем WordPress сайте (Google Analytics)

Accelerated Mobile Pages (AMP) для WordPress — Создает AMP темы для вашего WordPress сайта

Заключение

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

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

Источник: cozmoslabs.com

softsettings.com

Готовимся к приходу Google AMP в Рунет: сайтам на Вордпрессе потребуется всего пара плагинов

Чуть менее года назад Google начал показывать в своей мобильной выдаче карточки AMP — Accelerated Mobile Pages. Скоро эта технология придет и в Рунет. К чему и как готовиться?

Что это — AMP?

AMP — способ представления страниц сайта в поисковой выдаче. По сути, очередной набор скриптов и правил для отображения. В выдаче отображаются карточки с постами, при клике на одну из них пользователь увидит «урезанную» статичную страницу сайта, но не перейдет на сайт, а останется в Google.

Технология состоит из трех частей:

В России AMP пока не поддерживается (есть непроверенная информация, что скоро появится). Сейчас можно посмотреть демо-версию на мобильном телефоне или планшете. Для этого перейдите по адресу http://g.co/ampdemo и вбейте в строку поиска любой запрос. Если у страниц по вашему запросу есть AMP-версии, вы увидите их в выдаче.

amp-sherlock При клике на карточку пользователь не попадает на сайт, а все еще остается в Google

kp-amp При клике на карточку пользователь не попадает на сайт, а все еще остается в Google

Зачем это нужно?

Цель технологии AMP — мгновенно загружать страницы в мобильной выдаче. Она разработана в первую очередь для пользователей, у которых нет доступа к быстрому интернету через 4G, LTE или Wi-Fi.

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

Что вебмастер должен знать об AMP?

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

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

— AMP работает не со всеми рекламными платформами и не со всеми системами аналитики.

AMP на WordPress

Преимущество для владельцев сайтов на WordPress в том, что им не придется переделывать каждую страницу под AMP вручную, страницы адаптирует плагин — в каталоге официального сайта WordPress их очень много.

При выборе плагина обращайте внимание на совместимость с вашей версией WordPress.

Самый популярный (100 000+ установок) плагин — Accelerated Mobile Pages от Automattic. После его установки у всех страниц сайта появляются версии AMP. Он дает мало возможностей для брендинга, но работает с разными плагинами-кастомайзерами.

Как установить:

  1. Загрузите папку с файлами плагина в директорию /wp-content/plugins/.
  2. Активируйте его через меню «Плагины» в админке WordPress.
  3. Может потребоваться обновить пермалинки (перейти в Настройки > Пермалинки и нажать «Сохранить»).

Редакция портала SEO-hacker советует: для того чтобы перенаправлять «мобильных» посетителей на AMP-страницы, после установки AMP от Automattic вставьте в файл .htaccess следующее:

RewriteEngine OnRewriteCond %{REQUEST_URI} !/amp$ [NC]RewriteCond %{HTTP_USER_AGENT}(android|blackberry|googlebot-mobile|iemobile|iphone|ipod|#opera mobile|palmos|webos)[NC]RewriteRule ^([a-zA-Z0-9-]+)([/]*)$ https://example.com/$1/amp [L,R=302]

После запуска этого плагина для всех постов на вашем сайте будут генерироваться AMP-совместимые версии. Получить доступ к соответствующим страницам можно будет с помощью добавления постфикса /amp/ к URL-адресам. Например, если URL поста выглядит так: http://example.com/on/, то доступ к AMP-версии можно будет получить по адресу http://example.com/on/amp/.Обратите внимание: AMP-страницы не будут показываться всем пользователям мобильных устройств, их можно будет увидеть только в мобильной выдаче Google.

Еще плагины

AMP Recent Posts

recent-post

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

AMP Customizercustomizer

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

AMP Analyticsanalytics

Позволяет подключить аналитику к вашему плагину AMP.

AMP от PageFroginstart

Работает с AMP от Automattic. Позволяет брендировать посты, использовать рекламу из Facebook и AdSense и поддерживает аналитику.

Итак, что надо знать об акселерации мобильной выдачи

madcats.ru


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

Prostoy-Site | Все права защищены © 2018 | Карта сайта