🏎 SEO-ТЗ на AMP для разработчика Сеошница Галина Бакушва...

🏎 SEO-ТЗ на AMP для разработчика

Сеошница Галина Бакушва написала краткое ТЗ по AMP в части касающейся SEO.

❇️ Читаем https://www.ampproject.org/docs/getting_started/create/basic_markup руководство от Google с техническими подробностями разметки.

❇️ Прописываем канонические URL в header AMP-страниц

❇️ На каждой main-странице ставим следующее выражение c ссылкой на AMP-страницу

❇️ Внести в robots.txt строку, запрещающую сканирование страниц AMP для всех ПС, кроме Google

❇️ Прописать обязательные атрибуты для изображений в фиде

❇️ АMP не видит внешние стили, поэтому лучше в header внедрить CSS-стили.

❇️ Прописать все нужные поля в описание <script type="application/ld+json">

❇️ Для добавления аналитики — в хэдер поставить скрипт

<script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>

И вставляем коды счетчиков для «Метрики» и Analytics.

❇️ Если надо добавить рекламу, то в header поставить скрипт

<script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>

И в тег сам рекламный блок добавляем.

❇️ Чтобы добавить меню, в header ставим скрипт:

<script async custom-element="amp-sidebar" src="https://cdn.ampproject.org/v0/amp-sidebar-0.1.js"></script>

Далее добавляем кнопку, при нажатии на которую будет показываться сайдбар:

<div role="button" on="tap:sidebar.toggle" tabindex="0" class="" id="ham">☰</div>

И добавляем сам сайдбар в код.

Ссылка на статью → http://bit.ly/2GDFKBf

Источник новости https://t.me/seoaralov/512...