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

Судя по тому, что вы читаете эту страницу, однажды я всё же решился использовать плагин AMP for WP — Accelerated Mobile Pages for WordPress, чтобы добиться ускорения работы некоторых страниц своего сайта. Сразу вынужден предупредить, что я не разработчик, и не имею к этому плагину никакого отношения. Просто решил написать сам себе инструкцию по настройке, если когда-либо решу использовать его ещё раз. Поэтому всё, что будет описано ниже — мои мысли и рекомендации о пунктах меню. Более развёрнутой инструкции у меня, увы, нет.

Где настроить плагин?

При нормальной работе плагин создаёт в консоли WordPress ещё один пункт меню под названием AMP. Также к настройкам можно перейти со страницы плагинов, если найти в списке плагин под названием Accelerated Mobile Pages и нажать кнопку Settings. По крайней мере во время написания этой статьи всё работало именно так.

Базовая настройка

В плагине предусмотрено несколько подпунктов меню, где можно осуществлять настройку: Setup, Settings и Design. Ещё есть Extension с платными функциями, улучшение плагина до PRO версии и импорта/экспорта настроек, но о них я писать не буду. Давайте просто рассмотрим основные:

Setup

Website Type — можно выбрать тип сайта. Из вариантов Blog, News, Local Business, Ecommerce, Other. Понятия не имею, что делают остальные пункты, но я выбрал Blog.
Where do you need AMP? — вопрос на каких страницах вам нужно использовать технологию AMP. Из вариантов: домашняя страница, записи, страницы, архивы. Теоретически, я хотел бы иметь AMP версии всех страниц сайта, но некоторые кастомные страницы превращаются в пустые или выдают ошибку 404… Придётся проверять всё по два раза.
Design and Presentation — этот пункт настройки предлагает загрузить логотип правильного размера и указать предпочитаемый цвет оформления.
Analytics Tracking — предлагает добавить инструменты аналитики. Я добавил гугл аналитику и Яндекс метрику, чтобы получать информацию с этих страниц.
Privacy Settings — настройки приватности, где нам предлагают включить уведомления об использовании кукисов или GDPR. Я не включал.
Advertisement — настройки подключения Google Adsense. Настроек много, но ключевое тут — выбор мест, где может показываться реклама. И я, как SEOшник, напоминаю, что если рекламы будет слишком много, то позиции сайта будут падать. Знайте меру.
3rd Party Compatibility — предлагают выбрать совместимые плагины, где я указал Yoast SEO, Contact Form 7 и Shortcode. Также там было несколько рекомендованных плагинов, но их у меня нет.

Settings

Пункт меню Settings содержит множество подпунктов, давайте пробежимся по основным.

General

Вкладка Branding дублирует то, что мы уже сделали, а именно предлагает настроить логотип, который будет отображаться на AMP страницах.
Вкладка AMP Support тоже по сути дублирует выбор страниц, на которых будет работать AMP. Я включил все страницы, кроме главной, потому что она у меня кастомная, и из-за этого начинает работать некорректно. Впрочем, я доделал и включил её позже.
Также есть интересный пункт AMP Takeover (Beta), позволяющий насильно превращать все страницы в AMP, но я его не рекомендую, так как он заменяет дизайн и на компьютерной версии, из-за чего сайт становится довольно непривлекательным.

SEO

Вкладка General:
Meta Description — включает Description для AMP страниц. Думаю, стоит включить.
OpenGraph Meta Tags — включает мета тэги OpenGraph, которые, если я правильно понимаю, используются социальными сетями. Я не включал.
Head Section — поле для добавления какого-либо HTML кода в раздел HEAD. Без понятия, что туда нужно добавить, поэтому пропускаю.
Вкладка SEO Plugin Integration:
Select SEO Plugin — выбор вашего SEO плагина. Ваша задача выбрать уже установленный у вас плагин. Лично я использую Yoast SEO.
Там же появится ещё несколько настроек, из которых обязательно нужно включить любую со словом Canonical. В моём случае это Canonical from Yoast. Остальное не включал.
Вкладка Advanced Indexing:
Remove Paginated Pages Indexing — удаляет из индекса страницы пагинации. Я включил на всякий случай.
URL Inspection Tool Compatibility — что-то непонятное про Google Search Console. Тоже включил, но больше в надежде, что разберусь с этим позже.

Page Builder

Тут всего одна вкладка с одной опцией AMPforWP PageBuilder. Я так понимаю, что именно она включает возможность использовать Page Builder, для тех страниц, которые не получилось перевести в AMP автоматически. Теперь AMP вариант каждой страницы можно отредактировать вручную. Включил, но Custom AMP Editor кажется мне удобней.

PWA

Тут тоже всего одна вкладка Progressive Web App, которая предлагает активировать PWA Support, чего я делать не стал. Я ещё с AMP технологией не разобрался, а мне уже PWA какое-то предлагают. Бррр.

