Сайт для кафе и кофейни

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

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

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

Часы кафе меняются часто: летом раньше открываетесь, в Новый год и местные праздники работаете иначе, в день закрытого мероприятия зал недоступен. На сайте обычный график и исключения — разные поля, поэтому гость видит «Сегодня 9:00–15:00, праздничный день», а не недельную таблицу, которая сегодня неверна. Вверху страницы строка: открыто ли сейчас и до скольки.

Рядом с часами:

• адрес с кнопками «Маршрут в Google Maps» и «Открыть в 2GIS» — в Казахстане гости чаще пользуются вторым
• ориентиры, если вход со двора или с другой улицы, парковка и ближайшая остановка
• Wi-Fi, розетки, можно ли работать с ноутбуком, детский стул, место для коляски, пускают ли с собакой на террасу

Часы в карточках Google и 2GIS меняются одновременно с сайтом: две разные цифры — и гость не верит ни одной.

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

• гость выбирает напитки с объёмом и молоком, время, к которому забрать, и платит картой, Apple Pay или Google Pay; в Казахстане часто — через Kaspi
• заказ приходит на планшет у бара, на почту или в рабочий Telegram-чат
• у каждого временного слота лимит, чтобы утренний наплыв не дал бару больше заказов, чем он успеет
• кнопка «Заказать в WhatsApp» отправляет готовое сообщение со списком — для тех, кто привык писать

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

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

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

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

Tilda, Nethouse, Wix и сервисы для заведений вроде Restoplace позволяют собрать сайт кафе за вечер, а бесплатный тариф или готовый шаблон сайта кофейни на HTML выглядит соблазнительно. Для нового кафе с одной точкой и коротким меню это разумный старт. У бесплатного варианта своя цена: чужой домен или реклама конструктора, ограничения на страницы и формы. У платного — подписка, которая растёт с каждой функцией. HTML-шаблон кто-то должен поддерживать, а меню с объёмами и доплатами приходится вбивать в него вручную.

Сайт на заказ делается на WordPress или Next.js под ваше меню, языки и заказ навынос; домен, код и база гостей принадлежат кафе. При переезде с конструктора каждый старый адрес получает 301-редирект. Дизайн — цвета со стакана и вывески, фото напитков и зала — входит в ту же цену.

1. Вы присылаете меню, часы работы, ссылки на Instagram и карточки в картах и пишете, на каких языках говорят ваши гости.
2. Я предлагаю список страниц, схему заказа навынос и фиксированную цену.
3. Главная и страница меню сначала рисуются на экране телефона; после вашего согласия в том же стиле делаются остальные страницы.
4. Я собираю сайт, вношу меню и тексты, переводчик с вашей стороны проверяет свои языки.
5. После запуска в карточках Google и 2GIS появляется ссылка на сайт, а вы получаете короткую инструкцию, как менять меню и часы.

Общий порядок разработки для любых компаний описан на странице разработка сайтов.

Гости спрашивают ChatGPT и нейросети: «кофейня в Тбилиси, где можно поработать с ноутбуком», «кафе в Лимассоле с меню на русском», «где в Астане позавтракать до 8 утра». Ответ собирается из того, что ассистент смог прочитать на сайте и в карточках. Поэтому часы и исключения, меню с ценами, виды молока, вегетарианские блюда, Wi-Fi, места для работы и языки персонала записаны в HTML обычным текстом, а заведение описано разметкой CafeOrCoffeeShop. Так я сделал сайт психотерапевта из Милана — его новые страницы уже попадают в ответы ChatGPT.

Постоянная работа над тем, чтобы нейросети рекомендовали заведение, описана на странице AI SEO и GEO-оптимизация, о том, как кафе находят в поиске, — на странице продвижение кафе, о картах — на странице локальное SEO-продвижение. Заведениям с обслуживанием за столиками и бронированием подойдёт страница сайт для ресторана.

• Простой сайт для кафе — меню текстом, часы и исключения, маршрут, фото, кнопки WhatsApp, Wolt и Glovo: 700–1 400 €.
• Сайт с заказом навынос и оплатой, магазином зерна или подпиской, мероприятиями с записью, арендой зала и языковыми версиями: от 2 000 €.

Дизайн входит в цену обоих вариантов. После запуска абонентской платы мне нет: вы платите только за хостинг и домен. Цены на все услуги — на странице стоимости.