Як створити сайт з рецептами: від першої страви до кулінарного проекту

• З чого почати створення сайту з рецептами
• Який вибрати шаблон для кулінарного сайту
• Який вибрати плагін для рецептів
  • Recipe Card Blocks — візуальне редагування рецептів
  • WP Recipe Maker — збереження страв після вимкнення плагіна
  • Як перекласти картку рецепта українською
• Як просувати сайт з рецептами
• Як заробляти на кулінарному сайті

Штучний інтелект дедалі частіше забирає відвідувачів у веб-ресурсів різних типів, але кулінарні сайти й далі отримують трафік завдяки власним фото та особистому досвіду автора. До того ж створити сайт з рецептами технічно нескладно: достатньо обрати хостинг і домен, встановити CMS, шаблон і плагіни та регулярно публікувати нові страви. Але саме рішення на старті визначають, наскільки зручно вам буде працювати далі, а від вибору плагіна залежить, чи збережуться рецепти, якщо згодом захочете перейти на інший. Я зібрав тестовий проект на TasteWP з темою Blocksy і пройшов увесь шлях на прикладі одного рецепта, щоб показати, що робити на кожному кроці.

З чого почати створення сайту з рецептами

Перейдіть на сторінку хостингу сайтів, виберіть тариф, натисніть «Купити», створіть акаунт та оплатіть замовлення. На всіх тарифах, крім найдешевшого SSD Start, домен іде в подарунок, а вам залишиться лише придумати назву та перевірити доменне ім'я на зайнятість, що теж безкоштовно. SSL-сертифікат, без якого браузер позначає сайт як небезпечний, входить у кожен тариф без доплати. А потім в панелі керування хостингом встановіть WordPress в один клік.

Після встановлення у вас з'явиться адмінпанель. Вона відкривається за адресою ваш-сайт.ua/wp-admin, а всі розділи розташовані в меню ліворуч. Перед першою публікацією змініть у ній такі налаштування:

1. У «Налаштування» → «Загальні» впишіть назву сайту й ключову фразу замість стандартної, бо їх бачать читачі у вкладці браузера.
2. Там само виберіть часовий пояс «Київ», щоб записи виходили за вашим часом.
3. У «Налаштування» → «Постійні посилання» позначте «Назва запису», щоб адреса містила назву страви, а не номер на кшталт ?p=123.
4. У «Налаштування» → «Читання» перевірте, що біля пункту «Запропонувати пошуковим системам не індексувати цей сайт» немає галочки.
5. У «Налаштування» → «Обговорення» увімкніть ручне схвалення коментарів, щоб відгуки з'являлися лише після вашої перевірки.
6. У «Записи» → «Рубрики» перейменуйте «Без категорії» на справжній розділ, наприклад «Другі страви».

Окремо подбайте про латинські адреси сторінок. WordPress формує частину посилання автоматично з назви запису й залишає кирилицю, тому в месенджері адреса рецепта перетворюється на %D0%BA%D0%BE%D1%82… Виправити це можна вручну під час створення кожного рецепта, але простіше встановити плагін Lytera UA LAT. З ним нові URL будуть вигляди як ваш-сайт.ua/kotleta-po-kyivsky.

Щоб перетворити вже опубліковані рецепти та рубрики, відкрийте «Інструменти» → «Lytera UA LAT» та натисніть Convert all. Старі посилання при цьому переадресовуються на нові через 301-редирект.

Читайте також: Тестуємо оновлення WordPress: важливі відкриття після виходу Armstrong 7.0

Який вибрати шаблон для кулінарного сайту

Я вже два роки використовую безкоштовну версію теми Blocksy, яка має конструктор шапки й підвалу, мікророзмітку Schema та підтримку власних типів записів. А для кулінарного проекту є безкоштовний стартовий сайт Tasty, який разом із головною сторінкою, меню та демо-записами встановлює плагін карток Recipe Card Blocks від WPZOOM.

