Сайт для ресторана и кафе под ключ: что должно быть на сайте заведения

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

Как гость выбирает заведение и где здесь сайт

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

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

Первый экран: атмосфера, а не слова

Список блюд — необходимый минимум, но убеждает прийти именно к вам атмосфера. Поэтому на первом экране — фотографии интерьера и блюд, а не абзац про «уютную обстановку и вкусную кухню». Под фотографией — короткая строка о концепции (кухня, формат, район) и две кнопки: «Забронировать стол» и «Меню».

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

Меню: текстом, а не PDF

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

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

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

Бронирование: меньше шагов — больше броней

Бронь не должна требовать звонка администратору в часы пик. Рабочих вариантов три, и выбор зависит от того, как устроена работа зала:

В кейсе Bebo бронирование сознательно уведено в WhatsApp: гость сразу уточняет детали в переписке, а не заполняет статичную форму и ждёт обратного звонка, и бронирования поступают через WhatsApp прямо с сайта. Для многих заведений такой канал проще формы — при условии, что сообщения не лежат без ответа часами.

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

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

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

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

Адрес, карта и часы работы

Блок контактов на сайте ресторана читают чаще, чем кажется. В нём должно быть:

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

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

Скорость на телефоне

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

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

Подробнее о работе с изображениями — на странице «Оптимизация изображений, WebP, CDN».

Что добавить под конкретное заведение

Обязательный минимум закрывает базовые вопросы гостя, а дальше сайт дополняется тем, что реально есть в вашей работе. Добавлять разделы «для солидности» не стоит: пустая афиша или вакансии годичной давности говорят о заведении хуже, чем их отсутствие.

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

Чек-лист перед запуском

1. На первом экране — реальные фото интерьера и блюд и кнопка брони.
2. Меню — текстом, с ценами и весом порций, редактируется в админке.
3. Бронирование проверено с телефона, и заявка доходит до того, кто на неё ответит.
4. Адрес, часы и телефон совпадают с карточками в Яндекс.Картах и 2ГИС.
5. Банкеты и доставка, если они есть, вынесены на отдельные страницы.
6. Страница быстро грузится по мобильному интернету.
7. В формах есть согласие на обработку персональных данных, на сайте — политика конфиденциальности.
8. В Метрике настроены цели на бронь и нажатия на телефон.

Сколько стоит сайт ресторана под ключ

Для одного заведения обычно достаточно лендинга: первый экран, концепция, меню, бронирование, контакты. Это формат от 45 000 ₽ и 5–7 дней при готовых фотографиях и меню. Из чего складывается цена одностраничника, я подробно разобрал в статье о стоимости лендинга. Если у вас несколько залов, банкеты, доставка или сеть заведений, нужен многостраничный сайт под ключ — от 90 000 ₽, 2–3 недели. Онлайн-заказ доставки с корзиной и оплатой — уже формат магазина, от 180 000 ₽. Подробнее о форматах и примерах — на странице «Сайт для ресторана и кафе».

Частые вопросы

Нужен ли сайт, если есть карточка в Картах и соцсети?

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

Можно ли оставить меню в PDF?

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

Какие фотографии нужны для запуска?

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

На какой платформе делать сайт ресторана?

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

Расскажите, что у вас за заведение, — оставьте заявку, и я предложу структуру сайта под ваш формат. Отвечаю в течение 2 часов.