Как сделать сайт для кофейни: копируем успешный кейс
Мой друг зарабатывает на кофейне с дешёвой кофемашиной € 3000 в месяц. Секрет не в оборудовании — в правильном сайте. Показываю, как повторить его опыт пошагово.
Что важно на сайте кофейни
Посетители ищут три вещи: где находится, что стоит, как выглядит. Всё остальное — лишнее.
Структура страниц
Создаём 4 страницы:
- Главная — фото заведения, адрес, часы работы
- Меню — цены на кофе и еду
- О нас — история в 2-3 предложениях
- Контакты — карта, телефон, соцсети
Делаем главную страницу
H1 (главный заголовок страницы)
Пишем: "Кофейня [название] в [район города]". Например: "Кофейня Бодрость в центре Москвы".
Первый блок — герой
Ставим большое фото интерьера. Под ним:
- Адрес большими буквами
- Время работы
- Кнопка "Посмотреть меню"
В конструкторе сайтов (программа для создания сайтов без кода) типа Тильды или Wix перетаскиваем блок "Hero" и заполняем поля.
Второй блок — преимущества
Три колонки с иконками:
- ☕ Свежеобжаренный кофе
- 🎂 Домашние десерты
- 📶 Бесплатный Wi-Fi
Страница меню — самая важная
Делим на категории: кофе, чай, десерты, завтраки. В каждой категории — название, описание в 3-4 слова, цена.
💡 Совет: Не усложняйте техническую часть. Используйте готовые шаблоны — они уже настроены правильно. Tilda (платный конструктор) предлагает бесплатный тариф на 50 страниц, Wix (зарубежный сервис) — тоже есть бесплатная версия.
Настраиваем контакты
Встраиваем карту
Идём на Яндекс.Карты или Google Maps:
- Находим адрес кофейни
- Нажимаем "Поделиться" или "Share"
- Выбираем "HTML-код" (код для вставки на сайт)
- Копируем и вставляем в конструктор
Добавляем контакты
Обязательно указываем:
- Телефон (сделать ссылкой — посетители смогут сразу позвонить)
- Адрес
- Email (электронная почта)
- Ссылки на Instagram и ВКонтакте
Проверяем результат
Тест на телефоне
Открываем сайт на смартфоне. Проверяем:
- Текст читается без увеличения
- Кнопки нажимаются
- Меню помещается на экране
Скорость загрузки
Заходим на сайт PageSpeed Insights от Google (бесплатный сервис для проверки скорости). Вставляем адрес сайта, нажимаем "Анализировать". Если оценка меньше 50 — сжимаем фотографии через TinyPNG (бесплатный сервис сжатия изображений).
Что дальше
Готовый сайт регистрируем в Яндекс.Справочнике и Google My Business (сервисы для добавления организации в поисковики). Это бесплатно и даёт первых посетителей.
Помните: хороший кофе важнее дорогой кофемашины, а понятный сайт важнее красивой анимации 🙂