Для встановлення перейдіть у «Вигляд» → «Теми», натисніть «Додати тему», знайдіть Blocksy, натисніть «Встановити» та «Активувати». Після активації погодьтеся встановити плагін Blocksy Companion, бо без нього розділ стартових сайтів не з'явиться. Далі відкрийте «Blocksy» → «Стартові сайти», знайдіть Tasty та натисніть «Імпорт». На кроці з плагінами зніміть галочки зі Stackable та WPForms, якщо конструктор блоків та форма зворотного зв'язку вам не потрібні.

Читайте також: ТОП-8 найкращих тем WordPress для блогу, актуальних у 2024 році

Який вибрати плагін для рецептів

Для більшості нових кулінарних сайтів я раджу WP Recipe Maker: він залишає рецепт у записі після вимкнення, хай і без оформлення та мікророзмітки. Recipe Card Blocks зручніший у роботі, бо картка редагується прямо в записі й одразу виглядає так, як її побачить читач, а ще він встановлюється разом зі стартовим сайтом Tasty. Обидва плагіни безкоштовно створюють картку з мікророзміткою Recipe, за якою Google показує страву з фото, часом приготування та оцінкою.

Перейти з одного плагіна на інший можна безкоштовно, бо кожен імпортує рецепти з іншого. Але дані переносяться неідеально, тож кожен рецепт доведеться перевірити й виправити вручну. Тому оберіть плагін до першої публікації, протестувавши обидва на копії сайту або в TasteWP.

Recipe Card Blocks — візуальне редагування рецептів

Recipe Card Blocks від WPZOOM працює як звичайний блок редактора: ви заповнюєте картку прямо в записі й одразу бачите її такою, якою її побачить читач. У безкоштовній версії плагін дає картку рецепта, оцінки через коментарі, кнопки друку й Pinterest, режим Cook Mode, у якому екран телефона не гасне під час готування, та вбудовану перевірку мікророзмітки з підказками, яких полів бракує. Pro-версія відкриває зміну кількості порцій, конвертацію одиниць, автоматичний розрахунок поживності та каталог рецептів.

На скриншоті видно вкладку Miscellaneous, де вмикається кнопка «Перейти до рецепта».

Recipe Card Blocks встановлюється разом зі стартовим сайтом Tasty або через «Плагіни» → «Додати плагін». Після ви можете створювати рецепти:

1. Перейдіть у «Записи» → «Додати новий запис» та впишіть назву страви.
2. Натисніть «+» і додайте блок Recipe Card (Schema.org).
3. Вкажіть порції, час приготування й додайте фото, а кухню та категорію підтверджуйте клавішею Enter.
4. Через Bulk Add вставте інгредієнти та кроки по одному на рядок, а назви етапів обгорніть подвійними зірочками, наприклад **Начинка**.
5. Заповніть поля, яких бракує за даними панелі Structured Data Testing, і натисніть «Опублікувати».

Поля кухні та категорії: значення зберігається, лише коли стає окремим тегом.

Не забувайте у формі швидкого додавання рецепту назви етапів обгортати подвійними зірочками

Плагін Recipe Card дає підказки, яких полів бракує для повної мікророзмітки.

Створюйте рецепт саме із запису. Спочатку я додав страву через меню плагіна й не зміг її переглянути: такий рецепт не має власної сторінки, доки ви не вставите його шорткод у запис.

Rich Results Test знайшов дійсну розмітку рецепта, створеного в Recipe Card Blocks, тож Google отримує всі потрібні дані.

Безкоштовно Recipe Card Blocks імпортує рецепти лише з WP Recipe Maker, а експорт у файл доступний тільки в Pro. Після деактивації плагіна на місці картки залишається текст шорткоду або порожнє місце, хоча після повторної активації рецепти повертаються.

WP Recipe Maker — збереження страв після вимкнення плагіна

WP Recipe Maker зберігає рецепт у записі навіть тоді, коли плагін вимкнено: читач і далі бачить інгредієнти та кроки, хоча оформлення й мікророзмітка зникають. Безкоштовно ви отримуєте шість шаблонів картки, кнопки «Перейти до рецепта» й «Друкувати рецепт» над текстом, фото чи відео до кожного кроку та імпорт з понад 20 плагінів. Premium додає етикетку поживності, окреме зображення для Pinterest та ШІ-імпорт тексту.

