Привет ! Мы продолжаем разбирать самые интересные и самые полезные плагины для сайта WordPress ! Сегодня вы узнаете как настроить на своём сайте ускоренные мобильные страницы AMP. Я уже писал Вам о плагине который добавляет на сайт поддержку AMP. Но, дело в том, что данный плагин лучше всего работает в связке с плагином, который мы сегодня разберём. Вы сможете настроить ускоренные мобильные страницы. Вы сможете добавить социальные кнопки, комментарии disqus, похожие записи, меню, гугл аналитику, рекламу adsense и т.д.
Установить плагин AMP for WP — Accelerated Mobile Pages вы сможете прямо из админ-панели WordPress. Перейдите на страницу: Плагины — Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.
Далее, после установки и активации данного плагина, не забудьте установить и активировать плагин AMP. Вверху страницы у вас появится соответствующее уведомление. Далее, перейдите на страницу: AMP. Здесь вы сможете настроить основные параметры плагина:
General.
— Logo, можете загрузить свой логотип.
— Custom Logo Size, можете указать свои размеры для логотипа.
— Front Page, можно указать главную страницу для AMP.
— AMP on Pages, включить или отключить AMP для всех страниц.
Analytics.
— Analytics Type, выберите поставщика аналитики.
— Google Analytics, укажите идентификатор гугл аналитики, если вы выбрали Google Analytics.
— Use Google Tag Manager, оставьте без изменений.
Design.
— Launch Post Builder, нажмите на данную кнопку, чтобы перейти на страницу настройки ускоренных мобильных страниц.
— Design Selector, здесь можно выбрать стиль или дизайн для страниц AMP.
— Custom CSS, можете добавить свои CSS стили.
SEO.
— Add Meta Tags from Yoast, добавить мета теги от Yoast.
— Yoast Custom Description for AMP page, добавить мета описание от Yoast.
— Additional tags for Head section AMP page, добавить дополнительные мета теги в секцию Head (заголовок).
Advanced Index & No Index Options.
— Archive subpages (sitewide), запретить или разрешить индексацию архива подстраниц AMP.
— Author Archive pages, запретить или разрешить индексацию архива автора.
— Date Archive pages, запретить или разрешить индексацию архива по датам.
— Categories & Tags, запретить или разрешить индексацию страниц категорий и меток.
Menu.
— Add Menus to your AMP pages by clicking on this link, нажмите на вкладку link, чтобы создать меню для страниц AMP. Либо оставьте меню сайта по умолчанию.
Advertisement.
— Здесь можно включить поддержку рекламы Google Adsense.
— AD Size, можете выбрать размер рекламного блока adsense.
— Data AD Client, укажите здесь свой персональный номер издателя adsense. Он указан в вашем кабинете adsense, на странице: Настройки — Информация об аккаунте.
— Data AD Slot, укажите здесь свой идентификатор клиента, его можно посмотреть там же где и персональный номер издателя.
Single.
— Sticky Social Icons, включить или отключить липкие социальные иконки.
— Next-Previous Links, включить или отключить ссылки для записей следующий-предыдущий.
— Show Related Post from, выберите здесь откуда будут браться похожие записи, из категорий или меток.
— Number of Related Post, укажите количество похожих записей отображаемых на одной странице записи.
Social Share.
— Здесь можно включить или отключить поддержку определённых социальных сетей.
Structured Data.
— Default Structured Data Logo, можно загрузить логотип, который будет отображаться в структурированных данных Google.
— Default Post Image, загрузите изображение по умолчанию, для записей без миниатюр.
— Default Post Image Width, можно указать ширину изображения по умолчанию.
— Default Post Image Height, можно указать высоту изображения по умолчанию.
Notifications.
— Enable Notifications, вы можете включить или отключить уведомления. Отображаются на всех страницах AMP.
— Notification text, укажите текст уведомления.
— Notification accept button text, укажите текст кнопки «Прочитал» или «Принял».
Translation Panel.
— Здесь вы можете перевести все слова, которые отображаются на страницах AMP, на свой язык.
Disqus Comments.
— Disqus comments Support, вы можете включить поддержку комментариев Disqus.
— Disqus Name, укажите ваше имя в Disqus, как в примере.
— Host Disqus Comments through AMPforWP Servers, оставьте без изменений, чтобы комментарии отображались через хост disqus.
Advance Settings.
— Homepage Support, включить или отключить домашнюю (главную) страницу для AMP.
— Non-AMP HomePage link in Header and Logo, включить или отключить ссылку на домашнюю страницу AMP в заголовке и логотипе.
— Archive page Support, включить или отключить архив страниц.
— Mobile Redirection, включить или отключить страницы AMP для мобильных пользователей.
— RTL Support, включить или отключить поддержку перевода страниц.
— Link to Non-AMP page in Footer, включить или отключить пагинацию (нумерацию) страниц AMP в подвале сайта.
— Enter HTML in Header, можно добавить свой HTML код в заголовок.
— Enter HTML in Footer, можно добавить свой HTML код в подвал.
Сохраните все сделанные изменения.
Далее, перейдите на страницу: Внешний вид — AMP. Здесь вы сможете настроить AMP страницы в режиме реального времени. Вы сможете сразу же наблюдать за сделанными изменениями. Здесь вы сможете включить или отключить поддержку и отображение определённых функций.
Обратите внимание, в настройках плагина есть функция для импорта и экспорта страниц AMP Import / Export.