Performance

Снова одна вкладка Performance Enhancement, в которой предлагают включить Minify, Leverage Browser Caching и Optimize CSS (beta). Я всё это включил, так как это ускорит работу страниц и лишним не будет. Надеюсь, оно не конфликтует с моим основным плагином кэширования. Также тут можно задать время хранения кэша и очистить его при желании.

Веб-аналитика

Тут разбирать особо нечего — дублирует уже пройденный пункт из Setup, где можно было настроить инструменты аналитики.

Structured Data

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

Notice Bar & GDPR

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

Push Notifications

А тут что-то про Push-уведомления. Тоже не трогал.

Contact Form

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

Comments

Во вкладке Display нам позволяют отключить комментарии для страниц или записей. Я включил, чтобы комментарии выводились.
А вкладка Discussion позволяет выбрать между стандартными WordPress комментариями или сторонними системами комментирования, типа Disqus или Facebook comments. Я оставил обычные и включил пункт «No follow button», хотя вряд ли это на что-то влияет.

Instant Articles

Я без понятия что это, но вкладка называется Facebook Instant Articles Setup, и я забил на неё, потому что не использую эту социальную сеть.

Tools

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

Advance Settings

Mobile Redirection — принудительно редиректит мобильных пользователей на AMP версии тех страниц, которые вы выбрали в настройках General. Включаем!
Tablets — после включения предыдущего пункта, плагин спрашивает хотим ли мы так же редиректить планшеты. И я, пожалуй, включу, хотя может и передумаю.
Search Result Page in AMP — тут спрашивается показывать ли AMP страницы в результатах поиска, вот только я не понял, о каком поиске речь: на сайте или в поисковых системах? Оставил включенным, но надо проверить.
Change Internal Links to AMP — а тут нам нужно выбрать хотим ли мы, чтобы ссылки в теле статьи тоже превращались в AMP. Я включил. Почему бы и нет.
Hide AMP Version — не совсем понял, что оно делает. Перевод: включите, если хотите скрыть AMP версию на странице просмотра исходного кода(генератор).
Category Description — с отключением этой функции плагин отключит описание категорий. Без понятия зачем это. Оставил включенным.
Smooth Scrolling For Links — включите эту опцию, если вы хотите плавную прокрутку для ссылок. Включил, но слабо представляю функционал.
Change End Point to ?amp — включите эту опцию, если /amp/ выдает 404 после повторного сохранения настроек постоянной ссылки (нужно пересохранить настройки тут /wp-admin/options-permalink.php). Также, если я правильно понимаю, оно положительно влияет на SEO. Включил.
Convert AMP to WP theme — не знаю, что оно должно делать, но мне эта функция ломает сайт, поэтому я не включал.
Disable Right Click — отключает правый клик мыши, чтобы информацию с сайта было сложнее скопировать. Не вижу смысла и не включаю.
В поля «Enter HTML in Head», «Enter HTML in Body» и «Enter HTML in Footer» нам предлагают вписать HTML код, который мы хотим разместить в HEAD, Body или Footer соответственно.
Auto Add AMP in Menu URL — добавляет в меню сразу AMP, чтобы не делать каждый раз редирект. Не включал.
Category base remove in AMP — автоматически редиректит категории на AMP. Включил.
Tag base remove in AMP — автоматически редиректит тэги на AMP. Не включал, т.к. не использую тэги.

Остальные пункты пока не осилил, но они у меня выключены.

E-Commerce

Тут что-то про WooCommerce, но я не использую этот плагин, поэтому не включал.

Translation Panel

В этой замечательной вкладке нам предлагают самостоятельно перевести почти все кнопки модуля. И это очень удачно, потому что в моей версии модуля не работает кнопка «Перейти к обычной версии». Я повесил её функцию на «Leave a Comment», так как переход к написанию комментария всё равно переносит к обычной версии страницы. На мой взгляд удачное решение.

Design

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

  • В Themes ничего интересного.
  • В Global самая полезная настройка — это поле Custom CSS, куда можно вписать немного стилей.
  • В Header включаем и настраиваем Navigation Menu, которое лично я сделал липким (Sticky Header).
  • В HomePage можно настроить вид записей, но я их не вывожу, поэтому ничего не трогал.
  • В Single куча визуальных настроек записи. Я отключил всё про автора и дату, но включих хлебные крошки.
  • В Footer я бы указал ссылку на Non-AMP page, но она работает не всегда. Проверяйте у себя.
  • В Page я оставил только Breadcrumbs и Meta Information. Остальное выключил.
  • В Social Sharing ничего не включал, но может быть передумаю.
  • В Date, кажется, настраивается визуальное оформление даты, вывод которой я отключил. Ну и ладно.
  • В Misc можно включить пункт Sub-Categories under Category, выводящий подкатегории на странице категорий. Я отключил.

Итоги

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

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

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

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