Сайт для кафе чи ресторану: меню, бронювання й відгуки

Заклад харчування — мабуть, єдиний бізнес, де сайт найчастіше відкривають, стоячи на вулиці за двісті метрів від входу. Людина голодна, у неї п’ять хвилин, і вона хоче знати три речі: чи відчинено, що є в меню і скільки це коштує. Сайт для кафе, який змушує її завантажувати важкий PDF чи гортати слайдер із фото інтер’єру, програє сусідньому закладу з простим текстовим меню. У цьому матеріалі ви отримаєте повну картину: які сценарії гостей врахувати, як зробити меню й бронювання, що показати про банкети, як пов’язати сайт із картами й відгуками, коли потрібна власна доставка, скільки це коштує і що перевірити в перший тиждень після запуску.

Кав’ярні, бістро, піцерії й невеликі ресторани мають різних гостей із різними намірами. Тому ми почнемо не з дизайну, а з того, хто й навіщо відкриває сайт закладу, і вже від цього підемо до сторінок, функцій і бюджету.

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

Чотири гості, чотири запити: з чого почати сайт для кафе

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

Хто	Що шукає	Що має бути на сайті
Голодний перехожий	Чи відчинено, що поїсти, ціни	Меню з цінами, години, адреса, кнопка маршруту
Планує вечір чи зустріч	Атмосфера, вільні столики	Фото залу, бронювання, події, відгуки
Організовує свято	Банкетне меню, місткість, умови	Окрема сторінка банкетів, форма запиту, депозит
Хоче замовити додому чи в офіс	Що можна замовити, скільки чекати, вартість доставки	Каталог страв, зони доставки, оплата, самовивіз

Не кожному закладу потрібні всі чотири сценарії. Кав’ярні біля метро досить першого, ресторану з залом на шістдесят місць — перших трьох, піцерії з власними кур’єрами — усіх чотирьох. Визначте, які сценарії приносять вам найбільше гостей і виручки, і саме для них зробіть найкоротший шлях від першого екрана до потрібної дії.

Умовний приклад: кав’ярня біля бізнес-центру помічає, що найбільше гостей приходить зранку по каву з собою й в обід по ланчі. Тоді її сайт для кафе має починатися з меню сніданків і ланчів із цінами та годинами, а бронювання може бути другорядним. Ресторан при готелі, навпаки, отримує більшість запитів на вечері й свята, і для нього головна кнопка — бронювання.

Перший екран: відчинено, де ви і що поїсти

На телефоні перший екран — це приблизно те, що людина бачить без прокручування. Для закладу він має відповісти на питання голодного перехожого, бо саме такий гість ухвалює рішення найшвидше.

1. Назва закладу й коротка характеристика: «кав’ярня зі сніданками до 14:00», «піцерія на дровах», «грузинська кухня на Подолі».
2. Години роботи сьогодні — а не таблиця на тиждень десь унизу.
3. Адреса й кнопка маршруту, що відкриває навігатор.
4. Кнопки «Меню» та «Забронювати» або «Замовити», залежно від головного сценарію.
5. Одне якісне фото страви чи залу, яке швидко завантажується.

Усе інше — історія закладу, команда, концепція — може йти нижче. Людям, які планують вечір, це цікаво, і вони прокрутять сторінку. Голодний перехожий — ні, і йому не варто заважати.

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

Меню: найважливіша сторінка сайту для кафе

Меню переглядають частіше за всі інші сторінки разом. І саме з ним заклади помиляються найбільше: викладають PDF на кілька мегабайтів, фото паперового меню або взагалі просять «дивитися в Instagram».

Чому PDF і фото меню погано працюють

• на телефоні їх доводиться збільшувати й гортати вбік;
• вони повільно завантажуються на мобільному інтернеті;
• Google погано розуміє, що в них написано, і не покаже вас за запитом «паста карбонара Поділ»;
• їх рідко оновлюють, тож ціни часто застарілі.

Яким має бути меню

