Как создать AMP версию блога?

[Марина Кужелева]

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

[Aldous]

ДД.

Это сложная штука. 

Нужно найти валидный амп-шаблон (1 такой точно есть), затем вручную постить и переделывать статьи и связывать с основным блогом.

Без суперважной цели рекомендую не заморачиваться.

Жду, когда команда Блоггер раздуплится, но пока новостей по поводу АМП не поступало.

[Марина Кужелева]

А с исправлением "W3C"ошибок,сжатием GZIP,"МАНИФЕСтом" есть шансы?Или тоже заморачиваться не следует?

[Aldous]

AMP для Blogger.

1. Скачать валидный амп шаблон и поправить по вкусу (меню, футер и т.д.)
2. Создать поддомен вида amp.domain.com
3. На нем создать страницу с сообщением, что это амп и полная версия по адресу www.domain.com  и поставить переадресацию с главной не нее, это самый быстрый способ, чтобы юзеры не лазили на главную
4. Создаем на амп-блоге пост, эквивалентный полной версии, там в посте пишем, что это лайтовая версия и обычная по такому-то адресу, например
   https://www.domain.com/2019/04/post.html
5. В шаблоне обычного блога в head пишем:
   <b:if cond='data:blog.url == &quot;https://www.domain.com/2019/04/post.html&quot;'><link href='https://amp.domain.com/2019/04/post.html?m=1' rel='amphtml'/></b:if>
   это указание, что есть альтернативная версия по этому адресу (адрес поста и адрес амп-страницы с параметром ?m=1)
6. В амп-шаблоне прописываем каноникал для url-а поста обычного блога
   <b:if cond='data:blog.url == &quot;https://amp.domain.com/2019/04/post.html&quot;'><link href='https://www.domain.com/2019/04/post.html' rel='canonical'/></b:if>
7. Проверяем в Гугле на валидность https://search.google.com/test/amp
8. В Search Console занести amp.domain.com (не обязательно, если используешь домен-ресурс www.domain.com).

Конечно каждый пост в амп загонять не надо, но кое-что можно :-).

• В амп нельзя использовать скрипты (по подключению метрики для амп у Яндекса мануал + пример), вложенные стили аля style="" 
• Код каждого изображения надо рихтовать (самое простое - поставить responsive), само изображение чуть увеличить, увеличив в нём параметр с /s320/  на /s640/. Пример: https://2.bp.blogspot.com/.............../s640/.kartinka.png