Как настроить AMP-страницы для сайта на WordPress: Подробное описание и инструкция

It Газетёнка -новости в мире it , полезные советы и о том и о сём

Как настроить AMP-страницы для сайта на WordPress: Подробное описание и инструкция

google и amp

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

Как установить модуль

Чтобы поставить плагин, требуется зайти в «Плагины», после «Установить новый», указав в поиске «AMP» и выбрать графу от Ahmed Kaludi, Mohammed Kaludi.

Как установить Amp страницы

Включаем активацию.

AMP для WP

Дальше нужно сделать необходимые настройки.

Как настроить плагин

Для начала заходим в «General» и указываем, для каких типов страниц нужно создавать ускоренные мобильные варианты загрузок, к примеру, Home page или Posts.

Настройки AMP для WP

В меню «Advertisement» нужно указать блок для рекламных сообщений от Google Adsense.

В меню SEO производятся настройки параметров для оптимизации поисковой системы, к примеру, отсюда можно взять информацию о метатегах, к примеру, из YoastSeo. Также использовать настройки канонических страниц, микро-разметки или Open Graph.

микро-разметки или Open Graph.

Далее одним из важнейших разделов является «Web-аналитика», в которой можно установить:

  • Google TagManager;
  • FacebookPixel;
  • Yandex.Metrika;
  • Google Analytics.
Web-аналитика amp

В меню Structure Data заполняется информация для микроразметки.

Для пользователей, которым важно соблюдать GDPR, можно использовать специальные настройки.

GDPR or amp

Если необходимо интегрировать формы и производить работу с заявками, то можно воспользоваться меню «Contact Form».

Contact Form amp

Чтобы оставить комментарий или, к примеру, подключить Disqus, используйте раздел «Commentst».

Commentst amp

Если необходима работа с электронной коммерцией, в том числе Woocommerce, то активируйте этот режим с помощью графы «E-commerce».

Woocommerce и amp

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

перевод amp на русский

В качестве примера, можно посмотреть перевод.

перевод amp на русский

Основной дизайн можно настроить в меню «Design», из которого необходимо перейти в раздел «Global».

настройка дизайна amp

В «Header» указывается информация для шапки и меню.

Header AMP

После идет «Home Page» основная страница.

гЛАВНАЯ страница AMP

Параметры страницы задаются в меню «Single».

Single страница в AMP

В Footer можно отредактировать подвал.

Настройка  Footer в AMP

Для настройки показа данных на страницах используйте раздел «Page».

настройки на страницах раздел «Page» в AMP

В Social Sharing задаются параметры для иконок «Поделиться».

настройка иконок Поделиться в AMP

Для показа даты нужно использовать «Date».

Настройка Date в AMP

Далее нужно проверить результат.

Выполнение проверки

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

проверка в поиске Google плагина AMP

Непосредственно страницы будут показаны так.

Вид страницы в поиске Google с плагином AMP

Все готово.

Поделитесь в соц сетях

Оставьте комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Поделитесь в социальных сетях

Популярные записи

Подпишитесь на новости

Подпишитесь на новые статьи

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

Категории

On Key

Похожие сообщения

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

Оглавление1 Как проводится роботизированная хирургия рака предстательной железы?2 Чем роботизированная хирургия рака простаты лучше традиционных методов?3 Сколько времени занимает роботизированная хирургия простаты?4 Существуют ли какие-либо

YandexGPT

YandexGPT – нейросеть от российского разработчика. Возможности ИИ от Яндекса для помощи в работе и жизни

Оглавление1 Что умеет искусственный интеллект от Яндекса?2 Основные преимущества Yandex GPT3 Как запустить Yandex GPT? YandexGPT – нейросеть от одноименной российской компании. Поисковая система предоставляет

Автоматический вывод рекламных блоков в посты на сайте WordPress: Подробное описание и инструкция

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