1. Звичайний текст на сторінці з розділами: сніданки, основні страви, напої, десерти.
2. Назва, короткий склад, вага або об’єм і ціна для кожної позиції.
3. Позначки для вегетаріанських, безглютенових, гострих страв.
4. Фото — для фірмових страв, не обов’язково для всіх позицій.
5. Швидка навігація розділами вгорі сторінки, щоб не гортати все меню до десертів.

Хто й коли оновлює меню

Найкраще меню на сайті стає шкідливим, щойно ціни в ньому відстають від реальних. Домовтеся, хто відповідає за оновлення, і зробіть це частиною процесу: змінили ціну в касі — змінили на сайті того самого дня. Якщо у вас сезонне меню чи бізнес-ланчі, винесіть їх у верхню частину сторінки: люди, які шукають обід, хочуть побачити його першим.

Меню й пошук Google

Текстове меню — це ще й десятки слів, за якими вас можуть знайти: «сирники», «шакшука», «піца на дровах», «рамен». Людина шукає конкретну страву поруч, і сайт для кафе з текстовим меню має шанс з’явитися за таким запитом, а заклад із PDF — ні. Тому не скорочуйте назви до внутрішніх кодів кухні й пишіть страви так, як їх називають гості.

Як описати страву: склад, вага, ціна

Опис позиції в меню — маленький текст, але від нього залежить, чи замовить людина страву, чи пройде повз. Він також допомагає Google зрозуміти, що у вас подають, і показувати сторінку за назвами страв.

Умовний приклад. Було: «Боул — [ваша ціна] грн». Стало: «Боул з лососем — рис, лосось слабкого соління, авокадо, едамаме, огірок, соус унагі. 350 г, [ваша ціна] грн. Можна без соусу». Друга версія відповідає на питання, які гість інакше поставив би офіціанту, і дає зрозуміти, чи підходить страва саме йому.

• Склад — основні інгредієнти, особливо ті, на які буває алергія: горіхи, молоко, яйця, глютен, морепродукти.
• Вага або об’єм — щоб людина розуміла, чи наїсться, і могла порівняти з іншими закладами.
• Ціна — без «уточнюйте в офіціанта»; сезонні позиції позначайте окремо.
• Варіації — розмір порції, заміна гарніру, рослинне молоко за доплату.

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

Якщо позицій понад сотню, описи можна писати поступово: спершу фірмові страви й хіти продажів, потім решту. Або доручити тексти автору — наприклад, через послугу наповнення сайту, — давши йому техкарти зі складом і вагою.

Бронювання столика без дзвінків

Частина гостей не любить дзвонити, особливо коли треба забронювати столик на вечір під час робочого дня. Онлайн-бронювання знімає цей бар’єр, але лише якщо воно справді просте.

• Мінімум полів: дата, час, кількість гостей, ім’я, телефон.
• Підтвердження одразу на екрані й повідомленням у месенджер.
• Чіткі правила: скільки часу тримається столик при запізненні, чи потрібна передоплата у вихідні.
• Можливість залишити коментар: дитячий стілець, місце біля вікна, привід.

Для невеликого закладу не обов’язково підключати складну систему бронювання. Форма, яка надсилає заявку адміністратору в Telegram, а він підтверджує її дзвінком чи повідомленням, цілком працює, якщо відповідати швидко. Спеціальні сервіси з картою залу й автоматичним підтвердженням мають сенс, коли бронювань десятки на день.

Умовний приклад підтвердження, яке приходить гостю в месенджер: «Столик на 4 особи на п’ятницю, 19:30, підтверджено. Ми тримаємо його 15 хвилин після початку броні. Якщо плани зміняться, просто відповідайте на це повідомлення». Три речення знімають усі типові питання й зменшують кількість гостей, які не приходять без попередження.

Хороший сайт для кафе показує кнопку бронювання на кожній сторінці, а не лише на головній: людина могла прийти з пошуку прямо на меню й одразу захотіти забронювати столик.

Банкети, дні народження й події

Людина, яка організовує свято на двадцять осіб, порівнює кілька закладів і ставить кожному однакові питання. Якщо відповіді є на сайті, вона звертається вже з наміром замовити, а не з десятком уточнень.

