Сайт на AMP > Портфолио > Кулинарный блог на AMP

Кулинарный блог на AMP

Задача — перевод существующего блога на AMP


Особенность — на сайте рецепты сделаны через специальный плагин и реализован набор калькуляторов.


Блог — https://lnaumova.ru/


Сохранение микроразметки Schema.org.

В блоге рецепты сделаны через специальный плагин вывода рецептов с добавлением микроданных Schema.org для кулинарных рецептов.

Попытка перевести данный блог была предпринята первый раз в 2019 году. Тогда перевод на AMP привел к незначительному увеличению скорости, но при этом полной потери разметки из-за конфликта плагина рецептов, Гутенберга и Amp. И перевод был отменен.

За год были сделаны доработке на сайте — убраны лишние элементы из записей, заменена тема на более легкую, доработано меню и сайтбары.

Через год была предпринята вторая попытка перевода блога на AMP. Разметку и сами рецепты уже удалось корректно перевести. Но после года работы выяснилось, что показатели скорости загрузки сайта после чистки и оптимизации не уступают параметрам сайта на amp. Более подробно о данном тестировании вы можете прочитать тут.

Работа калькулятора на AMP

Проблема работоспособности калькуляторов и других интерактивных элементов с AMP не решена и скорее всего не будет решена т.к. сама концепция развития данной технологии исключает лишний код и скрипты. Поэтому на блоге были проведены изменения по изменению структуры сайта и наполнению страниц. Калькулятор был выведен на отдельную страницу и на ней отключено кэширование AMP.

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

Зачем переводить сайт на AMP?

Причиной перевода блога на AMP послужило изменение алгоритма оценки скорости работы сайта введенные Google в мае-июне 2020 года. Основными показателями стали:

  • Первая содержательная отрисовка (FCP)
  • Самая большая содержательная отрисовка сайта (LCP)
  • Задержка первого входа (FID)
  • Накопительный сдвиг макета (CLS)

При ускорении и оптимизации классического сайта эти показатели хуже по сравнению с аналогичными у сайта на AMP. Это послужило окончательным аргументом для перевода сайта на amp. В итоге клики и показы сайта возросли и можно говорить о результативности работы.