AMP Google функции технологии, добавление плагина на сайт под WordPress


Содержание материала:

Как сделать amp страницы google для сайта на движке WordPress

Всем привет! Сегодня мы поговорим о том, как сделать amp страницы Google для сайта на движке WordPress. Статья будет короткой, да и я не мастак писать длинные введения, поэтому перейду сразу к делу.

Что это такое?

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

Основные плюсы данной технологии:

  • Быстрая прогрузка контента;
  • Специальная отметка в поисковой выдаче, которая говорит пользователю о том, что ваши записи загружаются практически мгновенно, даже при плохом соединении с интернетом;
  • Возможность попасть в карусель от гугл;
  • Меньшее кол-во ошибок по сравнению с Яндекс.Турбо.

И немного минусов:

  • Проблемы с монетизацией. Можно поставить намного меньше рекламных блоков по сравнению с обычной адаптивной версией и те только от Adsense;
  • Создание дублей страниц в случае неправильной настройки;
  • Записи ранжируются так же, как и обычные адаптивные;

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

Как создать

А теперь поговорим о том, как вы можете создать amp страницы google на своем сайте. Речь пойдет именно о WordPress, поскольку с другими CMS я не дружу.

Для начала установите один из следующих плагинов:

  • AMP для WP (Авторы:Ahmed Kaludi, Mohammed Kaludi);
  • AMP (Авторы:com VIP, XWP, Google, and contributors).

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

Плагин AMP для WP

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

Итак, открыв основную вкладку вы можете добавить свое лого, изменить его размер, а так же выставить, какие посты будут выводиться:

Вторая вкладка отвечает за настройку отображения блоков:

Третья за добавление рекламных блоков (что странно, так это кол-во отображаемых блоков рекламы. Тут их 6, практически, как и в обычной адаптивной версии сайта. Возникает вполне логичный вопрос — почему люди жалуются на падение дохода и нехватку места под рекламу? Надеюсь, когда перейду к монетизации трафика смогу найти ответ):

Четвертая, как вы уже могли догадаться из названия, отвечает за SEO:

А теперь переходим к вкладке «Веб-аналитика»:

Здесь вы подключаете и настраиваете необходимые счетчики аналитики.

Далее, для соответствия amp страниц вашего сайта 152 ФЗ РФ переходим на вкладку «Notice Bar & GDPR»:

Здесь вы можете включить оповещение о том, что ваш сайт собирает cookie.

Вкладка «Push Notifications» нужна для подключения пуш уведомлений:

А вкладка «Contact Form» — создает форму обратной связи. Увы, только за деньги.

На этом с основными настройками все. Советую еще перейти на вкладку «DESIGN» и подцепить ваши социальные сети:

Листаете в самый низ, ставите галочку «Menu Social Profile» и выбираете все необходимые соц сети:

На этом все. Остальные функции придется либо докупать, либо сидеть и долго изучать. Вопрос только один – оно вам надо? Для блога хватит и этого, а для трафикового сайта вообще не вижу смысла подключать амп. Да, онлайн должен вырасти, а вот доходы от рекламы полетят в низ(по отзыва вебмастеров).

Плагин AMP

Самый простой в установке и настройке. Если быть до конца точным, вам и делать особо ничего не придется. Вот все пункты:

Заключение

Как видите, сделать amp страницы google для сайта на WordPress очень просто. Ставим плагин, настраиваем и ждем. Когда все проиндексируется, записи появятся в поиске.

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

На этом я прощаюсь с вами и до встречи в следующих статьях!

Как правильно настроить WordPress AMP

Согласно исследованиям проводимым Google, более 50% поисковых запросов по всему миру производятся с мобильных телефонов. В связи с этим стоит убедиться, что ваш сайт на WordPress загружается быстро и выглядит прилично для этой категории производящих поиск пользователей. К счастью, проект Google Accelerated Mobile Pages (AMP) делает эту задачу более легко выполнимой.

В этом руководстве мы расскажем, как установить WordPress AMP двумя способами:

Мы также поясним, что такое WordPress AMP и обсудим, как проверить их корректность работы после установки. Погружаемся!

Что такое WordPress AMP и чем он полезен для вашего сайта

Google Accelerated Mobile Pages (AMP) – это библиотека с открытым программным кодом, которая помогает создать быстрые, плавно прокручиваемые и упрощённые версии ваших веб-страниц, которые прекрасно смотрятся на мобильных устройствах. AMP очень дружелюбна, построенная на существующих платформах и фреймворках. К тому же, она полностью совместима с WordPress.

Если кратко, то Google AMP работает таким образом, что позволяет вам создавать дубликат вашего сайта, используя AMP HTML. Этот процесс исключает большинство элементом, которые могут привести к медленной загрузке вашего сайта (JavaScript, сторонние скрипты др.). Затем Google обрабатывает и “сглаживает” ваш сайт, для ещё более быстрой его загрузки. После этого результаты будут выглядеть где-то так:

Google AMP обеспечивает множество преимуществ, хотя он имеет некоторые недостатки. Давайте изучим обе стороны медали. Начнём с преимуществ:

  • Улучшение поисковой оптимизации (SEO). Наиболее очевидным преимуществом Google AMP является прирост скорости. Так как скорость – это критический фактор, когда речь идёт о рейтинге ваших страниц в результатах поиска (Search Engine Results Pages – SERPs), это может помочь сделать ваш сайт более заметным. Google AMP гарантирует, страницы вашего сайта будут показаны в новостной карусели Google (Google News carousel), в приоритетном расположении вверху в не требующей прокрутки области результатов поиска на мобильных (ещё больше повышает SEO позиции).
  • Улучшенный интерфейс пользователя. Было подсчитано, что 33% всех потенциальных продаж теряются, если веб-сайт не оптимизирован под мобильные устройства. Ещё более тревожные результаты исследований показывают, что 57% пользователей интернета не станут рекомендовать бизнес с сайтом, который не адаптирован для мобильных устройств. Google AMP делает такую оптимизацию простой и возможной и тем самым позволяет избежать этой опасности.
  • Повышенная производительность сервера. Google AMP извлекает выгоду из некоторых ключевых функций оптимизации Google. Уменьшает трафик от изображений до 50% без потери качества и снижает нагрузку на работу сервера. Снижая нагрузку на сервер, AMP помогает улучшить производительность вашего сайта.

С другой стороны, у Google AMP есть и свои недостатки:

  • Ограничения каскадных таблиц стилей (Cascading Style Sheets – CSS) и JavaScript. Хотя Google AMP позволяет вам достичь молниеносного времени загрузки, это может вам стоить отдельных элементов сайта. AMP удалит графику очень высокого качества, сложную анимацию и другие яркие элементы, которые используют CSS и JavaScript.
  • Отображаются только страницы из кэша. Высокая скорость Google AMP также является следствием того, что Google включает отображение версии ваших страниц из кэша. По этой причине ваши пользователи не всегда смогут получить доступ к последним версиями контента.
  • Ограниченные возможности доступа к рекламным объявлениям. Не смотря на то, что Google AMP поддерживает рекламу, процесс её описания очень сложен. Он также имеет ограниченные возможности интеграции с внешними рекламными платформами.

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

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

Как установить WordPress AMP при помощи двух плагинов

Для установки AMP на вашем сайте вам потребуется плагин WordPress AMP. Прежде чем продолжить с этим или следующим методом мы рекомендует сделать бэкап вашего сайта на WordPress. После этого у вас всё готово к началу.

Вариант 1: Используем плагин AMP для WordPress

Плагин AMP for WordPress прекрасный инструмент, если вы хотите установить AMP для своего WordPress сайта быстро и просто. Хотя версия по умолчанию содержит минимальное количество функций для настройки AMP, эти опции могут быть расширены при помощи дополнительных плагинов. Дальше мы рассмотрим этот процесс. А сейчас давайте перейдём к тому, как установить сам плагин.

Прежде, перейдите в Плагины › Добавить новый в своей консоли администрирования WordPress. Введите “AMP for WordPress” в строке поиска и найдите плагин AMP для WordPress. Затем установите и активируйте его:

Далее перейдите в раздел Внешний вид > AMP. Это откроет страницу настроек AMP. Здесь выберите вкладку Design:

На этой странице вы можете настраивать вид своего сайта WordPress AMP по своему предпочтению и просматривать предварительно любые изменения, перед тем как опубликовать их. Вы можете настраивать текст своего сайта, ссылки и цвет фона. Плюс, мы можете выбрать, какую цветовую схему вы хотите использовать – светлую или тёмную (т.е. черную или белую) для своего сайта. Когда внесённые настройки вас будут полностью устраивать просто нажмите Publish вверху страницы.

Ещё вы можете установить, где записи, страницы или и те и другие будут располагаться в WordPress AMP. Чтобы это сделать, просто вернитесь в консоль WordPress и перейдите в AMP > General:

На этой странице отметьте рядом с настройкой Post Type Support те види публикаций, которые вы хотели бы видеть на сайте WordPress AMP и нажмите на Save Changes.

Вы наверняка обратили внимание, что здесь не так уж много настроек. К счастью, есть несколько плагинов, которые вы можете использовать для расширения вашего выбора. Например, вы можете использовать Glue for Yoast SEO & AMP для интегрирования с плагином Yoast SEO с вашей установкой AMP.

Перейдите в Плагины Добавить новый, найдите, установите и активируйте Yoast SEO:

После этого сделайте тоже самое с плагином Glue for Yoast SEO & AMP. Затем перейдите в SEO AMP в админ консоли. Здесь вы можете выбрать, хотите ли вы включить записи и медиа типы данных в поддержку AMP:

После этого нажмите кнопку Save changes. Дополнительные настройки можно найти на вкладке Design. Здесь вы можете установить иконку для сайта WordPress AMP, подобрать цветовую схему и даже добавить свой CSS:

И ещё раз не забудьте сохранить изменения, когда вы закончите настройку своего сайта.

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

Вариант 2: Установка плагина AMP для WP – Ускоренные мобильные страницы

В дополнение для обеспечения привлекательного и удобного для начинающих интерфейса настройки страниц этот плагин WordPress AMP может интегрироваться с множеством других инструментов. Среди них: WooCommerce (ведущий плагин для электронной коммерции в WordPress), Alexa metrics, OneSignal push button notifications и другие.

Для использования этого плагина AMP для WordPress, вначале нужно перейти в Плагины > Добавить новый в вашей консоли. Найти “AMP for WP”, установить и активировать плагин:

Далее перейдите на новую вкладку AMP в админ панели WordPress. Вы увидите подпункты меню с разделами Settings, Design, Extensions и другие. Давайте подробнее посмотрим на настройки в Settings:

Скорее всего вы захотите начать с раздела руководства со ссылками Getting Started на этой страница. Это поможет вам самым лучшим образом настроить свой WordPress AMP. После этого, вы можете запускать разные опции AMP для WP, включая:

  • SEO: Это включает настройки мета описания, интеграцию с плагинами SEO и другое.
  • Performance: Это единая настройка включающая и выключающая минификацию файлов. Минификация может улучшить скорость работы вашего сайта.
  • Analytics: Здесь вы можете настроит интеграцию с Google Tag Manager, также как и настройки аналитики.
  • Comments: Это позволяет настроить хотите ли вы включить комментарии WordPress, Disqus или Facebook в своём WordPress AMP.
  • Advanced Settings: Вы можете вводить свой HTML код для заголовка или подвала, установить мобильное перенаправление и включить или выключить retina images.

Нажмите на Save Changes для каждой настройки выше, как только вы закончите с ней. После этого выберите вкладку Design:

Собственно здесь вы можете управлять внешним видом своего сайта WordPress AMP. Для этого выберите конкретную тему AMP из списка в меню Theme Selector.

После выбора темы вы можете настраивать её внешний вид. Вы найдёте настройки дизайна для цветовой схемы и шрифта (вкладка Global), выбор отображения заголовка и подвала, слайдер на главной странице и многое другое. В разделе Social вы можете также выбрать, какие кнопки социальных сейте вы желаете отображать на своём сайте WordPress AMP.

Если вы довольные видом своего AMP-сайта, сохраните все изменения. Вы также можете предварительно их посмотреть, если перейдёте в Appearance > AMP:

Бесплатная версия AMP для WP содержит широкий набор функций. Однако, вы можете значительно улучшить внешний вид и функциональность вашего сайта AMP с платными расширениями. Есть расширения для описания рейтинга (будет полезным для товаров или профилей недвижимости), интеграции с AMP WooCommerce Pro, использования пользовательских типов записей и другого:

Платные темы AMP также доступны после оплаты. Посмотреть их можно в разделе Design > Themes в вашей админ консоли. Есть специальные настройки, которые подойдут для определённых видом сайтов, как например, сайтов новостей, журналов и так далее. Плюс, есть несколько замечательных многоцелевых тем:

Если вы желаете попробовать ещё больше дополнительных функций, то для вас целый ряд тарифных планов Pro plans доступных для этого плагина. Диапазон от плана Personal (обслуживание одного сайта за $149 в год) до плана Agency (обслуживание неограниченного количества сайтов за $499 в год).

Как проверить корректность работы своего сайта WordPress AMP

Когда вы настроили любой из плагинов AMP для WordPress, вы подошли к ещё одному шагу. Вам нужно проверить работу WordPress AMP, чтобы убедиться, что он доступен и залинкован на supported platforms. Проверка – это также удобный путь посмотреть ошибки AMP с целью их устранения.

Один их быстрых и простых способов проверить AMP – использовать инструмент разработчика в браузере. Для этого вам нужно открыть страницу AMP в вашем браузере (в нашем примере мы используем Google Chrome). Дальше вам нужно добавить следующее в конце URL:

Как только вы это сделаете, откройте консоль инструментов разработчика в браузере. Для Google Chrome это Chrome DevTools console. Если найдены ошибки, они будут подсвечены красным, вместе с анализом их причин.

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

Другой эффективный способ проверки AMP – использование расширения AMP Validator для Google Chrome и Opera:

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

Заключение

Даже несколько дополнительных секунд времени загрузки могут значительно снизить рейтинг вашего сайт в поисковиках (и ваш коэффициент конверсии). К счастью, как мы уже видели, использование Google AMP может помочь вам убедиться, что страницы вашего сайта загружаются молниеносно на мобильных устройствах. Что ещё, конфигурация и тонкая настройка AMP для WordPress – это просто и понятно, если вы используете правильный плагин WordPress для ускоренных мобильных страниц.

У вас остались вопросы о том, как установить какой-либо плагин WordPress AMP? Дайте нам знать в комментариях!

Настройка AMP на WordPress за 10 минут

Новый тренд мобильной верстки AMP уже появился в Google Webmaster Tools и доступен для использования веб-мастерами. В статье обсудим что это, преимущества использования и настройку AMP на WordPress.

Что такое AMP?

AMP (accelerated mobile pages) – страницы для мобильных устройств с ускоренной загрузкой.

На самом деле, AMP – это не просто страницы, а новый стандарт страниц с собственной разметкой, ограничениями и требованиями.

Подробную информацию про AMP вы можете найти на официальном сайте проекта www.ampproject.org.

Рекомендации Google для индексирования страниц в формате AMP HTML вы можете найти на странице https://support.google.com/webmasters/answer/6340290?hl=ru (если будете настраивать под WordPress, углубляться в изучение не нужно).

Преимущества использования AMP для сайта

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

Страница в формате AMP не содержит лишнего кода – использование HTML, CSS и JS ограничено. В AMP HTML контент страницы, который нужно донести посетителю, полностью передается в неизменном виде.

Комментарий Андрея Липатцева про технологию AMP, её применимость и преимущества:

Настройка AMP на WordPress за 5 минут

  1. Устанавливаем модуль «AMP». У этого модуля нет настроек, после его установки у вашего блога сразу появляются клоны записей и страниц в формате AMP, доступные по ссылке поста или страницы с добавлением в URL /amp/ или если не настроено ЧПУ — ?amp=1. Дополнительно, в обычные статьи добавляется строка, извещающая Google о том, что у страницы есть клон в формате AMP HTML.
  2. Устанавливаем модуль «Glue for Yoast SEO & AMP». Этот модуль соединяет настройки Yoast SEO и плагина AMP. Кроме того, появляются дополнительные настройки (во вкладке Yoast -> AMP). Например, с его помощью можно установить код Google Analytics или Яндекс Метрику, стилизировать страницы или применить кастомный javaScript, выбрать таксономии, для которых нужно включить генерацию страниц в формате AMP.

Не получилось настроить AMP на вашем WordPress? Обратитесь по контактам и я помогу за $30.