Питання організатора	Що вказати на сторінці банкетів
Скільки людей вміститься?	Місткість залу чи окремої зали, формат розсадки
Скільки це коштуватиме?	Банкетне меню з ціною на особу, мінімальне замовлення
Чи можна свій торт чи алкоголь?	Правила й можливий сервісний збір
Які умови бронювання?	Розмір депозиту, терміни скасування
Що з декором і музикою?	Чи можна прикрашати зал, чи є техніка
Чи буде зал лише для нас?	Повне чи часткове закриття, з якої кількості гостей

Додайте форму запиту з датою, кількістю гостей і бюджетом на особу, а також кілька фото залу, сервірованого для свята. Якщо ви проводите регулярні події — живу музику, дегустації, майстер-класи, — для них знадобиться простий календар або блок «Найближчі події» з датою, ціною й кнопкою бронювання. Прибирайте минулі події вчасно: афіша минулого місяця на головній виглядає занедбано.

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

Атмосфера на фото: що показувати, а що ні

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

• Зал у звичайний день, а не порожній після прибирання й не з ідеальним освітленням, якого насправді немає.
• Страви такими, як їх подають, а не стокові фото з чужих ресторанів.
• Тераса й літній майданчик, якщо вони є, з позначкою, коли працюють.
• Деталі, що вирізняють вас: відкрита кухня, дитячий куточок, вид з вікна, жива музика по п’ятницях.
• Вхід із вулиці, щоб людина впізнала заклад, особливо якщо він у дворі чи на другому поверсі.

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

Хто знімає

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

Тест на вулиці: швидкість і зручність із телефона

Сайт закладу відкривають у русі, на мобільному інтернеті, однією рукою. Тому перевіряти його потрібно саме так, а не з офісного комп’ютера з оптоволокном.

1. Вимкніть Wi-Fi і відкрийте сайт на телефоні.
2. Засічіть, за скільки секунд знайдете ціну капучино й години роботи сьогодні.
3. Спробуйте забронювати столик на завтра однією рукою.
4. Натисніть на телефон і на адресу: чи відкривається дзвінок і навігатор.
5. Перевірте, чи не закриває щось екран: вікно підписки, банер про файли cookie на пів екрана.

Якщо на перші два пункти пішло більше п’яти секунд, є що покращувати. Найчастіші причини повільного завантаження — важкі фото й відео на фоні; як їх знайти й прибрати, пояснено в статті про швидкість сайту. Якщо фото важкі, стисніть їх перед завантаженням: для телефона не потрібні знімки розміром у кілька мегабайтів.

Відгуки й карти: як гості знаходять заклад

Для закладів харчування пошук майже завжди локальний: «кава поруч», «сніданки Харків центр», «піца з доставкою Позняки». У таких запитах Google спершу показує карту з кількома закладами, і саме там людина обирає, куди піти. Тому профіль на картах для кафе — не доповнення до сайту, а часто головне джерело гостей. Як додати заклад, пройти підтвердження й перетворювати перегляди на візити, ми розписали в статті про Google Карти для бізнесу.

Обов’язково стежте, щоб години роботи в профілі на картах і на сайті збігалися, особливо у свята й під час сезонних змін графіка. Гість, який приїхав до зачинених дверей за інформацією з карти, майже напевно залишить негативний відгук, і він буде справедливим.

Відгуки для кафе — найсильніший аргумент. Кілька практичних порад:

1. Додайте QR-код на відгук у Google на чек або на столик — без нав’язливих прохань.
2. Відповідайте на всі відгуки, особливо на негативні, спокійно й по суті.
3. Покажіть на сайті кілька свіжих відгуків або посилання на профіль із рейтингом.
4. Ніколи не купуйте й не пишіть відгуки самі: Google їх видаляє, а гості відчувають фальш.

