Кейс: Разработка кулинарного проекта Zaedok.ru

Zaedok.ru это современный кулинарный портал, созданный как удобная платформа для рецептов, ингредиентов и практических материалов о приготовлении пищи.
Моя задача заключалась в том, чтобы разработать структуру сайта, выстроить логику пользовательских сценариев, создать удобные интерфейсы и обеспечить высокую скорость работы и стабильность.
В рамках проекта я также внедрил полную структурированную разметку schema.org и Rich Snippets и подключил необходимые аналитические метрики.

Проект включал полный цикл работ от архитектуры до финальной оптимизации и устранения технических ошибок, связанных с WordPress, PHP и MySQL.

Разработка структуры и архитектуры сайта

Проработка структуры

Перед началом разработки я создал подробную схему ОРШ.
Она включала:

• структуру разделов проекта
• взаимосвязи между рецептами, ингредиентами, коллекциями и таксономиями
• общую модель хранения данных
• структуру шаблонов и маршрутизации
• потенциальные направления развития проекта

Схема стала основой для архитектуры сайта и позволила создать логичную систему с возможностью дальнейшего масштабирования.

Базовая модель проекта

Я построил кастомизированную WordPress структуру с использованием:

• индивидуальных шаблонов
• пользовательских типов данных
• повторителей ACF
• кастомных таксономий
• связанных полей между сущностями

Структура проекта позволила легко расширять функционал и добавлять новые блоки без нарушения общей логики.

Структура контента

Была разработана единая модель хранения данных, включающая:

• рецепты
• ингредиенты
• кухни мира
• коллекции
• шаги приготовления
• калорийность
• SEO параметры

Эта структура позволила сформировать полноценную кулинарную базу с гибкой логикой.

UI UX и логика страниц

Пользовательский путь

Цель заключалась в создании сайта с простой, быстрой и понятной логикой.
Были проработаны:

• чистые карточки рецептов
• удобное меню навигации
• акцент на ключевой информации
• упрощенная структура страниц для лучшего UX
• адаптивная мобильная версия

Страница рецепта

Я создал кастомный шаблон страницы рецепта. Он включает:

• время приготовления
• количество порций
• список ингредиентов с привязкой к базе
• пошаговую инструкцию с фотографиями
• советы
• микроразметку How To
• автоматические SEO поля
• блоки связанных рецептов

Страница ингредиента

Каждый ингредиент получил полноценную SEO страницу с:

• описанием
• калорийностью
• фото
• списком рецептов, где он используется
• структурированной разметкой

Это усилило органическую выдачу и добавило удобство для пользователя.

Структурированная разметка schema.org и Rich Snippets

Для повышения SEO и CTR я внедрил расширенную структурированную разметку schema.org.
Были добавлены:

• Recipe
• How To
• ImageObject
• Nutrition
• WebPage

Параллельно были настроены Rich Snippets.
Итоговый результат включает отображение:

• рейтинга
• изображений
• времени приготовления
• шагов рецепта
• основных ингредиентов

Вся разметка была проверена в Google Rich Results Test и оптимизирована под актуальные стандарты.

Техническая часть WordPress, PHP, AJAX, WP Query

Работа с WordPress и PHP

Были разработаны:

• кастомные шаблоны
• собственные функции
• логика обработки данных ACF
• опции для админ панели
• оптимизированные WP Query

AJAX функционал

На сайте реализовано:

• сохранение рецептов
• работа с черновиками
• обновление данных без перезагрузки
• внутренняя валидация
• обработка ошибок

Работа с MySQL

Включала:

• устранение перегрузок соединений
• оптимизацию запросов
• исправление ошибок в повторителях ACF
• диагностику admin ajax.php
• улучшение индексов

Результатом стала стабильная работа проекта под нагрузкой.

Подключение аналитики и метрик

Для контроля поведения пользователей и измерения эффективности проекта я подключил:

• Яндекс Метрику
• Google Analytics
• Search Console
• систему мониторинга скорости
• инструменты отслеживания ошибок

Все показатели связаны с AJAX событиями и шаблонами, что дало полное понимание того, как пользователи взаимодействуют с сайтом.

Отдельное внимание было уделено скорости загрузки страниц. Подключение метрик и аналитики обычно ухудшает показатели PageSpeed, особенно на мобильных устройствах. В этом проекте сбор данных был настроен таким образом, чтобы не влиять на производительность. Скрипты загружаются асинхронно и не блокируют рендеринг, поэтому аналитика работает полноценно, а показатели PageSpeed остаются на уровне 99 и 100.

Оптимизация скорости и результаты PageSpeed

Была выполнена глубокая оптимизация клиентской и серверной части проекта.
Переработан код, улучшены SQL запросы, внедрены современные методы загрузки изображений, настроено кеширование и исправлены узкие места WordPress.

Ниже представлены результирующие показатели PageSpeed.

Desktop

Итоговые оценки

• Производительность 100
• Специальные возможности 100
• Рекомендации 100
• Поисковая оптимизация 100

Прирост

• FCP плюс 10
• LCP плюс 25
• TBT плюс 30
• CLS плюс 25
• SI плюс 10

Показатели

• First Contentful Paint 0.3 сек
• Largest Contentful Paint 0.6 сек
• Total Blocking Time 0 мс
• Cumulative Layout Shift 0.005
• Speed Index 0.7 сек

Mobile

Итоговые оценки

• Производительность 99
• Специальные возможности 100
• Рекомендации 100
• Поисковая оптимизация 99

Прирост

• FCP плюс 10
• LCP плюс 25
• TBT плюс 30
• CLS плюс 25
• SI плюс 10

Показатели

• First Contentful Paint 1.4 сек
• Largest Contentful Paint 1.8 сек
• Total Blocking Time 0 мс
• Cumulative Layout Shift 0
• Speed Index 1.6 сек

Таблица калорийности 100 грамм продуктов

Была создана отдельная страница с удобной таблицей калорийности
https://zaedok.ru/calories

Выполнено:

• оптимизация вывода данных
• адаптация под SEO
• удобная структура
• быстрые SQL запросы

Zaedok.ru это полноценная кулинарная платформа, созданная с учетом архитектуры, UX, SEO и высокой производительности.
Работа включала проектирование структуры, разработку, настройку разметки schema.org, подключение аналитики и глубокую оптимизацию.
Сайт работает быстро, стабильно и готов к дальнейшему развитию.