Проверка AMP на сайте онлайн

Чтобы проверить, корректно ли отрабатывает код, откройте вашу страницу в формате AMP в браузере Google Chrome. Нажмите правую кнопку в любой части страницы -> Просмотреть код -> Console. Ниже скриншот того, что вы должны увидеть в итоге (Powered by AMP ⚡ HTML). Если в коде ошибки – они высветятся в консоли.

Результаты работы (обновлено 10.07.2020)

На моём блоге начали индексироваться AMP-версии постов. Все они в топе Google по их названиям и связанным поисковым запросам, если гуглить на мобильном устройстве. Скриншот одного из запроса, по которым вышли в топ сразу 2 статьи.

Топ-пост этого месяца:  Как выгрузить каталог товаров с интернет-магазина всего за 1 минуту

Применяем Google AMP в WordPress

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

Что такое Google AMP?

Google AMP (Accelerated Mobile Pages Project) был запущен в октябре 2015 года. Проект основан на AMP HTML, новом открытом фреймворке, целиком основанном на существующих веб-технологиях, что позволяет создавать легкие и быстрые веб-страницы. Иными словами, проект позволяет создавать «облегченную» версию текущей веб-страницы.

«С самого первого дня своего создания главным фокусом для AMP была скорость. Пожалуй, одна из самых неприятных вещей, связанных с мобильным интернетом – это то, что 53% пользователей закроют сайт в браузере, если он загружается дольше 3 секунд. Это негативный фактор для всех областей и сфер – для пользователей, для бизнеса, для издателей, для сайтов и для самой мобильной сети в целом», отмечает Дейв Бесбрис, отвечающий за проект AMP в Google.

Многие крупные компании взяли на вооружение Google AMP, включая таких гигантов, как WordPress, Reddit, eBay, Pinterest, Washington Post, Wired, Gizmodo и т.д. Как следует из поста Google, компания Slate отметила прирост в 44% уникальных посетителей в месяц, а также прирост в 73% посещений на каждого уникального посетителя в месяц.

Когда страница передается через AMP в Google, она будет иметь специальный символ AMP, как видно в демо-примере с New York Times. Обратите внимание, что вы должны просматривать страницу с мобильных устройств, чтобы увидеть это. Вы можете также использовать эмулятор устройств в инструментах разработчика Chrome. Разметка структурированных данных позволяет сделать ваш контент более заметным в поисковой выдаче Google. К примеру, статьи AMP, имеющие соответствующую разметку, могут выводиться следующим образом:

Вот пример того, как страница AMP будет выглядеть на сайте The New York Times. Как вы можете видеть, она является очень простой, что и является главной целью AMP. Фреймворк гарантирует, что страница загружается быстро и предлагает лучшее юзабилити.

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

Плюсы Google AMP

  • AMP бесплатен и имеет открытый код
  • AMP может значительно улучшить время загрузки вашего WordPress сайта. И помните, что скорость загрузки – один из факторов ранжирования.
  • Лучшие места размещения в поисковой выдаче с возможностью добавления в карусель для высоких показателей CTR. В одном из случаев применения AMP рост CTR составил 600%!
  • Google AMP использует многочисленные рекомендуемые практики улучшения производительности – к примеру, отказ от крупных CSS- и JS-фреймворков.
  • Может повлиять на ваши конверсии в позитивном ключе.
  • За прошедший год были выполнены многие улучшения, и теперь в Google AMP доступны возможности рекламы. Это означает, что новостные сайты и журналы смогут получать свой доход в AdSense.

Недостатки Google AMP

  • AMP не является в данный момент фактором ранжирования, однако может стать им в будущем. Это можно рассматривать и как плюс, и как минус.
  • Если вы не являетесь разработчиком, вам будет сложно внедрять и тестировать AMP. Однако платформа WordPress позволяет облегчить этот процесс.
  • Вносится новая отдельная платформа и функциональность, о которой вам придется думать. Почему бы просто не оптимизировать ваши мобильные сайты?
  • Может повлиять на ваши конверсии в негативном ключе.
  • Использует сторонние скрипты и приложения, которые могут не поддерживаться.
  • Нет поддержки старых браузеров, включая Internet Explorer 11. Разработчики отметили, что будут поддерживать 2 последние версии крупных браузеров, таких как Chrome, Firefox, Edge, Safari и Opera. Также они поддерживают настольные, мобильные и веб-версии представленных браузеров.

Также важно помнить о том, что Google объявили о разделении индексации мобильных и настольных поисковых результатов. Это может повлиять на результаты Google AMP в будущем.

Как установить Google AMP в WordPress

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

Как это работает? Ваш пост получает другой URL, привязанный к нему. Все это делается автоматически с помощью плагина WordPress. Обычно к текущему посту добавляется /amp или /?amp. Вот пример:

Исходный URL записи: https://domain.com/blog-post

AMP URL: https://domain.com/blog-post/amp/

Плагины для реализации Google AMP в WordPress

Есть 2 популярных плагина в репозитории WordPress, которые помогут вам настроить Google AMP. Первый плагин – официальный AMP плагин, который разработан командой Automattic.

На момент написания статьи плагин имел более 100,000 активных установок с оценкой 3.5 из 5. Вы можете скачать плагин из официального репозитория WordPress. Изменить внешний вид можно в разделе Appearance AMP. Однако его опции сильно ограничены, и вы должны знать, как применить дополнительные фильтры для таких возможностей, как AdSense или Analytics.

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

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

На момент написания статьи плагин имел более 4000 активных установок с оценкой 4.5/5. Вы можете скачать плагин из официального каталога WordPress. Плагин позволяет вам настраивать разные аспекты вашей сборки Google AMP. Также этот плагин поддерживает страницы. Ниже мы рассмотрим настройки и функции, доступные в плагине AMP в консоли.

General

На странице General вы можете изменить логотип, добавить Google Analytics, сменить цветовую схему и настроить текст.

Notifications

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

Advertisement

В этом разделе вы можете включить AdSense и выбрать места размещения. Этот плагин – один из самых простых способов использования AdSense с Google AMP.

Single

На странице Single вы можете включить разную информацию, такую как метаданные записи, миниатюры, пагинацию, комментарии и социальные иконки.

Structured Data

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

Custom CSS

Также плагин имеет CSS-редактор для настройки стилей.

Вот как будет выглядеть пост с запущенным плагином AMP for WP:

Пример главной страницы блога:

Те же самые разработчики, которые создали AMP for WP, не так давно выпустили плагин AMP WooCommerce, который позволяет вам включить AMP для вашего интернет-магазина.

Проверка вашего кода Google AMP

После установки Google AMP на свой сайт вам нужно будет убедиться в том, что ваш код является валидным. Если он не будет таковым, то Google не покажет версию AMP в поисковой выдаче. Вы можете пропустить ваш сайт WordPress через Google AMP Validator. Он покажет вам, какие ошибки были выявлены и как их исправить.

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

Также вы можете проверить ваш сайт на ошибки AMP в Google Search Console в разделе «Search Appearance». Важно отметить, что большинство пользователей говорят про слишком медленное составление отчетов AMP в Google Search Console. Возможно, это связано с тем, что платформа является относительно новой, и потому обход страниц происходит слишком медленно.

Если у вас будут найдены ошибки, Google уведомит вас об этом по email – вам нужно будет добавить необходимые структурированные данные к вашим страницам AMP.

Google AMP SEO

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

Пример исходной страницы:

Пример страницы AMP:

Есть еще один плагин, который вы можете установить. Он называется Glue for Yoast SEO & AMP, разработанный командой Yoast SEO.

Если вы уже используете Yoast SEO на вашем WP сайте, вы можете применить данный плагин для сохранения ваших заголовков, мета-описаний и т.д. На момент написания статьи плагин имел более 10000 активных установок с рейтингом 4.2 из 5. Скачать его можно из официального каталога плагинов WordPress.

Отслеживание New Relic с Google AMP

Важно также отметить, что валидатор Google AMP может выдать ошибку:

The tag ‘script’ is disallowed except in specific forms.

Связано это с тем, что любые страницы HTML, отформатированные для Google AMP, не могут содержать какие-либо сторонние скрипты. Плагин AMP for WP, упомянутый выше, полностью поддерживает New Relic. Однако вам нужно будет отключить New Relic Browser на страницах AMP, что делается по следующей инструкции. Есть также дополнительный плагин для этого, Disabled NewRelic For AMP, который вы всегда можете установить.