Як зробити збирання відгуків регулярним, а не разовою кампанією, розказано в матеріалі про відгуки клієнтів. Сайт підсилює карти: профіль посилається на нього, а Google отримує з сайту підтвердження адреси, меню й годин роботи. Збіг даних у профілі, на сайті й у соцмережах допомагає закладу стабільно показуватися в локальному пошуку.

Що прибрати, щоб сайт для кафе не заважав гостям

Заклади часто замовляють «вау-сайти» з відео на весь екран, анімацією та музикою. На практиці це шкодить: сайт повільно відкривається на вулиці, а потрібна інформація ховається за ефектами.

• автозапуск музики чи відео зі звуком;
• вікна з підпискою, що вискакують одразу після відкриття;
• довга історія закладу на головній замість меню й кнопки бронювання;
• посилання на соцмережі як єдиний спосіб дізнатися години роботи;
• реєстрація для того, щоб подивитися меню чи забронювати столик;
• застарілі акції й афіші минулих подій.

Це не означає, що сайт має бути нудним. Фірмові кольори, якісні фото й живі тексти створюють настрій без шкоди для швидкості. Просто кожен ефект варто перевіряти питанням: чи допомагає він гостю прийти, чи лише прикрашає?

Корисна вправа для команди: попросіть офіціанта чи бариста, який не брав участі в розробці, відкрити сайт і назвати три речі, які його дратують або заважають знайти потрібне. Свіжий погляд людини, яка щодня відповідає на питання гостей, часто точніший за будь-який аудит.

Доставка й самовивіз: коли потрібні функції магазину

Якщо ви возите їжу самі, а не лише через агрегатори, сайт стає ще й каналом продажу. Агрегатори дають потік замовлень, але беруть помітну комісію, тож частину постійних клієнтів вигідно переводити на власне замовлення.

• каталог страв із фото, вагою, ціною й кнопкою «Додати»;
• мапа або перелік зон доставки з мінімальною сумою й вартістю для кожної;
• орієнтовний час доставки в різні години дня;
• оплата карткою онлайн і готівкою кур’єру, якщо ви її приймаєте;
• опція «заберу сам» зі знижкою чи без, з адресою видачі.

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

Окремо продумайте, що відбувається, коли кухня перевантажена: чи можна тимчасово вимкнути прийом замовлень або збільшити час доставки на сайті. Чесне повідомлення «зараз доставляємо за 90 хвилин» краще за замовлення, яке приїде холодним через дві години.

Технічно такий сайт ближчий до невеликого інтернет-магазину, ніж до сайту закладу. Його зручно будувати на основі шаблону Shop для інтернет-магазинів, адаптуючи каталог під меню. Які рішення ухвалити до запуску продажів онлайн — оплата, обробка замовлень, умови повернення — розібрано в покроковому плані про те, як запустити інтернет-магазин.

Формат і бюджет: від однієї сторінки до доставки

Невеликій кав’ярні часто достатньо однієї сторінки з меню, годинами, адресою й кнопками зв’язку. Ресторану з банкетами й подіями потрібні 5–8 сторінок. Закладу з власною доставкою — функції магазину: кошик, оплата, зони доставки.

Сайт для кафе в GuideWay збирають на основі одного з готових сайтів, адаптуючи блоки під меню й бронювання. Орієнтовно: проста сторінка — пакет «Старт» від 290 $ (5 робочих днів), сайт із бронюванням і галереєю — «Бізнес» від 490 $ (7–10 робочих днів), замовлення з оплатою онлайн — «Магазин» від 790 $ (10–14 робочих днів). Точні умови пакетів дивіться на сторінці цін.

Окремо врахуйте домен (орієнтовно 10–20 $ на рік) і хостинг, оформлені на ваше ім’я. Склад, вагу й ціни страв у будь-якому разі доведеться дати вам: їх знає лише кухня, і саме ці матеріали найчастіше затримують запуск.

Якщо бюджет обмежений, почніть із простого: одна сторінка з меню, годинами, адресою й кнопками дзвінка та бронювання. Коли стане зрозуміло, яких запитань гостей бракує на сайті і чи є попит на власну доставку, сайт можна розширити, не переробляючи його з нуля.

