AMP страницы для WordPress

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

Первым делом нужно найти и добавить плагин AMP, соответственно активировать.
AMP плагин WordPress

Плагин автоматически создаст нужные мне страницы AMP. Они будут иметь стандартный адрес имеющихся страниц с приставкой /amp. К примеру эта страница имеет адрес https://rustaste.ru/amp-stranicy-dlya-wordpress.html/amp

На этом можно остановиться, но мне нужно добавить на страницы статистику Google и Yandex, а так же добавить РСЯ на страницы AMP

Теперь нужно зайти в файловый менеджер, в папке с плагинами найти папку AMP. В  templates нужно найти всего один файл single.php и скачать себе на компьютер

Single.php в файловом менеджере

Статистика Google и Яндекс на AMP

Открываю Single.PHP в Notepad++, перед закрывающимся тегом HEAD надо вставить код вызова скрипта
<script async custom-element=»amp-analytics» src=»https://cdn.ampproject.org/v0/amp-analytics-0.1.js»></script>

Выглядит это следующим  образомКод вызова скрипта для статистики

Теперь перед закрывающимся тегом BODY надо вставить сами коды с параметрами для Яндекс.Метрики и Gooogle Analytics соответственно

Вместо XXXXXXXXX надо вставить свой номер счетчика в Яндекс.Метрики
<amp-analytics type=»metrika»>
<script type=»application/json»>
{ «vars»: { «counterId»: «XXXXXXXXX», «yaParams»: «{\»key\»:\»value\»,\»__ymu\»:{\»user_param_key\»:\»user_param_value\»}}» },
«triggers»: { «notBounce»: { «on»: «timer», «timerSpec»: { «immediate»: false, «interval»: 15, «maxTimerLength»: 16 }, «request»: «notBounce» },
«halfScroll»: { «on»: «scroll», «scrollSpec»: { «verticalBoundaries»: [ 50 ] },
«request»: «reachGoal», «vars»: { «goalId»: «halfScrollGoal» } },
«partsScroll»: { «on»: «scroll», «scrollSpec»: { «verticalBoundaries»: [ 25, 90 ] },
«request»: «reachGoal», «vars»: { «goalId»: «partsScrollGoal» } } } }
</script>
</amp-analytics>

Вместо XX-XXXXXXXX-X свой номер счетчика в Gooogle Analytics
<amp-analytics type=»googleanalytics» id=»analytics1″>
<script type=»application/json»>
{
«vars»: {
«account»: «XX-XXXXXXXX-X»
},
«triggers»: {
«trackPageview»: {
«on»: «visible»,
«request»: «pageview»
}
}
}
</script>
</amp-analytics>
На деле все выглядит так
Коды счетчиков Я.Метрики и Google AnaliticsПосле добавления кодов статистика начинает работать без проблем.

Блоки РСЯ для AMP страниц
Для отображения рекламных блоков Яндекс Директ на страницах AMP, необходимо на странице управления RTB-блоками добавить блок для AMP страниц, как это сделать не буду описывать.На страницах, где нужно выводить объявления, добавить следующий код. Вместо X-X-XXXXXX-X надо вставить свой номер RTB-блока
<amp-ad width=»300″ height=»250″
type=»yandex»
data-block-id=»X-X-XXXXXX-X»
data-html-access-allowed=»true»>
</amp-ad>
Вставить код можно перед и после кода, этот код вызывает текстовое содержание страницы
<?php echo $this->get( ‘post_amp_content’ ); // amphtml content; no kses ?>
Код выглядит примерно так
Код вызова объявлений
Объявления выглядят примерно так

Объявления Яндекс для AMP

Страницы индексируются очень быстро, почти все страницы вышли в индекс за 3 дня

Индекс AMP станиц
На этом все.
С ув Эдуард

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

4 комментариев для “AMP страницы для WordPress”

    1. Сложно дать оценку. Была проведена огромная работа, проведена куча разных мер по продвижению!
      Но появилась статистика переходов на AMP страницы

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

Ваш адрес email не будет опубликован.