Привет ! Мы продолжаем разбирать самые интересные и самые полезные плагины для сайта 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.
Остались вопросы ? Напиши комментарий ! Удачи !
Этот плагин сам автоматически создаёт картинки всех необходимых размеров и проставляет атрибуты в тег img?
Да, если у вас атрибуты у изображений проставлены, то они и в AMP будут отображаться.
Тестил его на бесплатном хостинге, все работает. А вот на неосновном сайте, но который рабочий и на https протоколе, что-то не выходит. На главной все окей, а в записи не пускает. Пишет что выполнена переадресация слишком много раз. После перехода на защищенный протокол с помощью плагина сделал 301 редирект на защищенную версию. Вот сейчас в поисках решения проблемы зашел и к вам.
Значит дело в протоколе. Может помочь плагин HTTP / HTTPS Remover.
Здравствуйте. У меня почему-то с этим плагином проблема на всех сайтах… все ссылки неактивные. И в статье, и на схожие публикации, и вообще – все. Как исправить?
Оказалось,что проблема в хостинге и сервере Лайтспид. На обычном хостинге плагин прекрасно работает. А основной сайт у меня не на Фоззи с Лайтспид, а на Спринтхосте, поэтому все нормально) В общем дело было не в протоколе https, а в типе сервера хостинга. Для работы плагина на Фоззи скорее всего нужен какой-то “костыль”, так как происходит много переадресаций, но для меня это неактуально, так как работает основной сайт прекрасно.
У меня такая же проблема, не знаю что и делать. Сайт тоже на Фоззи
Нашел причину, оказывается дело в плагине Лайтспид кеш, наверное у вас такой же стоит. Мне вот пришлось экспериментировать, чтобы решить одну проблему и поставить Суперкеш с Автооптимайзе. Вот и чего-то решил проверить АМП плагин и все заработало))
По большому счету нужно было бы написать разработчику, чтоб исправил. Либо может там в Лайтспидкеше плагине есть какие-то настройки, может подсказал бы.
Александр, скажите поподробнее, что нужно сделать, что бы заработало
Ну у меня стоял плагин для кеша LiteSpeed Cache, который кешировал и минифицировал для ускорения загрузки сайта (он специально сделан для хостингов с сервером Лайтспид, то есть для Фоззи хостинга в том числе). Я его отключил и заменил на плагины WP Super Cache для кеширования и Autoptimize для минификации. После этого заработал плагин для АПМ.
Accelerated Mobile Pages отображает у меня на странице поста id записи.
Не понял вашего вопроса.
То я уже исправил появилась вод такая проблема
search.google.com/test/amp?hl=ru&id=Z3lg41_7ALGXKP-Ci38UIQ
Буду очень благодарен ели сумеете помощь в ее исправлении
Заранее Спасибо
Ставьте плагин АМП от Аутоматик, он работает на Фоззи. Конечно он очень простой и рекламу непонятно как вывести, но появился новый платный плагин для рекламы в АМП: searchengines.guru/showpost.php?p=15521184&postcount=14
Но я бы все же спросил в поддержке хостинга об этой проблеме, возможно можно как-то обойти ее и поставить тот, более продвинутый плагин.
Александр, я написал тикет на хостинг. Сказали попробуем разобраться, взяли данные сайта, так что подожду.
К сожалению оказалось дело не в хостинге и не в кеширующем плагине. Зависит от разных непонятных причин, так как на одном сайте так и не работает корректно АМП плагин. А на другом вдруг заработал. Но там я поменял шаблон сайта, но такой же стоит и на неработающем и в общем все полностью идентично. Но на одном сайте все работает, а на другом нет.
А у меня с этим сайтом проблема((( В ЯВ вылезла ошибка: Значительная часть страниц сайта не содержит мета-тег , или он некорректно заполнен. И в качестве примера таких страниц – почти все амп-шные(( Проверила все галочки в СЕО (стоит, конечно же, на сайте и Yoast) – всё норм. Вот что делать?
У меня стоит СеоПак и все нормально. Непонятно какое дело Яндекс Вебмастеру к АМП страницам. У меня очень редки там упоминания о них. Может у вас не проставился тег каноникал и они тоже индексируются Яндексом?
То есть описание у страниц есть, оно адекватное, но ЯВ всё равно выдаёт ошибку? Описание к страницам давно добавляли? Может оно ещё в индекс не попало. Дайте ссылку на одну такую страницу.
Ну вот и не знаю, какое дело ЯВ ло АМП. А как проверить, проставился или не проставился каноникал? И СеоПак у вас вместо Yoast?
Да, у меня СеоПак вместо Йоаст, Йоаст мне показался слишком сложным в настройках. Чтобы проверить нужно зайти на любую статью в АМП версии с ноутбука например и посмотреть исходный код страницы, там должно быть типа такого: link rel=”canonical” href= и далее урл этой страницы обычной версии без АМП.
Есть кое-где такое. А вот кое-где нету.
Ну вот скорее всего где нет, те страницы и с ошибками в Яндекс Вебмастере. Как исправить я не знаю, может автор этой статьи поможет.
Там есть у Йост сео еще какой-то дополнительный плагин для АМП: Glue for Yoast SEO, может его вам нужно еще поставить и настроить.
стоит такое, спасибо. Буду что-то думать(
Илья, добрый вечер. Приходилось ли Вам иметь дело с платными плагинами AMP?
Здравствуйте. Вообще AMP не использую, ни платный, ни бесплатный. Пока не вижу смысла. Шаблон адаптивный, итак нормально грузится.
В плагине AMP for WP может подскажете как настроить, чтобы при клике на рекомендуемые посты, переходы были на обычную версию сайта?
Такой функции, у данного плагина нет.
Добрый день.
Подскажите, пожалуйста, как сделать подчеркнутые ссылки чтобы были в статьях на amp страницах, с помощью этого плагина?
Добавить CSS код в настройки плагина, там есть специальное поле для добавления своих стилей