Как сделать сайт для ресторана: меню, бронь, банкеты

Гость, который открывает сайт ресторана с телефона, хочет за минуту понять три вещи: что здесь едят, сколько это стоит и есть ли свободный стол на вечер. Поэтому сайт ресторана держится на меню, набранном текстом, брони в пару касаний и отдельной странице для банкетов, где сразу видно, сколько гостей помещается в каждом зале. Разберём, из каких страниц собрать такой сайт и как связать его с карточками в картах.

Какие страницы нужны сайту ресторана

Небольшому заведению с коротким меню хватит одной страницы — как её собрать, мы разбирали на примере лендинга для кофейни. Ресторану с несколькими меню, банкетными залами и доставкой одной страницы мало. Тому, кто выбирает место для юбилея, незачем листать бизнес-ланчи, а поиску нужна отдельная страница под каждый запрос: «банкетный зал на 40 человек» и «ресторан с верандой» ищут разные люди.

Страница	Что ищет гость	Что на ней
Главная	Что это за место и подходит ли оно мне	Кухня и концепция в одной фразе, фото зала, часы, кнопки «Меню» и «Забронировать»
Меню	Что заказать и сколько это стоит	Блюда по разделам с составом, выходом и ценой; бар, бизнес-ланч, детское меню
Бронирование	Есть ли стол на нужное время	Форма или виджет, правила брони
Банкеты	Где отметить и на сколько гостей	Залы с вместимостью, банкетное меню, условия, заявка
Афиша	Что у вас происходит	Ближайшие события с датой и записью — если они есть
Доставка	Можно ли заказать домой	Зона и время доставки, меню, способ заказа
Контакты	Как добраться	Адрес, вход, парковка, карта, часы работы зала и кухни

Кнопка «Забронировать» живёт в шапке и видна на любой странице.

Меню на сайте ресторана: текстом и по разделам

Почему меню нужно набирать текстом, а не выкладывать PDF или фото страниц, мы подробно объясняли в статье о кофейне. Для ресторана довод только весомее: меню длиннее, и листать многостраничный PDF на телефоне никто не станет. Важнее другое — как устроить длинное меню, чтобы в нём не потеряться:

• разделы с навигацией — закуски, салаты, супы, горячее, гарниры, десерты, бар; на телефоне строка разделов остаётся наверху при прокрутке;
• понятные названия — если блюдо называется «Сад в сентябре», ниже нужно пояснить: «салат из печёных овощей с козьим сыром»;
• у каждой позиции — состав в одну строку, выход и цена;
• отметки — острое, вегетарианское, без глютена, основные аллергены: гостю с аллергией это важнее красивого описания;
• отдельные меню — бизнес-ланч с часами подачи, завтраки, детское, сезонное, банкетное;
• фото — для фирменных блюд, а не для каждой позиции.

Меню живёт: меняются цены, приходят сезонные блюда, что-то пропадает надолго. Ещё до разработки решите, кто будет его обновлять, и сделайте так, чтобы шеф или управляющий правили его сами, без разработчика. Устаревшая цена на сайте оборачивается неловким разговором при расчёте, а иногда и отзывом.

Если в меню есть алкоголь, учтите: для него действуют отдельные ограничения, в том числе на то, как его показывать и продавать, — как оформить барную карту на сайте, сверьте с юристом.

Как сделать бронирование стола на сайте

Бронь — главное действие на сайте ресторана, и принимать её можно двумя способами.

Форма. Гость указывает дату, время, число гостей, имя и телефон, а администратор перезванивает и подтверждает. Это просто и подходит, если броней немного. Слабое место — ожидание: пока не перезвонили, гость не знает, есть ли стол. Поэтому под кнопкой пишите, когда подтвердите бронь, — и держите слово, особенно в пятницу вечером.

Виджет сервиса бронирования. Гость видит свободное время, а если сервис умеет, то и схему зала; бронь подтверждается сразу, накануне приходит напоминание. Это удобно, когда в выходные зал заполнен и администратор не успевает отвечать на звонки. Но виджет имеет смысл, только если хостес ведёт в том же сервисе все брони, иначе стол, занятый по телефону, на сайте окажется свободным.