Після активації пройдіть майстер налаштування в «WP Recipe Maker» → «Dashboard», інакше розділ зі списком рецептів не відкриється. Далі додайте рецепт:

1. Створіть новий запис, додайте блок WPRM Recipe та натисніть Create new Recipe.
2. На вкладці Media додайте фото страви, без якого Google не покаже розширений результат у видачі.
3. На вкладці General впишіть назву й короткий опис, а в полі Author виберіть Name of post author.
4. На вкладках Times та Categories вкажіть час та власну категорію замість англійських варіантів.
5. Розкладіть кожен інгредієнт по полях: кількість, одиниця, назва й примітка.
6. Об'єднайте кроки в етапи через Insert Group After.
7. Натисніть Save & Close та опублікуйте запис.

Саме з блоку WPRM Recipe починається створення рецепта

Збирайте кроки в окремі етапи, наприклад, «Начинка» та «Підготовка», через Insert Group After.

Rich Results Test підтвердив, що ім'я автора потрапляє в мікророзмітку як окрема особа.

Окремо я перевірив, що буде після вимкнення плагіна. У записі залишилися назва, фото, інгредієнти й кроки з етапами, але розмітка зникла. Після повторної активації і картка, і мікророзмітка повернулися.

Перейти з Recipe Card Blocks на цей плагін можна безкоштовно: у «WP Recipe Maker» → «Import Recipes» система знайшла 21 рецепт. Але після імпорту Rich Results Test не знайшов рецепта. Мікророзмітка з'явилася тільки тоді, коли я замінив імпортований шорткод на блок WPRM Recipe та зберіг запис повторно.

Після імпорту рецепти переходять у формат WP Recipe Maker і в старому плагіні більше не доступні, тож спершу зробіть резервну копію та перенесіть один рецепт. Потім у кожному записі замініть шорткод на блок WPRM Recipe, збережіть його й перевірте в Rich Results Test. Наостанок деактивуйте старий плагін.

Як перекласти картку рецепта українською

Обидва плагіни на українському сайті показують підписи картки англійською, і жоден з них не має офіційного українського перекладу. Документація WP Recipe Maker радить перекладати його через безкоштовний Loco Translate:

1. Встановіть та активуйте Loco Translate.
2. Відкрийте «Loco Translate» → «Плагіни» → «WP Recipe Maker».
3. Натисніть «Нова мова» та виберіть Ukrainian.
4. У розміщенні залиште «Користувацький», щоб переклад не зник після оновлення плагіна, і натисніть «Почати переклад».
5. Знайдіть рядок через фільтр, впишіть переклад та натисніть «Зберегти». Якщо рядка немає в списку, спершу натисніть «Синхронізація».

Для перекладу тексту з англійської на українську залишайте саме такі параметри

Знаходьте потрібний рядок через фільтр, натискайте на нього у формі «Вихідний текст», а потім вписуйте переклад у відповідну форму.

Перекладати всі 3 192 рядки не потрібно, вистачить тих, що видно на картці: «Підготовка 30 хв», «Друкувати рецепт», «Зберегти в Pinterest». Заголовок Method Loco не бачить, бо він належить шаблону картки, тож його змінюють у копії шаблону в «WP Recipe Maker» → «Template Editor».

Підписи Recipe Card Blocks перекладаються так само: у другому кроці виберіть його замість WP Recipe Maker. Якщо рецептів кілька, їх можна змінити у бічній панелі кожної картки.

Як просувати сайт з рецептами

Почніть з органічного пошуку: встановіть SEO-плагін на кшталт Rank Math, додайте сайт у Google Search Console та Bing Webmaster Tools і регулярно публікуйте рецепти з власними фото. Коли на сайті буде 15-20 рецептів, створіть бізнес-акаунт у Pinterest та публікуйте по 2-3 пости щодня. Форму підписки на розсилку додайте з першого дня, навіть якщо листи поки не надсилаєте, адже так ви збираєте аудиторію, яку не забере жодне оновлення алгоритмів. Якщо готові вкладати більше сил, запустіть YouTube: відео в картці рецепта довше тримає читача на сторінці, а сам канал дає окремий трафік та монетизацію. Instagram, TikTok та Telegram додавайте, коли з'явиться час.