Как установить AMP Google на WordPress сайт

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

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

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

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

Плагины AMP

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

Настройка AMP на WordPress — практическое руководство

Автор: Сергей Коваленко · Опубликовано 25.09.2020 · Обновлено 05.10.2020

Что из себя представляет технология AMP от Google

AMP (англ. Accelerated Mobile Pages), — это технология создания ускоренных мобильных страниц, для устройств с медленным доступом в Интернет. Реализованы в основном посредством HTML верстки, с расширениями, и некоторыми блоками кастомных страниц для мобильных устройств. Для них не может быть использован ряд скриптов JavaScript, но без ограничения можно использовать CSS3.

Технология позволяет сохранять эти страницы в отдельном кеше Google, что дает возможность получить более высокую скорость загрузки, по сравнению с мобильными и адаптивными страницами. Впервые была анонсирована в октябре 2015 года. На момент написания этой статьи проект все еще активно развивающийся и предполагающий широкое применение на сайтах, крупных порталах и интернет-магазинах. Больше информации о нем вы можете получить на официальном сайте, перейдя по ссылке www.ampproject.org

Зачем нужны AMP страницы

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

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

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

Руководство по настройке AMP страниц на WordPress

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

  • AMP By Automattic, — официальный плагин разработан командой Automattic, но имеет весьма ограниченные возможности.
  • AMP for WP – Accelerated Mobile Pages. Имеет много возможностей и более гибкие настройки.
  • AMP WooCommerce. Плагин, позволяющий включить AMP на страницах вашего магазина.
  • Glue for Yoast SEO & AMP. Дополнение к известному плагину Yoast SEO, но к сожалению на момент написания статьи не совместим с версией WordPress 4.8.2

Далее подробно рассмотрим настройку плагина AMP for WP – Accelerated Mobile Pages.

Установка AMP for WP – Accelerated Mobile Pages

Установить плагин вы можете скачав его с официальной страницы wordpress.org/plugins/accelerated-mobile-pages, либо через панель управления: Плагины → Добавить новый…

Вводите в строке поиска название плагина, жмете кнопу установить, а затем активировать.

Настройка AMP for WP – Accelerated Mobile Pages

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

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

General

В графе Logo вы можете выбрать логотип для сайта. В выпадающем списке Select Page as Front Page, выберете домашнюю страницу своего сайта. В используемом мной шаблоне WordPress, эта страница реализована таким образом, что не может автоматически быть преобразована в AMP-формат. И здесь на помощь приходит дополнительные блоки AMP Page Bilder и Custom AMP Editor, которое плагин встраивает в каждую страницу сайта.

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

Page Builder

Раздел отвечающий за отображение этих блоков.

Отвечает за выведение блоков рекламных сетей, в том числе и Google Adsense. Но для его работы необходимо доплатить за эту функцию (на момент написания статьи 30$)

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

Analytics

Позволяет подключить систему аналитики. Для корректного отображения данных в Google Analytics, необходимо создать отдельный ресурс.

Structured Data

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

Notifications

Позволяет включить использование cookie. Платная функция, на момент написания статьи стоимость 30$.

Contact Form

Функция для установки формы обратной связи. Так же платная.

Comments

Позволяет подключить комментарии Disqus и Facebook.

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

Facebook Instant Articles

Позволяет подключить к страницам скрипты Facebook

Hide AMP Bulk Tools

Позволяет отключать поддержку AMP в категориях сайта

Advance Settings

Позволяет включить перенаправление посетителей с мобильных устройств на AMP страницы; установить необходимый код в Header и Footer и автоматическое добавление директории /amp/ в меню, используемое для ускоренных мобильных страниц.

Translation Panel

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

Themes

Позволяет выбрать одну из трех тем, для отображения мобильных страниц.

Global

Позволяет вывести отображение номера телефона, формы поиска по сайту и установить собственные CSS.

Header

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

HomePage

Позволяет установить количество отображаемых слов и размер картинки в превью записи блога.

Single

Позволяет настроить отображение записи блога

Footer

Добавляет в футер ссылку на не AMP версию сайта.

Позволяет включать на страницах мета-описания.

Social

Позволяет подключить данные социальных профилей к AMP страницам.

Позволяет перейти на предпросмотр вида постов, при нажатии кнопки Launch Post Builder, и включить поддержку языков с письменностью справа налево.

Extensions

Позволяет установить необходимые дополнительные плагины.

Все плагины платные, кроме одного, — Category Base Remove. Этот плагин необходимо скачать, перейдя по указанной в интерфейсе ссылке, и установить на сайт. Дополнительной настройки он не требует. Необходим для корректного отображения страниц категорий.

Fix AMP Errors

Это раздел с дополнительными платными сервисами, помогающими в устранении ошибок AMP страниц, которые были выявлены при сканировании роботами Google, и отображаются в панели управления Search Console.

Plugins Manager

Включает функцию управления купленными дополнительными плагинами.

Send Feedback

Кнопка обратной связи с разработчиками.

Import / Export

Позволяет экспортировать и импортировать настройки данного плагина.

Выводы

Как видите, настройка не так уж и сложна. Пример AMP страницы, генерируемой плагином AMP for WP вы можете увидеть на этом блоге, добавив в конце любой страницы каталог /amp/.

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

А дальше, как я уже писал, все будет зависеть от качества контента, и его актуальности для пользователей.

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

28 плагинов WordPress, которые помогут увеличить прибыльность сайта

Плагины WordPress разрабатываются, чтобы сделать нашу жизнь проще. Они делают сложные задачи простыми, а трудоемкие процессы автоматизированными. Но какие плагины нужны вашему бизнесу?

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

Я разделил плагины на пять различных разделов:

  • SEO-плагины;
  • Плагины для ускорения сайта;
  • Плагины, которые помогут получить больше клиентов;
  • Плагины контент-маркетинга;
  • Плагины, которые помогают продавать товары ( выводить товары на сайте и обрабатывать платежи ).
Топ-пост этого месяца:  Как бесплатно сделать коллаж из фотографий в онлайн сервисе или фотоколлаж своими руками в фотошопе

Прежде чем мы перейдем к их детальному рассмотрению, я должен предупредить вас: установка слишком большого количества плагинов неизбежно повлияет на скорость загрузки и безопасность сайта, так что используйте только те из них, которые вам действительно необходимы ( не более 10 ).

Упростите SEO с помощью плагинов

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

1. Yoast SEO

Yoast — это одно из самых известных имен в мирах SEO и WordPress . Этот плагин является SEO-плагином , который делает продвижение очень простым. Большинство его функций являются бесплатными.

После установки он будет отображаться в виде нового пункта меню в левой панели, который будет называться « SEO «. Через него вы сможете переходить к различным разделам настроек Yoast SEO :

В разделе « Заголовки и Мета » вы можете установить, как будут отображаться заголовки записей. По умолчанию, это длинная строка с названием сайта в конце:

Заголовок записи — Название сайта

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

В этом разделе вы можете изменить настройки по умолчанию так, чтобы выводился только заголовок записи ( убрав “%%sep%% %%sitename%%” ):

После этого заголовки будут выводиться, как и предполагалось. Это увеличит количество кликов:

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

Еще одна важная функция плагина для интернет магазина WordPress — это его встроенные инструменты:

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

Введите новое название и нажмите ссылку « Сохранить все » рядом с любым из новых заголовков.

2. Google XML sitemaps

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

С помощью плагина Google XML sitemap вы можете всего раз создать и затем представить карту сайта через Google и Bing Webmaster Tools . Этот один из лучших плагинов для WordPress будет автоматически обновлять карту сайта, когда вы публикуете новый контент:

Скорее всего, вам подойдут настройки плагина по умолчанию. В первой строке указан URL-адрес файла карты сайта, именно его вам нужно ввести через раздел инструментов для веб-мастеров:

Если перейти по этому URL-адресу , то увидим следующее:

3. WP Optimize By xTraffic

Внутренние ссылки являются одним из самых эффективных инструментов SEO . На авторитетном сайте вы можете быстро ранжировать низко конкурентные термины, разместив несколько внутренних ссылок на страницу.

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

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

Если я хочу создать ссылки, например, на домашнюю страницу сайта Quick Sprout , мне нужно ввести в плагин что-то вроде этого:

get SEO help, SEO advice, get help with your marketing, http://quicksprout.com

