Задача — перевод существующего блога на 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. В итоге клики и показы сайта возросли и можно говорить о результативности работы.