Плануйте зйомку одразу під усі канали: під час приготування зробіть горизонтальне фото для сайту, вертикальне для Pinterest та відео для YouTube та Shorts. Так один рецепт буде працювати на кількох майданчиках, а однакове ім'я та стиль перетворять окремі публікації на бренд, який тримає аудиторію після чергового оновлення Google.

Коли українська версія вже має кілька десятків рецептів, подумайте про англомовну. Рецепти короткі й добре структуровані, тож перекладати їх простіше, ніж лонгріди. Проте перевіряйте кожен вручну: американському читачеві потрібні унції та чашки замість грамів, а деякі продукти доведеться пояснити. Безкоштовний Polylang створює мовні версії з атрибутами hreflang, через які Google показує кожну версію своїй аудиторії, а WP Recipe Maker підтримує роботу з Polylang. Англомовна аудиторія також відкриває рекламні мережі, недоступні для українського трафіку.

Читайте також: SEO на мінімалках — що власник сайту може зробити самостійно для просування сайту без залучення спеціалістів

Як заробляти на кулінарному сайті

Почніть із рекламної мережі: вона не вимагає домовленостей nf власних продуктів, а перші гроші приносить з невеликого трафіку. Коли на сайті з'являться десятки рецептів та постійні відвідувачі, додайте партнерські програми з посиланнями на посуд та техніку з ваших фото. Розсилку та соцмережі збирайте з першого дня: саме до цієї аудиторії ви згодом прийдете з прямими інтеграціями брендів та власними збірками рецептів, бо ці два способи приносять найбільше грошей, але працюють лише там, де вам довіряють.

Загалом сайт з рецептами можна монетизувати наступними способами:

• Google AdSense. Мінімального порогу трафіку тут немає, але кількість матеріалів однаково має значення. Мій сайт з 15 сторінками AdSense не прийняв, тож подавайте заявку, коли опублікуєте кілька десятків повноцінних рецептів з власними фото.
• Journey by Mediavine та Raptive. Це наступний рівень після AdSense, але тільки для англомовного трафіку. Journey приймає сайти від 1 000 сесій на місяць зі США, Британії, Канади та Австралії, і віддає власнику 70% доходу. Raptive вимагає від 25 000 переглядів, половина з яких — з тих самих країн або Нової Зеландії.
• Партнерські програми. Для українського сайту найпростіше почати з мережі SalesDoubler — це українська CPA-мережа, яка працює з 2012 року, з оферами Comfy, Moyo, Yakaboo та інших магазинів. Ставка залежить від магазину й категорії, а гроші можна вивести від 3 000 гривень. Для англомовної версії підійде Amazon Associates. У WP Recipe Maker для додавання обладнання є окрема вкладка Equipment.
• Інтеграції з брендами. Перш ніж писати брендам, зберіть медіакіт: відвідуваність за місяць, географію аудиторії з Google Analytics, кількість підписників у розсилці та соцмережах.
• Власні продукти. Збірки рецептів у PDF, меню на тиждень зі списком покупок та святкові добірки найкраще продаються читачам із розсилки, бо вони вже знають ваші рецепти.
• YouTube. Монетизація доступна для авторів з України після того, як канал набере 1000 підписників та 4000 годин переглядів довгих відео за рік. Хоча за даними Dynamoi, автори з України отримують всього 0.11 долара з 1 000 переглядів, але ви можете продавати рекламу напряму і вставляти партнерські посилання в опис під відео.

Тож ви можете почати зараз та побудувати успішний сайт з рецептами на 2027 рік, але тільки з власними фото, нотатками й кількома джерелами відвідувачів. Якщо маєте бажання, орендуйте хостинг та домен. Потім встановіть WordPress з Blocksy та WP Recipe Maker, перекладіть шаблон картки українською та опублікуйте першу страву зі своїми фото. Далі регулярно публікуйте рецепти, і паралельно ведіть Pinterest. Рекламу та партнерські посилання підключайте, коли з'являться перші постійні читачі.