Но будьте осторожны. Если все, что вы зададите, это анкоры из одного или двух слов ( например , « SEO «, « WordPress » и т.д.), вы можете быть наказаны поисковой системой. Всегда включайте столько фраз из трех слов и более, сколько возможно для каждого URL-адреса , который вы вводите.

4. Local SEO and Business listings plugin

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

Этот плагин имеет массу полезных функций:

  • все основные настройки локального SEO ;
  • отслеживание ранжирования ключевых слов;
  • анализ конкурентов;
  • генератор карты сайта;
  • веб-аналитика.

Главная консоль этого плагина позволяет редактировать информацию о своей компании, которая отображается на Google Maps ( адрес, сайт и т.д .):

Этот плагин WordPress следит за большинством популярных социальных ресурсов, чтобы вы могли проверить, упоминается ли ваш бренд на каждом из них:

Также вы можете отслеживать все ключевые слова, по которым пытаетесь выйти на высокие позиции:

5. Broken link checker

Этот плагин регулярно сканирует сайт на наличие неработающих ссылок. В панели настроек устанавливается частота сканирования:

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

Поддерживайте скорость и качество работы сайта

Поддерживать скорость загрузки сайта важно для позитивного опыта взаимодействия с пользователем, который важен для высокого коэффициента конверсии. Некоторые исследования показали, что задержка скорости загрузки сайта всего на 1 секунду приводит к снижению конверсии на 7%.

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

6. Akismet

Плагин автоматически блокирует высокий процент спам-комментариев и перемещает их в специальную базу, прежде чем вы обнаружите их:

После установки плагина необходимо получить лицензию на Akismet . В разделе « Настройки » в левой боковой панели « Консоли » выберите пункт « Akismet «. Затем нажмите на кнопку « Получить ключ API «:

Вам понадобится логин на WordPress.com , чтобы продолжить ( бесплатная регистрация ):

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

7. W3 Total Cache

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

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

Здесь вы найдете полное руководство по настройке W3 Total Cache для начинающих. На странице общих настроек представлен обзор различных типов кэширования. Здесь вы можете включить любой из них:

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

Это важно, поскольку в некоторых случаях такие настройки могут существенно повлиять на скорость загрузки:

8. EWWW Image Optimizer

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

После установки плагина вы сможете вручную оптимизировать любую картинку, перейдя в библиотеку медиа-файлов и нажав « Оптимизировать » или « Заново оптимизировать »:

Размер некоторых изображений удается уменьшить на 80% и более.

После установки плагина не нужно перебирать все старые изображения одно за другим. Для этого реализована функция массовой обработки.

Перейдите « Мультимедиа> Оптимизировать все » и нажмите кнопку « Оптимизировать ». Выполнение оптимизации займет несколько минут ( в зависимости от количества изображений на вашем сайте ):

9. BackupBuddy

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

Также вы можете использовать его для восстановления из резервных копий в несколько кликов. Нажмите на пункт меню « BackupBuddy » в левой боковой панели, и на экране появится простой интерфейс:

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

10. Captcha by BestWebSoft

Средство из набора « необходимых плагинов для WordPress ». Akismet поможет защитить сайт от спама в комментариях, но если вы хотите остановить спамеров еще до того, как они успели оставить комментарий, используйте этот плагин. После подключения он добавляет капчу или вопрос для проверки ( рисунок ниже ) в любую указанную часть сайта.

Чаще всего капчи добавляют к комментариям:

Также вы можете добавить капчу на страницы регистрации и авторизации:

Это можно сделать, установив флажки, расположенные в верхней части настроек плагина:

11. WP-Optimize

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

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

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

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

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

Перейдите на вкладку « Настройки » в верхней части консоли плагина, установите время хранения резервных копий, а затем укажите, как часто должна запускаться автоматическая очистка:

12. Sucuri

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

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

Увеличение количества лидов

E-mail рассылка является наиболее эффективным каналом маркетинга для большинства компаний:

Но для ее проведения вам нужно получить адреса электронной почты посетителей. Специализированные решения позволят сделать это с минимальными затратами времени и усилий. Какие плагины нужны для Вордпресса, чтобы организовать E-mail рассылку:

13. Content Upgrades plugin

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

Если вы стремитесь минимизировать расходы, этот плагин вам подойдет. Он интегрируется в аккаунт MailChimp или другого e-mail провайдера:

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

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

14. OptinMonster

Всплывающие окна могут значительно улучшить показатели переходов. Я думаю, что если вы используете их правильно, вы не слишком испортите впечатление посетителей.

OptinMonster является одним из недорогих вариантов реализации всплывающих окон, и он интегрируется прямо в WordPress :

В плагине можно настроить почти все элементы всплывающего окна:

15. Thrive Leads

В дополнение к стандартным всплывающим окнам он предлагает ряд других опций:

Он включает все, что нужно для лучшего плагина для WordPress , в том числе функцию сплит-тестирования. Он прост в настройке:

16. LeadPages

Плагин всплывающих окон LeadPages хорошо известен на рынке. Он используется многими ведущими блогерами:

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

Получите больше от контент-маркетинга

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

17. Contact Form 7

Если вам нужна простая контактная форма, которая будет надежно доставлять вам сообщения от посетителей, то это прекрасное решение.

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

Большинство форм выглядят просто.

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

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

18. TweetDis

Одной из форм интерактивного контента являются встроенные кнопки твитов. TweetDis — это плагин, который позволяет создать интерактивную ссылку или кнопку, с помощью которой посетители смогут легко « твитнуть » вашу запись или контент.

Плагин поддерживает несколько различных параметров. Вы можете создать твит-бокс:

Или встроенные твиты, чтобы посетители могли нажимать на существующий текст контента:

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

Такие встроенные твиты увеличивают количество цитирований и позволяют красиво оформить разбивку контента. Чтобы добавить встроенный твит, выделите в редакторе нужный текст и нажмите на иконку TweetDis :

Во всплывающем окне выберите опции отображения:

19. Disqus

Disqus — это симпатичный плагин комментариев:

Он имеет несколько преимуществ:

  • он блокирует спам ( не требуются ни капча, ни Akismet );
  • он быстр и прост в работе;
  • при необходимости вы можете модерировать комментарии;
  • пользователи могут получать уведомления об ответах и новых комментариях.


Установите плагин и зарегистрируйте свой аккаунт Disqus :

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

20. Facebook comments for WordPress

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

21. AddThis

Это один из самых простых бесплатных плагинов для интернет магазинов WordPress , который можно использовать, чтобы добавить на сайт кнопки социальных сетей:

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

Еще одна полезная функция плагина — аналитические данные, с помощью которых вы сможете увидеть, сколько раз люди делились вашим контентом и в каких социальных сетях:

22. TablePress

Создание HTML-таблицы с нуля требует времени. TablePress — это отличный плагин для быстрого создания таблиц. Его часто используют для создания сравнительных диаграмм на тематических сайтах:

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

После установки плагин будет отображаться в виде нового пункта меню консоли: « TablePress «. С помощью параметров, расположенных в верхней или боковой части раздела плагина, можно создать новую или импортировать готовую таблицу:

Для этого нужно перейти к панели « Все таблицы » и выбрать одну из ранее созданных таблиц.

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

23. CoSchedule

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

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

Можно перейти к любой опубликованной записи, и увидеть сколько раз пользователи поделились ссылкой на нее и в каких социальных сетях:

Как сделать так, чтобы ваши продажи не разочаровали вас

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

24. eCommerce Product Catalog

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

Вы также можете создать отдельную страницу для каждого продукта с более подробной информацией и способами оплаты:

Вы добавляете товар так же, как добавляли бы запись или страницу. Выберите пункт « Товары » в левом меню консоли, а затем нажмите на кнопку « Добавить новый товар ». Затем добавьте описание, как добавляете любой текст в WordPress , а также изображения товара:

Плагин позволяет быстро запустить и протестировать интернет-магазин.

25. WooCommerce

С помощью этого плагина вы можете создавать для товаров простые, но привлекательные списки и страницы категорий:

Страницы товаров выглядят профессионально:

Самое главное, что предлагает WooCommerce — гибкость. Вы можете продавать любые виды товара ( физические или цифровые ). А также реализовать простую систему тарифных планов ( разовые покупки, постоянное членство, регулярные подписки и т.д.) .

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

Наконец, вы можете добавить кнопки оплаты через любую крупную платежную онлайн-систему.

