Короткий ответ
Ресторану не нужен большой сайт — нужны пять экранов, которые открываются на слабом сигнале и не врут о времени работы. Разбираем, что ставить на первый экран, почему меню не делают файлом и как принимать работу за пятнадцать минут.
Зачем ресторану сайт, если есть карты и соцсети
Возражение звучит разумно: карточка в картах приводит людей, аккаунт в соцсети показывает блюда, агрегатор принимает заказы. Зачем ещё одна страница, которую нужно поддерживать.
Ответ практический. Карточка и аккаунт принадлежат площадкам: правила меняются, охват режется, аккаунт можно потерять за нарушение, о котором вы узнаете постфактум.
Сайт — единственное место, где вы решаете, что человек увидит первым, и единственный источник, откуда карты, агрегаторы и поисковые системы берут ваши часы, адрес и меню, когда сверяют данные.
И он дешевле, чем кажется, потому что задача узкая. Ресторану не нужен большой сайт — нужны пять экранов, которые работают быстро и не врут о времени работы.
Что человек ищет на самом деле
Посетитель заходит на сайт ресторана с одним из четырёх вопросов: где вы, когда открыты, что у вас есть и как забронировать. Всё остальное — второстепенно.
Это значит, что адрес, часы, меню и способ связи должны быть видны без прокрутки и без переходов. Не в подвале, не на отдельной странице «Контакты», не в подписи под фотографией.
Самая частая ошибка — большая красивая заставка на весь экран, за которой прячется вся полезная информация. Человек, стоящий на улице с телефоном, до неё не долистает.
Проверить легко: откройте сайт на телефоне и засеките, за сколько секунд находится номер телефона. Если больше пяти, дизайн решает не ту задачу.
Меню: почему файл в PDF — худший вариант
Меню, выложенное картинкой или файлом, кажется удобным: его отдаёт типография, его не надо верстать. На телефоне оно превращается в нечитаемое полотно, которое приходится увеличивать пальцами.
Кроме неудобства есть техническая: файл — это отдельный документ, а не страница сайта. Даже когда поисковая система читает текст внутри него, человек попадает на скачивание, а не на вашу страницу, и ни разметки, ни внутренних ссылок, ни кнопки брони туда не поместить. Если меню выложено картинкой, текста в нём нет вовсе.
Меню должно быть текстом на странице: разделы, названия, короткие описания, цены. Тогда оно читается на любом экране, его можно обновить за минуту и оно индексируется.
Отдельный вопрос — актуальность. Меню, которое расходится с тем, что подают, хуже отсутствия меню: человек приходит за конкретным блюдом и уходит разочарованным.
Бронирование: одна кнопка вместо формы
Форма бронирования из восьми полей — самый надёжный способ потерять гостя. Он хочет стол на двоих сегодня в восемь, а не заполнять анкету.
Минимальный работающий набор — дата, время, количество гостей и один способ связи. Всё остальное уточняется по телефону или в сообщении, и это быстрее, чем поле в форме.
На телефоне кнопка звонка часто эффективнее любой формы, потому что нажатие сразу набирает номер. Её стоит держать видимой всё время, а не только на первом экране.
Если бронирование идёт через внешний сервис, проверьте, как он выглядит на телефоне и на каком языке разговаривает. Гость не отличает ваш сайт от чужого виджета и претензии предъявит вам.
Фотографии: чего не хватает почти всем
Снимки блюд есть у всех, и они почти всегда сняты сверху на белой тарелке. Их не хватает, чтобы принять решение, потому что человек выбирает не только еду.
Не хватает зала. Гость хочет понять, куда он придёт: шумно или тихо, светло или темно, можно ли прийти в джинсах, поместится ли компания из шести человек.
Не хватает входа. Фотография двери и вывески с улицы экономит гостю пять минут блуждания, особенно если вход не с главной улицы или во дворе.
И не хватает масштаба. Порция, снятая крупно, выглядит одинаково при любом размере, а человек хочет понять, наедается ли он одним блюдом или нужно брать два.
Первый экран
На первом экране должно быть четыре вещи: чем вы являетесь, где вы, когда открыты и что нажать. Всё это помещается без прокрутки даже на маленьком телефоне.
«Чем вы являетесь» — это одна строка, а не слоган. «Неаполитанская пиццерия в центре» работает, «Место, где рождается вкус» не работает, потому что не отвечает ни на один вопрос.
Статус «открыто сейчас» ценнее списка часов работы. Человек редко считает в уме, попадает ли он в промежуток, и ошибка стоит ему поездки.
И одно действие, а не пять. Кнопка брони или звонка должна быть заметно главной; меню, доставка и соцсети идут следом и мельче.
Мобильная версия — основная
Сайт ресторана смотрят с телефона, на улице, одной рукой и часто на слабом сигнале. Это не «мобильная версия», это основной сценарий, а десктоп — исключение.
Отсюда требования: крупные кнопки, которые попадаются пальцем, текст, который читается без увеличения, и вес страницы, который открывается на медленной сети.
Тяжёлое видео на первом экране — самый частый источник проблем. Оно красиво на презентации подрядчика и мучительно на мобильном интернете возле метро.
Проверять надо на настоящем телефоне и на плохой связи, а не в окне браузера, уменьшенном мышкой. Разница между этими проверками — примерно вся разница между работающим и неработающим сайтом.
Несколько точек и одна карточка
Как только точек становится две, начинаются ошибки: общий адрес в подвале, общее меню, общие часы. Гость приезжает не туда или в закрытый зал.
Правильная структура — отдельная страница на каждую точку со своим адресом, часами, телефоном и фотографиями зала. Даже если меню общее, страницы должны быть разными.
Это же нужно и для карт: у каждой точки своя карточка, и она ссылается на свою страницу, а не на главную. Иначе данные о точках смешиваются.
На главной остаётся выбор точки — простой список с районом и метро, а не карта, которая долго грузится и не работает без интернета.
Доставка и самовывоз: где заканчивается сайт
Строить собственную систему доставки на сайте маленькому заведению обычно невыгодно. Агрегаторы уже решили логистику, оплату и возвраты, и конкурировать с ними страницей заказа тяжело.
Разумная роль сайта — быть развилкой. Понятные кнопки на те агрегаторы, где вы есть, и отдельная кнопка самовывоза, который вы обслуживаете сами и который дешевле для вас.
Если самовывоз действительно выгоднее, это стоит сказать словами: сколько ждать, где забирать, есть ли скидка. Гость выбирает по понятности, а не по вашей марже.
И держите список агрегаторов в актуальном состоянии. Кнопка на площадку, где вас уже нет, — та же ошибка, что старые часы работы, только заметнее.
Тексты, которые действительно читают
Длинную историю заведения не читает почти никто, и это нормально. Читают подписи: под фотографией, рядом с ценой, возле кнопки.
Поэтому полезнее не абзац о философии, а конкретика в нужных местах: «тесто на закваске, 48 часов», «детский стул есть», «парковка во дворе», «можно с собакой».
Каждый такой факт снимает возражение, из-за которого человек не поехал бы. Их набирается десяток, и они стоят дороже любого текста о страсти к продукту.
Философию тоже можно оставить, только ниже и короче. Она работает на тех, кто уже решил прийти и хочет убедиться, что не ошибся.
Что делает ресторан заметным в поиске
Карточки в картах приводят в ресторан людей, которые до сайта вообще не доходят, и заполнять их надо так же серьёзно: часы, фотографии, категория, телефон, ссылка на нужную страницу.
Со стороны сайта помогает разметка данных — машиночитаемое описание того, что вы ресторан, где находитесь и когда открыты. Это то, что поисковые системы показывают прямо в выдаче.
Второе — совпадение данных. Адрес, телефон и часы должны быть одинаковыми везде: на сайте, в картах, в агрегаторах. Расхождение снижает доверие систем к вашим данным.
И третье — страницы под то, как ищут. «Веранда», «завтраки», «банкет на двадцать человек» — это отдельные вопросы, и отдельная страница отвечает на них лучше, чем абзац на главной.
Как принимать работу: Ресторану не нужен большой сайт — нужны пять экранов,…
Проверку начинайте с телефона и с плохой связи. Открылось за разумное время, номер нашёлся сразу, меню читается без увеличения — три главных пункта пройдены.
Дальше сверьте данные: часы на сайте, часы в карточках карт и часы на двери должны совпадать. Это самая частая и самая дорогая ошибка.
Проверьте бронирование до конца, а не до кнопки. Отправьте настоящую заявку и посмотрите, дошла ли она и как быстро на неё ответили.
И попросите передать доступы и исходники: домен, панель сайта, фотографии в полном разрешении. Без них следующее изменение меню превращается в новый проект.
Практический чеклист
- Вынесите адрес, часы, меню и связь на первый экран без прокрутки.
- Переведите меню из файла в текст на странице с разделами и ценами.
- Сократите форму брони до даты, времени, числа гостей и одного контакта.
- Снимите зал, вход с улицы и порцию рядом с понятным предметом.
- Заведите отдельную страницу и отдельную карточку карт на каждую точку.
- Сверьте часы на сайте, в картах и на двери в один день.
Вопросы и ответы
Нужен ли ресторану сайт, если есть карточка в картах?
Да, потому что карточка принадлежит площадке, а сайт — вам. Сайт задаёт, что человек увидит первым, и служит источником, из которого карты, агрегаторы и поисковые системы берут ваши часы, адрес и меню при сверке данных.
Можно ли выложить меню файлом PDF?
Технически можно, практически не стоит. На телефоне такое меню приходится увеличивать пальцами, а файл — это отдельный документ, а не страница сайта: человек попадает на скачивание, и ни разметки, ни кнопки брони туда не поместить. Если меню выложено картинкой, текста в нём нет вовсе. Меню должно быть текстом на странице.
Сколько полей оставить в форме бронирования?
Четыре: дата, время, количество гостей и один способ связи. Остальное быстрее уточнить звонком или сообщением. На телефоне кнопка звонка часто работает лучше формы, потому что нажатие сразу набирает номер.
Сколько стоит такой сайт у VITON13 применительно к теме «Дизайн сайта для ресторана: пять экранов, которые решают всё остальное»?
Дизайн идёт пакетами: Brand Sprint — $120 за 1–2 рабочих дня, два круга правок по выбранному направлению; Launch Landing — $290 за 3–5 рабочих дней, два круга после первого полного макета; Product Identity System — $540 за 5–8 рабочих дней, три круга по всей системе. Исключения у пакетов свои: в Brand Sprint не входят тексты и фотосъёмка, в Launch Landing — разработка, в Product Identity System — печатное производство и его макеты. Для этого случая критерий решения конкретен: Меню файлом нечитаемо на телефоне и невидимо для поиска — оно должно быть текстом на странице.
Что делать, если точек несколько?
Отдельная страница на каждую точку со своим адресом, часами, телефоном и фотографиями зала, даже если меню общее. У каждой точки своя карточка в картах, и она ведёт на свою страницу, а не на главную, иначе данные о точках смешиваются.