Accelerated Mobile Pages AMP WordPress

Accelerated Mobile Pages AMP WordPress

 Привет ! Мы продолжаем разбирать самые интересные и самые полезные плагины для сайта WordPress ! Сегодня вы узнаете как настроить на своём сайте ускоренные мобильные страницы AMP. Я уже писал Вам о плагине который добавляет на сайт поддержку AMP. Но, дело в том, что данный плагин лучше всего работает в связке с плагином, который мы сегодня разберём. Вы сможете настроить ускоренные мобильные страницы. Вы сможете добавить социальные кнопки, комментарии disqus, похожие записи, меню, гугл аналитику, рекламу adsense и т.д.

Установить плагин AMP for WP – Accelerated Mobile Pages вы сможете прямо из админ-панели WordPress. Перейдите на страницу: Плагины – Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

AMP for WP - Accelerated Mobile Pages

 

Далее, после установки и активации данного плагина, не забудьте установить и активировать плагин 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 код в подвал.

 

Сохраните все сделанные изменения.

 

Accelerated Mobile Pages Options

 

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

 

настроить внешний вид AMP страницы мобильный

 

Обратите внимание, в настройках плагина есть функция для импорта и экспорта страниц AMP Import / Export.

 

Остались вопросы ? Напиши комментарий ! Удачи !

 

info-effect.ru
Добавить комментарий

Имя и Email указывать не обязательно. Чтобы получить ответ на свою электронную почту, укажите свой Email.

  1. Юрий

    Этот плагин сам автоматически создаёт картинки всех необходимых размеров и проставляет атрибуты в тег img?

    Ответить
    1. Admin автор

      Да, если у вас атрибуты у изображений проставлены, то они и в AMP будут отображаться.

      Ответить
  2. Александр

    Тестил его на бесплатном хостинге, все работает. А вот на неосновном сайте, но который рабочий и на https протоколе, что-то не выходит. На главной все окей, а в записи не пускает. Пишет что выполнена переадресация слишком много раз. После перехода на защищенный протокол с помощью плагина сделал 301 редирект на защищенную версию. Вот сейчас в поисках решения проблемы зашел и к вам.

    Ответить
    1. Admin автор

      Значит дело в протоколе. Может помочь плагин HTTP / HTTPS Remover.

      Ответить
  3. Марриэтта

    Здравствуйте. У меня почему-то с этим плагином проблема на всех сайтах… все ссылки неактивные. И в статье, и на схожие публикации, и вообще – все. Как исправить?

    Ответить
  4. Александр

    Оказалось,что проблема в хостинге и сервере Лайтспид. На обычном хостинге плагин прекрасно работает. А основной сайт у меня не на Фоззи с Лайтспид, а на Спринтхосте, поэтому все нормально) В общем дело было не в протоколе https, а в типе сервера хостинга. Для работы плагина на Фоззи скорее всего нужен какой-то “костыль”, так как происходит много переадресаций, но для меня это неактуально, так как работает основной сайт прекрасно.

    Ответить
    1. слава

      У меня такая же проблема, не знаю что и делать. Сайт тоже на Фоззи

      Ответить
      1. Александр

        Нашел причину, оказывается дело в плагине Лайтспид кеш, наверное у вас такой же стоит. Мне вот пришлось экспериментировать, чтобы решить одну проблему и поставить Суперкеш с Автооптимайзе. Вот и чего-то решил проверить АМП плагин и все заработало))
        По большому счету нужно было бы написать разработчику, чтоб исправил. Либо может там в Лайтспидкеше плагине есть какие-то настройки, может подсказал бы.

        Ответить
        1. Слава

          Александр, скажите поподробнее, что нужно сделать, что бы заработало

          Ответить
          1. Александр

            Ну у меня стоял плагин для кеша LiteSpeed Cache, который кешировал и минифицировал для ускорения загрузки сайта (он специально сделан для хостингов с сервером Лайтспид, то есть для Фоззи хостинга в том числе). Я его отключил и заменил на плагины WP Super Cache для кеширования и Autoptimize для минификации. После этого заработал плагин для АПМ.

  5. Максим

    Accelerated Mobile Pages отображает у меня на странице поста id записи.

    Ответить
    1. Admin автор

      Не понял вашего вопроса.

      Ответить
  6. Максим

    То я уже исправил появилась вод такая проблема

    search.google.com/test/amp?hl=ru&id=Z3lg41_7ALGXKP-Ci38UIQ

    Буду очень благодарен ели сумеете помощь в ее исправлении

    Заранее Спасибо

    Ответить
  7. Александр

    Ставьте плагин АМП от Аутоматик, он работает на Фоззи. Конечно он очень простой и рекламу непонятно как вывести, но появился новый платный плагин для рекламы в АМП: searchengines.guru/showpost.php?p=15521184&postcount=14
    Но я бы все же спросил в поддержке хостинга об этой проблеме, возможно можно как-то обойти ее и поставить тот, более продвинутый плагин.

    Ответить
    1. слава

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

      Ответить
      1. Александр

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

        Ответить
  8. Ирина

    А у меня с этим сайтом проблема((( В ЯВ вылезла ошибка: Значительная часть страниц сайта не содержит мета-тег , или он некорректно заполнен. И в качестве примера таких страниц – почти все амп-шные(( Проверила все галочки в СЕО (стоит, конечно же, на сайте и Yoast) – всё норм. Вот что делать?

    Ответить
    1. Александр

      У меня стоит СеоПак и все нормально. Непонятно какое дело Яндекс Вебмастеру к АМП страницам. У меня очень редки там упоминания о них. Может у вас не проставился тег каноникал и они тоже индексируются Яндексом?

      Ответить
    2. Admin автор

      То есть описание у страниц есть, оно адекватное, но ЯВ всё равно выдаёт ошибку? Описание к страницам давно добавляли? Может оно ещё в индекс не попало. Дайте ссылку на одну такую страницу.

      Ответить
  9. Ирина

    Ну вот и не знаю, какое дело ЯВ ло АМП. А как проверить, проставился или не проставился каноникал? И СеоПак у вас вместо Yoast?

    Ответить
    1. Александр

      Да, у меня СеоПак вместо Йоаст, Йоаст мне показался слишком сложным в настройках. Чтобы проверить нужно зайти на любую статью в АМП версии с ноутбука например и посмотреть исходный код страницы, там должно быть типа такого: link rel=”canonical” href= и далее урл этой страницы обычной версии без АМП.

      Ответить
      1. Ирина

        Есть кое-где такое. А вот кое-где нету.

        Ответить
        1. Александр

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

          Ответить
        2. Александр

          Там есть у Йост сео еще какой-то дополнительный плагин для АМП: Glue for Yoast SEO, может его вам нужно еще поставить и настроить.

          Ответить
          1. Ирина

            стоит такое, спасибо. Буду что-то думать(

  10. Надежда

    Илья, добрый вечер. Приходилось ли Вам иметь дело с платными плагинами AMP?

    Ответить
    1. Admin автор

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

      Ответить
  11. Андрей

    В плагине AMP for WP может подскажете как настроить, чтобы при клике на рекомендуемые посты, переходы были на обычную версию сайта?

    Ответить
    1. Admin автор

      Такой функции, у данного плагина нет.

      Ответить
  12. Иван

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

    Ответить
    1. Admin автор

      Добавить CSS код в настройки плагина, там есть специальное поле для добавления своих стилей

      Ответить