Что касается использования плагина, то он довольно прост. Добавить товары вы сможете так же, как добавляете новые записи:

С помощью встроенной аналитики вы также сможете увидеть число совершенных продаж:

В целом, это отличный плагин электронной коммерции для WordPress .

26. WordPress Simple PayPal Shopping Cart

Плагин позволяет легко создать достойно выглядящую кнопку « Купить «, которая подключается к PayPal :

После подключения плагина нужно вставить шорткод в то место, где, вы хотите вывести кнопку:

Вам нужно задать для кнопки « название » и « цену «.

После того, как посетитель нажмет кнопку, он будет автоматически перенаправлен на страницу корзины, где сможет просмотреть выбранные товары и решить, готов ли он совершить покупку:

27. WP Simple Pay Lite for Stripe

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

Плагин работает точно так же, как предыдущий. После установки нужно вставить кнопку « Купить » с помощью шорткода, наподобие этого:

Параметр amount — это цена в центах.

Когда посетители нажимают на кнопку, выводится стандартная форма Stripe для указания реквизитов платежа:

28. Easy Digital Downloads

Необходимый плагин для WordPress , который предназначен исключительно для цифровых продуктов ( обучение, электронные книги и т.д. ). Он не такой функциональный, как WooCommerce , но начинающим продавцам с ним будет намного проще работать.

Вы можете принимать платежи через все основные системы ( PayPal, Stripe и т.д. ), плагин будет отсылать цифровой продукт после его оплаты.

Вместо вкладки « Товары » у вас появится раздел « Загрузки «, в нем вы сможете добавлять продукты и просмотреть текущие доходы:

В « Истории платежей » вы сможете отследить все покупки:

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

Список товаров по умолчанию:

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

Этот плагин является чем-то средним между простой кнопкой оплаты и комплексным решением для электронной коммерции.

Заключение

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

Я выделил 28 плагинов WordPress , которые охватывают пять областей онлайн-бизнеса, и им необходимо уделить особое внимание. Но решение, какие и сколько плагинов устанавливать, остается за вами.

Данная публикация представляет собой перевод статьи « 28 WordPress Plugins That Increase Profits and Save Time » , подготовленной дружной командой проекта Интернет-технологии.ру

WordPress.org

Русский

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

Описание

AMP for WP automatically adds Accelerated Mobile Pages (Google AMP Project) functionality to your WordPress site. AMP makes your website faster for Mobile visitors.

Extensions
Some useful extensions to extend AMP features, check AMP Adsense Support, Contact Form 7 Support, Email Opt-in Support and Call To Action Support. To view more, go to our Extensions page.

Support
We try our best to provide support on WordPress.org forums. However, We have a special community support where you can ask us questions and get help about your AMP related questions. Delivering a good user experience means a lot to us and so we try our best to reply each and every question that gets asked.

Bug Reports
Bug reports for AMP for WP are welcomed on GitHub. Please note GitHub is not a support forum, and issues that aren’t properly qualified as bugs will be closed.

Features:

  • NEW — Gutenberg Support
  • NEW — Divi and Elementor Support More Info
  • NEW — Improved CSS Optimization (Tree Shaking)
  • NEW — Addthis Sharing Support
  • NEW — AMP Infinity Scroll Support
  • NEW — Revolution Slider plugin Support
  • NEW — Photo Gallery by 10Web Support
  • NEW — MEWE social network Support
  • NEW — GDPR Compliance
  • Out of the box compatiblity for Yoast SEO, All in One Seo, Rank Math, Genesis, SEOPress, Bridge Qode SEO, The SEO Framework and Squrilly SEO Plugin.
  • Introducing Page Builder 3.0 for AMP! Learn More & Video
  • New Default Theme for AMP called Swift
  • 3 Pre-built AMP Layouts for Business websites and landing pages
  • OneSignal Push Notifications integration
  • Advanced WooCommerce Support More Info
  • Gravity Forms Support More Info
  • AMP Plugins Manager — Which allows you to disable a specific plugin functionality only in the AMP version
  • Structured Data Options
  • Page Break / NextPage (Pagination) Support
  • Contact Form 7 Support More Info
  • Graviry Form Support More Info
  • Caldera Form Support More Info
  • Ninja Form Support More Info
  • Facebook Comments Support
  • Github Gist Support
  • Email Opt-in Subscription form support in AMP added
  • Call to Action boxes and notification bars
  • 9 Advertisement sizes — 2 More AD slots added recently
  • Comments Forms in AMP.
  • Native AMP Search functionality.
  • Design 3 Watch the Video Overview
  • Disqus Comments Support
  • Google Tag Manager Support
  • Page, Category & Tags Support Added
  • Custom AMP Editor — Which allows you to override your Content that you had written in Post or page, so you can add the different content just for AMP.
  • Mobile Redirection — More than 50% of your traffic is from mobile and you aren’t doing anything to improve their user experience, which means you are falling behind on SEO and it can result in lower SERPS. Lightning fast mobile version means faster User experience means more engagement which directly results in the lower bounce rate.
  • Custom Post Type Support
  • Star Ratings
  • Drag & Drop Page builder Added
  • 4 Designs for AMP
  • AMP WooCommerce Support
  • Switch on/off Support for Pages & Posts on AMP
  • Translation Panel & RTL
  • Internal AMP linking — You can browse AMP pages internally
  • Related posts below the post
  • Recent Comments list
  • Automatically integrate AMP to your website.
  • Google Adsense (AMP-AD) Support with 4 different Ad slots across the layout! The First Plugin to have this capability.
  • Built in MGID Ads Support with 6 different ad slots.
  • Google Analytics Support.
  • User Friendly Theme Options Panel.
  • Unlimited Color Scheme.
  • Image Logo Upload.
  • Supports Posts and Pages and other custom post types.
  • Proper rel canonical tags which means that Google know the original page.
  • Overlay Navigation Menu bar.
  • Social Sharing in the Single.
  • Sexy Design.
  • Separate WordPress Menu for AMP version.
  • Page builder & Shortcodes Compatibility.
  • Carousel support for Gallery.
  • Better Image stretching and resizing.
  • Youtube Video Embed Support.
  • Vine Embed Support.
  • Twitter oembed Support.
  • Instagram Embed Support.
  • Facebook Video Embed Support.
  • RTL Support
  • Custom AMP FrontPage
  • Notifications
  • Alexa Metrics, Chartbeat, Hi-stats, Yandex Metrika, Piwik, Segment.com, StatCounter, Effective Measure and comScore Builtin Support
  • Incontent & DoubleClick Support
  • Great Support & Active Development.
  • Widgets & WooCommerce
  • Breadcrumb Support added
  • Facebook Instant Articles Support Added
  • AMP Installation Wizard that makes it easy to setup for new users.
  • Category base remover support
  • Tag base remover support
  • 7 New Social Media Integrations added (Reddit, Tumblr, Telegram, Digg, StumbleUpon, Wechat, Viber)
  • AMP Theme Framework Core Support Added. You can now create AMP templates of your own in just minutes. More
  • NEW — Make AMP & Non-AMP Same with just one click!
  • NEW — Allows you to use AMP as primary website!
Топ-пост этого месяца:  Оживляем сайт с помощью CSS анимации

JOIN CHAT GROUP COMMUNITY: Purpose of this group is to get proper suggestions and feedback from plugin users and the community so that we can make the plugin even better.

Getting Started:

1. User Documentation: The AMP for WordPress plugin is easy to setup but we have some tutorials and guides prepared for you which will help you dive deep with the plugin.

2. Developer Docs: We have created special documentations for developers and semi technical users who are willing to modify the plugin according to their own needs.

3. Support: We try our best to provide support on WordPress.org forums. However, We have a special community support where you can ask us questions and get help about your AMP related questions. Delivering a good user experience means a lot to us and so we try our best to reply each and every question that gets asked.

4. Premium Support: We will personally take care that your website’s AMP version is perfectly validated. We will make sure that your AMP version gets approved and indexed by Google Webmaster Tools properly and we will even keep an eye on AMP updates from Google and implement them into your website.

Credits

