Итальянский ресторан, о. Самуи, Таиланд ·
Тот же сайт ресторана, но меню читается с телефона, а языков четыре
Итальянский ресторан на Самуи. Слова, фото и вечернее настроение — прежние, исполнение — новое: меню из трёх картинок стало текстом, а при открытии телефон скачивает 0,3 МБ вместо 6,4.
Что за бизнес
Giulietta e Romeo — семейный итальянский ресторан в Чавенге, на острове Самуи. Ресторан вечерний: по его сайту — со среды по воскресенье, с шести до десяти. Кухней руководит шеф-итальянка Паола Феррари, название взято из «Ромео и Джульетты», и всё в ресторане про это: свечи, красные розы, романтические вечера. После двенадцати лет в Северном Чавенге ресторан переехал в центр Чавенга, где столики стоят и в зале, и у бассейна, и завёл два новых проекта: днём там работает бар La Dolce Vita с завтраками, а La Pasta привозит пасту на дом.
Сайт ресторана рассчитан прежде всего на гостя с телефоном: посмотреть меню, понять, где это, и забронировать стол в WhatsApp. На курортном острове такой гость может читать не на родном языке и сидеть на мобильном интернете.
Это не заказ. Сайт у ресторана уже был, я пересобрал его по своей инициативе и показал владелице готовым. Пока он живёт на пробном адресе, закрытом от поиска: ссылка на первом экране ведёт туда.
Что это дало
Сайт остался узнаваемым: слова, фото и вечернее настроение — ресторана. А гость с телефона сразу видит название, читает меню без увеличения, заполняет бронь на одном из четырёх языков — и скачивает в разы меньше. Цифры и как я их мерил — в разделе «Что получилось».
С чего начинал
Сайт у ресторана был, и основа у него хорошая: тексты, фото, тёмный вечерний стиль, бронь через WhatsApp. Мешало исполнение — и сильнее всего на телефоне, под который такой сайт прежде всего и рассчитан.
Прежний сайт на момент публикации по-прежнему открывается по адресу ресторана, так что всё ниже можно сверить самому. Кадры «до» и «после» сняты 11 октября 2026 одинаково: экран телефона шириной 390 точек и компьютера — 1440.
Названия на первом экране не было
Фото с фонарём и цитата из Шекспира, а название ресторана встречалось только ниже по странице — впервые в тексте истории. Главного заголовка, по которому и поиск понимает, о чём страница, не было вовсе.
Меню — три картинки
На телефоне картинка меню уже экрана, описания блюд мелкие, а по нажатию картинка крупнее не открывается — только увеличивать пальцами всю страницу. Блюдо с такой картинки не находит поиск, и встроенный переводчик браузера её не переводит.
Весь сайт — один тяжёлый файл
Все 26 картинок были вшиты прямо в страницу. Телефон скачивал их разом, даже те, до которых гость не долистает, а любая правка на сайте — хоть одной цены — заставит скачать всё заново.
На компьютере — растянутый телефон
Та же раскладка в одну колонку, растянутая на большой экран: навигации нет, от главного фото на первом экране — один фонарь, а форма брони — на десятом экране из тринадцати.
Что сделал
Слова, фото и настроение оставил ресторану
Владелица должна узнать свой сайт с первого взгляда, поэтому всё, что в нём было её, осталось на месте. Английские тексты страницы перенесены слово в слово, и это проверяет сборка: разойдётся с оригиналом хоть одно слово — сайт не соберётся. В них поменялось одно: число отзывов, его я обновил по самим площадкам. Меню — отдельный разговор, о нём ниже.
Фото — только те, что были на сайте ресторана: новых не добавлено. Тёмный фон, кремовый текст и золото, круглое окно с фонарём, цитата из Шекспира по-итальянски и по-английски — всё на месте. Изменилось исполнение: свои шрифты, три вида кнопок на весь сайт вместо восьми, одна ширина у всех блоков.
Главное — на первые два экрана
Название ресторана стоит первым заголовком страницы, прямо над фото. Под фото — две кнопки: забронировать и открыть меню. Бронь видна без прокрутки даже на небольших телефонах — от 360 на 640 точек, это проверяет тест.
Блоки переставлены, тексты и фото те же. Оценки 4,8 в Google и на Tripadvisor стояли на восьмом экране телефона, теперь — на втором: они помогают выбрать, куда пойти вечером.
Меню набрал текстом — все 41 блюдо
Три картинки меню я набрал текстом: названия, описания и цены — как на картинках. Набор сверен дважды, разными проверяющими. Восемь опечаток с картинок исправлены, и список правок ушёл владелице на подтверждение: текст меню — её, и последнее слово за ней.
Теперь меню читается на телефоне без увеличения, а у цены стоит знак бата. Текст блюд читает поиск, а браузер гостя сам переводит описание. Названия блюд не переводятся: на всех языках они такие, как в меню ресторана. Шесть фото категорий стали кнопками: нажал «Pizza» — оказался в разделе пиццы.
У компьютера своя версия
Вместо растянутой телефонной колонки — сайт для большого экрана. Сверху шапка с разделами, языками и кнопкой брони; она остаётся на месте, пока гость листает. Название стоит крупно, главное фото видно целиком. Часы работы и форма брони стоят рядом и помещаются в один экран, а раньше блок брони занимал почти два.
Бронь — на 1–8 гостей и на языке гостя
Устройство брони у ресторана было удачным, и я его сохранил: гость заполняет форму, а в WhatsApp ресторана открывается готовое сообщение с именем, датой, временем и числом гостей. Сервер для этого не нужен.
Поменялись детали. Гостей можно выбрать от одного до восьми, а не только 2, 4, 6 или 8; это вопрос к владелице — если так задумано под размеры столов, верну как было. Подписи формы — на языке страницы, а сообщение персоналу всегда приходит по-английски, в привычном виде. Нижняя панель с WhatsApp и звонком больше не закрывает форму: у формы она прячется. QR-код для WhatsApp перерисован из той же ссылки: прежний код телефон на тёмной странице не считывал.
На пробной версии номер ресторана заменён заглушкой: форма открывает WhatsApp с готовым сообщением, но без получателя, а кнопка звонка никуда не звонит.
Четыре языка вместо одного
Английский — основной, это текст ресторана без изменений. Рядом русская, итальянская и тайская версии, у каждой свой адрес и переключатель в шапке; сайт никого никуда не перебрасывает, язык гость выбирает сам. Цены одни на все языки.
Переводы пока черновые. Каждый прочитал отдельный проверяющий, но носители языка их ещё не вычитывали, поэтому на адрес ресторана версия выйдет только после вычитки. По плану, который я предложил владелице, итальянскую вычитает она сама, тайскую — тайский сотрудник ресторана, русскую — я.
Сайт стал лёгким
Фото больше не вшиты в страницу: каждое лежит отдельным файлом в современном формате, под ширину экрана, грузится, когда гость до него долистал, и остаётся в браузере на следующий раз. Шрифты свои, поэтому на iPhone, Android и Windows сайт выглядит одинаково, а раньше на каждом устройстве он был набран своим шрифтом. Шрифт языка грузится только на его странице: тому, кто читает по-английски, тайский шрифт не нужен.
Поиск и ИИ-ассистенты понимают, что это ресторан
Для поисковика на странице есть служебная разметка: ресторан, адрес, часы, телефон, кухня и всё меню с ценами в батах, а рядом — La Dolce Vita и La Pasta. Языковые версии связаны между собой, есть карта сайта. Для ИИ-ассистентов — короткая карта сайта с адресом, часами, контактами и меню: у них тоже спрашивают, где поужинать. Всё это собрано из текстов ресторана, без единой новой фразы, — и это тоже проверяет сборка.
Ссылка, отправленная в WhatsApp или Telegram, приходит с фото ресторана — раньше картинки у неё не было. Пробный адрес от поиска закрыт: копия сайта ресторана в Google не появится.
Спорное не решал за владелицу
Тексты я не переписывал даже там, где это помогло бы ИИ-поиску: вопросы вместо заголовков и блок частых вопросов требуют новых фраз, а тексты — владелицы. Что было неясно, ушло ей вопросами, а не исправлено молча: какое из двух написаний адреса верное, новое ли место на фото с вывеской, куда вести кнопку заказа La Pasta через Grab и LINE MAN. Что я решил сам — знак бата у цен, от одного до восьми гостей, новый порядок блоков, — тоже ушло ей на подтверждение. Новых слов на сайте нет.
Хотите, чтобы ваш сайт так же легко читался с телефона?
НаписатьЧто получилось
Посещаемости и броней в кейсе нет: сайт пока на пробном адресе. Зато вес страницы мерится уже сейчас — одинаково для прежнего сайта и нового.
| Показатель | Старый сайт | Новый сайт | Изменение |
|---|---|---|---|
| При открытии сайта | 6,4 МБ | 0,3 МБ | в 21 раз |
| Если пролистать до конца | 6,4 МБ | 0,8 МБ | в 8 раз |
Для гостя это значит: сайт быстрее открывается на мобильном интернете и в роуминге и почти не тратит трафик. А первым он получает то, ради чего пришёл, — название, фото и кнопку брони.
Замер 11 октября 2026: один и тот же браузер с экраном телефона 390 точек, сохранённое в браузере не используется. Прежний сайт — по адресу ресторана, новый — на пробном адресе. Считалось всё, что телефон скачал по сети: при открытии — пока страница не перестала грузиться, «до конца» — после прокрутки до подвала. Сам файл прежнего сайта — 8,5 МБ, по сети он сжимается до 6,4, а после прокрутки телефон ничего не докачивает. Сколько людей откроют сайт и забронируют стол, этот замер не знает: на адресе ресторана новый сайт ещё не стоит.
Что изменилось не в лучшую сторону
14,6 → 17,5
Длина страницы на телефоне, в экранах
Меню текстом занимает больше места, чем три картинки, и форма брони уехала ниже. Кнопка брони при этом есть на первом экране и в меню разделов сайта, а после первого экрана внизу появляются WhatsApp и звонок — листать до формы, чтобы забронировать, не нужно.
Что это даёт ресторану дальше
Как сайт встанет на адрес ресторана?
Если владелица согласится, новый сайт встанет вместо старого, а адрес останется прежним — на него уже ведут ссылки из карт и соцсетей. Для этого нужны её ответы, вычитка переводов и доступ к домену. После переезда сайт открывается поиску и подключается к кабинетам Google и Яндекса.
А если поменяется меню или цена?
Меню лежит в одном файле: название и цена блюда записаны там один раз и сами расходятся по всем четырём языкам, разметке для поиска и карте для ИИ-ассистентов. Переводы описаний — по файлу на язык.
Что можно добавить следующим шагом?
Это предложения, на сайте их нет. Свои страницы для La Dolce Vita и La Pasta — с меню, часами и кнопками заказа, — вместо того чтобы вести гостя в Instagram. Бронь через LINE на тайской странице: у тайских гостей основной мессенджер — LINE. Фото шефа рядом с абзацем о ней. И короткий второй адрес для визиток и меню на столах.
Как это устроено технически
Astro, только статика: на выходе обычные файлы, сервер приложений не нужен.
Четыре языковые версии из одного шаблона (/, /it/, /ru/, /th/),
встроенный i18n Astro без перенаправления по языку браузера; у каждого языка
статус в реестре — published идёт в любую сборку, draft только в dev
и демо. Тексты — JSON-словари по языкам; английский сверяется с выписанным
оригиналом дословно (check-content), переводы — на полноту (check-i18n).
Меню — один JSON на 41 позицию: названия и цены общие, описания и заголовки
разделов — по языкам.
Фото — astro:assets, AVIF и WebP в нескольких ширинах, ниже первого экрана
с ленивой загрузкой. Шрифты — Bodoni Moda и Source Serif 4, для русского
Prata, для тайского Noto Serif Thai; облегчённые копии только с жирностями
сайта, со своего хостинга, по языку страницы. Скрипты свои, на TypeScript:
форма брони, нижняя панель, увеличение фото, меню на телефоне; без них
страница читается, а форма ведёт в WhatsApp обычной ссылкой.
Разметка JSON-LD: WebSite, WebPage, Restaurant с адресом по частям, часами
и меню (Menu, MenuSection, MenuItem с ценой в THB), два FoodEstablishment
для дочерних проектов. hreflang, sitemap.xml, robots.txt с ИИ-роботами
по именам, llms.txt из английского словаря и меню. Open Graph с картинкой
1200×630, .htaccess для Apache: сжатие и долгий кэш файлов с хэшем.
Проверки в сборке: тексты и меню против оригинала, собранные страницы, лишние
файлы, фото без размеров, порядок стилей. Отдельной проверкой после сборки —
бюджет веса: первый экран до 450 КБ, вся страница до 2,5 МБ. Тесты —
node:test для дат и сообщения брони, Playwright с axe в Chromium и WebKit
на ширинах от 320 px. Демо — GitHub Actions → GitHub Pages, сборка
с noindex на каждой странице.
Кто это делал
За jw-dev.pro — я один, а не студия и не агентство. Значит, вы говорите напрямую с тем, кто делает: без менеджера, без брифа через третьи руки и без передачи проекта другому исполнителю посреди работы.
Часовой пояс UTC+7 — как в Бангкоке и Ханое. Делаю сайты, Telegram-ботов и автоматизацию — задача редко заканчивается страницей, обычно её нужно связать с тем, что у вас уже работает.
Чем дальше, тем реже задача звучит как «сделать сайт». Одному нужно, чтобы цена правилась в одном месте, а не на двадцати страницах. Другому — чтобы канал выходил без него. Третьему — чтобы весь прайс лежал внутри Telegram, куда его клиенты и так заходят каждый день. Поэтому список работ у меня открытый: если вашей задачи в нём нет, это ещё не значит, что она не решается.
Кейсы я пишу так, чтобы их можно было проверить: что было, что сделано и чем это измерено. Есть аналитика — ставлю её цифры и период, за который они сняты; мерить рано — так и пишу. «Увеличил продажи» вы тут не найдёте: это не результат, а обещание.
Нужно похожее?
Сайт, бот или то, что сейчас делается руками, — расскажите, что у вас происходит, и я скажу, решается это или нет.
Такая работа — услуга «Сайт под ключ для малого бизнеса».
Заявка не ушла
Текст не пропал — вернитесь назад и попробуйте ещё раз. Или напишите напрямую: в Telegram, в WhatsApp или на почту.
Удобнее написать самому — в Telegram, в WhatsApp или на почту.
Не уверены, что с сайтом не так, — проверьте его бесплатно в Telegram: @jw_site_check_bot.
Кому потом всё принадлежит и что будет, если я пропаду, — ответы на главной.