Рядом с бронью нужны:

• правила: сколько держат стол при опоздании, нужна ли предоплата или депозит в выходные, с какого числа гостей бронь становится банкетом;
• поле для пожеланий: детский стул, стол у окна, повод — день рождения или предложение руки и сердца;
• телефон для тех, кто привык договариваться голосом.

Имя и телефон в форме брони — персональные данные, поэтому по 152-ФЗ сайту нужны политика их обработки и согласие гостя.

Банкеты и мероприятия: отдельная страница

Банкет — самый крупный заказ ресторана, и тот, кто его планирует, сравнивает несколько мест. Если на сайте нет ответов на базовые вопросы, он позвонит туда, где они есть. Что показать на банкетной странице:

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

Вместимость пишите текстом, а не только на картинке со схемой зала: так её увидят поисковики, и зал найдут те, кто ищет место под свою дату и компанию. Если ресторан проводит дегустации, концерты или детские мастер-классы, для них подойдёт раздел афиши — с датой, ценой и записью.

Фото интерьера и блюд: как показать атмосферу

Ресторан выбирают ещё и по настроению: подойдёт ли он для свидания, деловой встречи, ужина с детьми. Фотографии отвечают на это быстрее любого текста:

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

Видео на первом экране смотрится эффектно, но на мобильном интернете может грузиться дольше, чем гость готов ждать. Снимки и ролики стоит облегчать и загружать, только когда гость до них долистал, — подробно об этом в статье о скорости загрузки сайта.

Часы, адрес, доставка и карточки в картах

Гость, который пришёл к закрытой кухне, второй раз может и не прийти. Поэтому:

• часы работы по дням и отдельно — время работы кухни, если она закрывается раньше зала; праздничный график — заранее;
• адрес с ориентиром и описанием входа, парковка, пандус;
• карта и кнопки маршрута в Яндекс Картах и 2ГИС.

Ресторан ищут и прямо в картах — по запросам вроде «где поужинать рядом». Карточки в Яндекс Картах и 2ГИС заполните так же тщательно, как сайт: меню, фото, часы, ссылки на сайт и бронь. Карточкой в Яндексе управляют через Яндекс Бизнес. Главное правило — одинаковые данные везде: обновили меню или часы на сайте — обновите и в картах. Отзывы гости оставляют в карточках, и отвечать стоит и на похвалу, и на критику.

Если есть доставка, ей нужна своя страница: зона и время, минимальная сумма заказа, меню — часто короче основного, потому что не всякое блюдо переносит дорогу, — и способ заказа: на сайте, по телефону или через сервисы доставки, с которыми вы работаете.

Как проверить сайт ресторана глазами гостя

Перед запуском возьмите телефон, отключите Wi-Fi и пройдите путь гостя:

1. Найдите цену конкретного блюда — например, фирменного десерта. Сколько понадобилось касаний?
2. Забронируйте стол на пятницу на четверых и проверьте, что бронь дошла до администратора.
3. Узнайте, поместится ли в банкетный зал компания из тридцати человек.
4. Постройте маршрут до входа.
5. Сравните часы работы на сайте и в карточках.

Если на каком-то шаге пришлось искать или ждать, на этом шаге гость и уйдёт. Ориентир по скорости из Core Web Vitals — LCP не больше 2,5 секунды: за это время должен появиться самый крупный блок первого экрана, обычно фото зала или заголовок. Проверить страницу можно в PageSpeed Insights.

Частые ошибки

• Меню — сканы страниц или PDF на двадцать листов.
• Цены «по запросу» и блюда без выхода.
• Бронь только по телефону, который не берут в часы пик.
• Банкетный зал без вместимости и без фото в банкетной расстановке.
• Стоковые фото блюд, которых нет в меню.
• Часы на сайте расходятся с картами, а о времени работы кухни ни слова.
• Тяжёлое видео на первом экране, из-за которого меню открывается с задержкой.

Если вы открываете ресторан или хотите обновить его сайт, расскажите о задаче: разберём, как гости выбирают ваше место, и предложим структуру. Посмотреть, какие анимированные сайты мы сверстали, можно в портфолио. А как с первого экрана объяснить, что это за место, — в статье про первый экран сайта.