Some code used in this plugin was forked from ‘AMP for WordPress’ plugin https://wordpress.org/plugins/amp/ — License URI: http://www.gnu.org/licenses/gpl-2.0.html.
Mobile & Tablet detection library used https://github.com/serbanghita/Mobile-Detect — License URI: https://github.com/serbanghita/Mobile-Detect/blob/master/LICENSE.txt
PHP CSS Parser library used https://github.com/sabberworm/PHP-CSS-Parser — License URI: https://github.com/sabberworm/PHP-CSS-Parser#license (PHP-CSS-Parser is freely distributable under the terms of an MIT-style license.)

Скриншоты

  • AMP Homepage
  • AMP Single Post
  • Post Navigation in Single
  • Sticky Social sharing icons
  • Overlay Navigation menu sidebar.
  • Page builder of the Single article. You can drag and drop any element.
  • Single post of Design One
  • GTMetrix Performance Report
  • Google PageSpeed Insight report for AMP
  • Homepage of Design One
  • Pingdom Speed Report for AMP

Установка

Часто задаваемые вопросы

Yes, you easily can. In fact, we have support for 12 Analytics companies. Including Google Analytics, Facebook Pixel, StatCounter, QuantCast, Chartbeat, comScore to list a few. Also, we have Google Tag Manager (GTM) support as well.

Can I add Ads in my AMP pages?

Yes, you can. We have 6 ad placement slots that are built in and strategically placed to get maximum views. Also, we have an extension from which you can insert ads between the content, will get more ad slots and also add custom banners to all the available slots.

Can I extend/Change the AMP design, so it suits my needs?

Yes, you easily can. We have created this plugin in such a way that it can easily be extended. Check out our AMP Theme Framework

Do you have any prebuilt designs?

Yes, we have AMP themes section where we have free and paid designs available. We also update it regularly. You can check it out our AMP Themes

I’m a developer and I want to add custom functionality for a client, can I do that?

Yes, of course. This plugin is very developer friendly, we have lots of hooks and filters that you can use to extend and customize according to the requirements. Also, we have developer documentation which we update regularly.

How do I report bugs and suggest new features?

You can report the bugs here

Will you Add New features to my request?

Yes, Absolutely! We would suggest you send your feature request by creating an issue in Github . It helps us organize the feedback easily.

Плагин WordPress amp

AMP – это технология от Google (Accelerated Mobile Pages). Она предназначена для того, чтобы обеспечивать максимально быструю загрузку страниц на мобильных устройствах с медленной работой интернета. Данная технология реализована в первую очередь за счет HTML верстки, а также использования специальных расширений и блоков кастомных страниц. AMP ускоряет загрузку страниц благодаря тому, что они сохраняются в отдельном КЭШе Google. Скорость получается намного выше, чем при загрузке адаптивных или мобильных страниц.

Выглядит страница АМР почти так же, как оригинал. Но в поиске они выглядят гораздо привлекательнее чем обычные – имеют более крупные картинки превью и представляются в виде слайдера. При переходе с одной страницы на другую подгрузка осуществляется за доли секунды. Однако вся эта красота пока доступна только в англоязычной версии Google. В русскоязычной особое выведение ускоренных страниц еще не реализовано, это будет сделано в ближайшее время.

Зачем нужны АМР страницы

Как понятно из вышесказанного, они нужны для быстрой загрузки сайта при его просмотре на мобильных устройствах. От скорости загрузки во многом зависит комфортность посещения ресурса. Чем она выше, тем больше пользователям нравится находиться на сайте, и это благоприятно отображается на их поведении – они открывают больше страниц и с большей вероятностью осуществляют покупки (если это интернет-магазин).

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

Стоит отметить, что на сегодняшний день данная технология не является универсальной. Не все виды контента возможно отобразить при помощи HTML. Однако над ней сейчас ведется активная работа. Технология быстро развивается и совершенствуется. Кроме того, Google стимулирует веб-мастеров использовать на своих сайтах АМР тем, что выводит ресурсы с такими страницами на первые позиции в поиске через мобильные устройства. Это означает, что за технологией АМР будущее, и стоит уже сейчас обратить на нее пристальное внимание.

Настройка AMP на WordPress — практическое руководство

Настраивается АМР для каждого отдельного сайта WP индивидуально при помощи установки определенных плагинов. Например, можно использовать расширение «Glue for Yoast SEO & AMP», которое является дополнением к плагину Yoast SEO. Но для новых версий движка он не подходит. На них устанавливается «Accelerated Mobile Pages».

Установка AMP for WP – Accelerated Mobile Pages

Существует два способа установки плагина Accelerated Mobile Pages. Первый – скачать его на официальном сайте разработчика и загрузить из памяти компьютера при помощи загрузчика платформы. Второй вариант – использовать консоль вордпресс. В этом случае необходимо зайти в раздел «плагины» и нажать кнопку «добавить новый». В результате откроется каталог. В его поисковой строке следует ввести название плагина и нажать «поиск». Система найдет нужное расширение, после чего его просто надо установить, следуя подсказкам.

Настройка AMP for WP – Accelerated Mobile Pages

По завершении загрузки и установки плагина необходимо его активировать. Это делается через специальную кнопку в разделе плагнинов. После активации в консоли WordPress появится фирменный значок АМР, что свидетельствует о том, что расширение работает. Чтобы настроить его, нужно открыть окно с настройками. В нем есть большое количество вкладок. Настраивать следует каждую из них. Ниже приведен пример настройки по каждой вкладке отдельно.

General

Здесь можно выбрать логотип ресурса. В этом же разделе выбирается вариант домашней страницы. Делается это через выпадающее меню «Select Page as Front Page». В некоторых темах домашняя страница автоматически приобретает формат АМР. Но не во всех. В тех, в которых нет автоматического преобразования, используются дополнительные блоки «Select Page as Front Page» и «AMP Page Bilder». Эти блоки встраиваются во все страницы портала. Они позволяют корректировать контент на страницах с АМР функцией.

Page Builder

Этот раздел отвечает за отображение блоков, о которых говорилось выше.

Данный раздел необходим для регулировки выведения блоков рекламных сетей. К ним относится и Google Adsense. Но эта функция является платной. Она подключается после внесения определенной суммы (около 30 долларов). Используется только при необходимости.

Раздел, в котором можно для страниц с АМР оптимизировать параметры SEO. Здесь есть несколько пунктов. Чтобы тонко настроить оптимизацию необходимо пройтись по всем пунктам и установить настройки в соответствии с особенностями сайта и собственными запросами.

Analytics

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

Structured Data

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

Notifications

Одна из необязательных платных функций. Нужна для активации использования cookie.

Contact Form

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

Comments

Бесплатный вариант позволяет подключить комментарии через Disqus и Facebook. Можно настроить комментарии сразу на страницах с АМР. Но этот вариант на сегодняшний день относится к платным функциям и требует дополнительной оплаты.

Facebook Instant Articles

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

Hide AMP Bulk Tools

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

Advance Settings

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

Translation Panel

Позволяет добавить в фурер свой копирайт, а также перевести отдельные страницы АМР.

Themes

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

Global

Дает возможность устанавливать собственные CSS стили. Кроме того отвечает за вывод формы поиска по сайту и отображение номера телефона.

Header

Здесь можно запустить навигационное меню для ускоренной версии сайта. Кроме того, в данном разделе есть возможность включить переход на кастомную версию портала при нажатии на логотип.

HomePage

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

Single

Раздел для настройки выведения записей блога. Состоит из нескольких пунктов. Имеет смысл хорошо продумать каждый пункт. От настройки зависит удобство восприятия информации посетителями.

Footer

Состоит из одного единственного пункта. При его активации в футер сайта добавляется ссылка на обычную версию, и не ускоренную.

Тоже раздел из одного пункта. В нем можно активировать мета-описания страниц.

Social

Сюда внесены основные социальные сети. При необходимости можно подключить к ускоренным страницам данные профилей соц сетей.

Раздел, в котором при нажатии кнопки Launch Post Builder включается предпросмотр вида постов. Здесь же включается поддержка языков с написанием справа налево.

Extensions

Раздел с плагинами, которые при необходимости можно установить. Представляет собой страницу со списком предлагаемых расширений. Бесплатно предоставляется только один из них – Category Base Remove. Все остальные распространяются на платной основе. Category Base Remove предназначен для корректного отображения страниц категорий. Его устанавливают обязательно. Платные варианты используются по необходимости.

Fix AMP Errors

Если при сканировании страниц АМР роботом системы Google обнаруживаются ошибки, они показываются в панели управления Search Console. В этом случае используются для их устранения платные сервисы. Чтобы найти эти сервисы нужно перейти в раздел Fix AMP Errors.