Перший тиждень після запуску: чек-лист

Запуск — не фінал. Перші дні показують, чого бракує, і саме тоді найпростіше виправити дрібниці, поки вони не стали звичкою.

1. День 1. Додайте посилання на сайт у профіль на Google Картах, в Instagram і на вітрину чи меню у вигляді QR-коду.
2. День 2. Попросіть трьох знайомих забронювати столик і замовити доставку з телефона, зберіть їхні зауваження.
3. День 3. Звірте ціни на сайті з касою й паперовим меню.
4. День 4. Перевірте, чи приходять заявки з усіх форм і хто їх бачить у вихідні.
5. День 5. Підключіть Search Console й аналітику, щоб бачити, які сторінки відкривають найчастіше.
6. Наприкінці тижня. Поговоріть з офіціантами й адміністратором: які питання гості досі ставлять по телефону, і додайте відповіді на сайт.

Через місяць після запуску подивіться в аналітиці, які сторінки відкривають найчастіше і з яких пристроїв. Якщо меню переглядають у десять разів частіше, ніж сторінку «Про нас», саме меню заслуговує на найбільшу увагу при наступних оновленнях.

Часті запитання

Чи потрібен сайт кафе, якщо є Instagram?

Instagram добре передає атмосферу й тримає зв’язок із постійними гостями, але в ньому незручно шукати меню, ціни й години роботи, а Google майже не показує його в пошуку за запитами на кшталт «сніданки поруч». Сайт закриває ці питання й підтверджує дані профілю на картах. Найкраще, коли обидва канали працюють разом і посилаються одне на одного.

Чи можна викласти меню на сайті у форматі PDF?

Технічно можна, але це погана ідея. PDF незручно читати на телефоні, він довго завантажується, а Google гірше розуміє його вміст, тому ви втрачаєте показ за назвами страв. Краще зробити меню звичайною текстовою сторінкою з розділами й цінами, а PDF за бажанням залишити як додатковий файл для друку.

Як зробити онлайн-бронювання столика для невеликого кафе?

Найпростіше — форма на сайті з датою, часом, кількістю гостей і телефоном, яка надсилає заявку адміністратору в месенджер. Адміністратор підтверджує бронь повідомленням. Для закладів із великим потоком є спеціальні сервіси бронювання з картою залу, але для кав’ярні чи невеликого ресторану на старті вони зазвичай зайві.

Які сторінки потрібні сайту ресторану?

Мінімальний набір: головна, меню з цінами, бронювання, контакти з картою й годинами роботи. Якщо ви проводите банкети чи події, додайте для них окремі сторінки. Для доставки потрібен каталог страв із кошиком і оплатою. Блог чи новини корисні лише тоді, коли ви справді будете їх регулярно оновлювати.

Чи варто робити власну доставку через сайт, якщо ми вже є в агрегаторах?

Агрегатори дають нових клієнтів, але беруть комісію з кожного замовлення. Власне замовлення через сайт вигідне для постійних гостей, які вже знають заклад. Воно має сенс, якщо у вас є свої кур’єри або надійний партнер із доставки і хтось у команді швидко обробляє замовлення. Почати можна з самовивозу, а доставку додати згодом.

Як часто оновлювати меню й фото на сайті закладу?

Ціни й позиції меню — щоразу, коли вони змінюються в касі, бажано того самого дня. Фото залу й страв варто освіжати хоча б раз на сезон, особливо якщо змінилися тераса, оформлення чи подача. Афіші подій і акції прибирайте одразу після завершення. Застаріла інформація на сайті підриває довіру й до всього іншого, що там написано.

Чи потрібно вказувати алергени в меню на сайті?

Це дуже корисно для гостей. Люди з алергією чи непереносимістю часто обирають заклад саме за тим, чи можуть заздалегідь перевірити склад. Достатньо позначок біля страв: горіхи, молоко, глютен, яйця, морепродукти, а також вегетаріанські й веганські позиції. Додайте примітку, що точний склад можна уточнити в офіціанта, і тримайте позначки актуальними при зміні рецептур.