Plugins Manager

Здесь активируется управление приобретенными за дополнительную плату вспомогательными плагинами.

Send Feedback

Здесь располагается кнопка, осуществляющая связь с разработчиками Accelerated Mobile Pages.

Import / Export

Настройки Accelerated Mobile Pages можно импортировать или экспортировать. Делается это через раздел Import / Export.

Плагин Glue for Yoast SEO & AMP

Если версия движка позволяет пользоваться плагином Yoast SEO & AMP, можно выбрать для перевода страниц в АМР его. Перед установкой данного расширения необходимо скачать и установить плагин Yoast SEO. После этого загружается АМР дополнение, и в меню плагина Yoast SEO появляется кнопка для настройки ускоренных страниц.

АМР по умолчанию видоизменяет под быструю загрузку только актуальные записи. Но Yoast расширяет возможности управления и позволяет выбирать разделы и страницы для преобразования. К тому же Yoast имеет варианты настройки выведения цветов, дизайна и фирменной символики на ускоренных страницах.

Нужно ли применять АМР на своем сайте

На сегодняшний день это инновационная технология. Она быстро развивается, и в настоящее время работает гораздо стабильнее чем, например, полгода назад. Базируется технология на создание копии страниц, которые отличаются от оригинала облегченностью. Ее возникновение связано с тем, что на мобильных устройствах с медленным подключением к сети самые эффектные и проработанные сайты открываются слишком медленно. При этом часто посетители уходят, не дождавшись открытия главной страницы. Согласно статистике посетители сайтов готовы ждать загрузки не более 3 секунд. Внедрение технологии АМР обеспечило сначала всем желающим возможность сделать их ресурсы менее привлекательными по дизайну, но гораздо более эффективными по скорости загрузки. Сейчас дизайн страниц АМР практически не меняется.

Сегодня технологию используют крупнейшие интернет проекты. Когда страница отображается через АМР, она отмечается соответствующим значком, благодаря чему посетитель знает, что перед ним не полная, а облегченная версия. Увидеть легкую версию сайта на мониторе ПК невозможно. Она отображается только на мобильных устройствах. Но в инструментах Chrome есть соответствующий эмулятор, который можно использовать для предпросмотра.

Плюсы и минусы АМР

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

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

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

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

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

Как установить Google AMP страницы на сайт WordPress с помощью плагина (отзывы и подробная настройка)

Нововведения компании Гугл для ускоренных страниц вызвало много негодования, но придётся и нам подстраиваться, разберём amp wordpress плагин, меняющий стандартные записи на продвинутые.

Что такое Google AMP и для чего это нужно?

Google AMP – это технология, ускоряющая работу на мобильных устройствах. Суть вопроса: для оптимизации и ускорения загрузки веб- ресурса Гугл предлагает использовать свои инструменты, а точнее библиотеку. Получается, что, используя дополнение, создаётся “облегченная” мобильная версия.

В данном мануале разберём подробную настройку плагина для wordpress. Также в конце приведем ещё примеры, уступающие данному.

Плагин AMP for WP – Accelerated Mobile Pages

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

И мобильная версия

Советуем к прочтению

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

Установив и активировав плагин, в админ-панели появится пункт меню:

Для настройки необходимо перейти AMP -> Settings.

Рассмотрим основные настройки, которых достаточно для корректного отображения Вашего сайта в мобильной версии.

На вкладке General Вы сможете выполнить глобальные настройки плагина:

  • Добавить логотип (Logo)
  • Размер логотипа(Custom Logo Size)
  • В разделе AMP Support указываем к каким частям проекта будет применяться технология. Доступные значения: страницы (AMP on Pages), главная (Homepage Support), категории (Archive page Support).

Перейдя на Advertisement, Вы сможете выбрать места для отображения рекламных объявлений.

Раздел SEO настраивает SEO-оптимизацию. Добавляем дополнительные теги в заголовок AMP-страниц (Additional tags for Head section AMP page), включить мета-тег Description (Meta Description), а также задать параметры разрешения/запрета индексирования (Archive subpages (sitewide), Author Archive pages, Date Archive pages).

В Analytics можно установить Гугл-аналитику для мобильных страниц Вашего сайта.

Область Structured Data позволит внедрить структурированные данные, загрузив туда изображение (обычно используется логотип)

Перейдя во вкладку Contact Form, Вы можете добавить контактную форму на мобильную версию (по умолчанию доступны, создаваемые плагинами Contact Form 7 и Gravity Forms ).

Comments позволяет настроить комментарии. Так, можно выставить количество показываемых комментариев (No of Comments), а также включить поддержку Disqus и Facebook (опции Disqus comments Support и Facebook comments Support соответственно).

В Advance Settings Вы сможете поставить ссылки (или любой HTML код) в хедере и футере (Enter HTML in Header, Enter HTML in Footer).

Проверка в search console

Через несколько дней после установки гугл пришлёт на почту результаты сканирования блога и со 100% уверенностью там будут ошибки. Переходите по ссылке в search console и видите что не в порядке. Показать не можем, потому что для каждого ресурса рекомендации свои.

Что получаем

Функционал плагина довольно богат и разнообразен. Установив это бесплатное решение на wordpress, получите облегчённую валидную версию. А имея поддержку Accelerated Mobile Pages, сайт, согласно заявлениям компании, будет стоять выше в поисковой выдаче.

Остальные amp wordpress плагины

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

AMP официальный плагин от google (by automattic)

Да компания Google (а точнее дочерняя фирма automattic) в поддержку своей новой функции выпустила плагин с простым названием “ AMP“. До недавнего времени инструмент поддерживал амп только на уровне записей, но после обновления в марте 2020 года, стало возможным присоединять к статическим страницам и медиафайлов.

Настроек нет вообще, только где отображать и как использовать. Имеет три варианта тем оформления:

  1. Native- Повторно использует шаблоны активной темы для отображения амп, но не отдельные URL-адреса.
  2. Paired- Берёт оформление активного шаблона для передачи, но использует отдельные URL-адреса для амп.
  3. Classic- Отображение АМП в классических (устаревших) шаблонах wordpress в базовом дизайне, который не соответствует вашей темы.

Glue for Yoast SEO & AMP поисковая иниеграция

Если для сео оптимизации вы используете Seo By Yoast, а для вывода ускоренных страниц стандартный плагин AMP от гугла, то обязательно установите Glue for Yoast SEO , чтобы перезаписать правильно канонические и url адреса. С первого взгляда его работы не увидишь, но для хорошей обработки запросов лучше поставить.

Facebook Instant Articles & Google AMP Pages by PageFrog добавляет блоки adsense

До недавнего времени крутой плагин Facebook Instant Articles , стоявший на многих блогах Америки и других стран. Основная направленность это правильная генерация AMP (для гугла) и FBIA (для facebook). Преимущества:

  • Может изменять внешний вид
  • Монетизация посредством установки кода Adsense и Facebook блоков
  • Добавление кодов аналитики

Данный инструмент не поддерживается 3 года, о совместимости и полной работоспособности делайте выводы после установки.

AMP Analytics

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

WP AMP — Accelerated Mobile Pages for WordPress and WooCommerce

Знаменитый и уникальный WP AMP , стабильно развивающийся продукт на протяжении 3 лет. Хвастается 100% поддержкой woocommerce, и множества других дополнений. Позволяет настроить любые параметры, которые не найдёте у других. На данный момент стоит 49$, для простого блога не советую приобретать, но если решили установить Accelerated Mobile Pages на WordPress, и плюсом привязать woocommerce то по любому будет нужен.

Особенности по мнению разработчиков:

  • Включите все типы контента и архивы на мобильном сайте wordpress
  • Вставить изображения, видео, аудио и фреймы
  • Полностью настроить стандартный дизайн или создать совершенно новый
  • Отслеживайте посетителей с помощью Analytics, Tag Manager, Яндекс.Метрики и Facebook Pixel
  • Работа с Yoast SEO, All in one SEO pack, SEO Framework, SEO Ultimate
  • Интеграция с WooCommerce для продажи на мобильном телефоне
  • Заработайте дополнительные деньги, добавив рекламу AdSense и DoubleClick

Итог и наш отзыв

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

В статье подробно изучили и нашли amp wordpress плагины и платные и бесплатные, дополнения и расширения. Хотим услышать мнение читателей в отзывах и комментариях.

Добавить комментарий