Клиент и задача
«Добродел» — сеть домов быта в Санкт-Петербурге: 7 мастерских, где делают дубликаты ключей, пульты для ворот, ремонтируют и растягивают обувь, точат ножи и цепи. Сайт был собран на конструкторе Tilda. Выглядел он прилично, но у него были две проблемы.
- Медленно. На смартфоне главный экран появлялся через 6,5 секунды. Человек, который ищет мастера «прямо сейчас», столько не ждет.
- Мало страниц под спрос. В карте сайта было 8 адресов: главная, четыре услуги и три служебные страницы для отзывов. А люди ищут десятками разных запросов: от «дубликат ключа» до «пульт для шлагбаума».
Задача: сделать сайт, который быстро открывается на телефоне, закрывает запросы по каждой услуге и подсказывает, где ближайшая мастерская.
Что показал замер до работ
Мы начали с измерения. Сайт на Tilda проверили в Google PageSpeed Insights на смартфоне (медленный 4G, эмуляция среднего Android). Результат:
- первый контент появлялся через 2,4 секунды, главный экран через 6,5 секунды, индекс скорости 6,1 секунды;
- запросы, которые блокируют отрисовку страницы, по оценке PageSpeed отнимали около 1,7 секунды;
- 153 КиБ лишнего JavaScript и еще 161 КиБ, которые можно было сэкономить на изображениях;
- у страницы не был указан язык (атрибут lang), а кнопки были слишком мелкими для пальца.
Сам экспорт из Tilda тоже не радовал: в папке сайта было 672 КБ скриптов (jQuery 1.10, библиотеки анимаций и ленивой загрузки, блоки Tilda) и 5,9 МБ изображений на восемь страниц.
Что мы сделали
1. Ушли с конструктора на чистый код
Переписали сайт вручную на HTML, CSS и JavaScript без Tilda, jQuery и сторонних библиотек. Собственный скрипт сайта теперь весит около 9 КБ вместо 672 КБ в экспорте Tilda. Изображения перевели в WebP, шрифт подключили со своего сервера, а не с чужого. Фирменные цвета, логотип и узор подложки сохранили: сайт остался узнаваемым.
2. Перестроили структуру под спрос
Собрали семантику в Яндекс Вордстате и разложили запросы по страницам: каждой услуге свой адрес и свой набор запросов. Так страницы не конкурируют друг с другом, а поиск понимает, что где искать. Для примера, по России в сентябре 2026 года люди искали:
- «изготовление ключей» — около 129 тысяч раз в месяц, «дубликат ключей» — около 94 тысяч;
- «ремонт обуви» — около 148 тысяч, «растяжка обуви» — около 7 тысяч;
- «заточка цепей» — около 58 тысяч, «пульт для ворот» — около 26 тысяч.
Из четырех страниц услуг получилось восемь: изготовление ключей, пульты для ворот, ремонт обуви, заточка, ключи для домофона, автоключи, замена батареек, брелоки и аксессуары. Добавили страницу с ценами.
3. Сделали локальное SEO: страница на каждую мастерскую
Для каждой из семи мастерских появилась своя страница: адрес, как найти вход, этаж, парковка, метро, телефон именно этой точки и список услуг, которые там делают (например, ремонт обуви есть не везде). Такие страницы отвечают на запросы «мастерская у метро» и приводят людей в конкретную точку.
4. Добавили микроразметку schema.org
Разметили все, что поисковые системы умеют показывать в расширенных сниппетах:
- LocalBusiness для каждой мастерской: адрес, координаты, часы работы;
- Service и Offer для услуг;
- FAQPage: блок вопросов и ответов на главной и на страницах услуг;
- BreadcrumbList, Organization и WebSite.
5. Написали тексты из фактов, а не из воздуха
Все факты собрали у владельца и мастеров: сроки (ключ делают за 5–15 минут), гарантия 14 дней, что мастерские делают и чего не делают, с какими марками пультов работают, что заготовок ключей больше 2700. Разобрали сайты трех конкурентов и сделали то, чего у них нет: блок вопросов и ответов и прайс текстом, а не картинкой. Цены публикуем только подтвержденные.
6. Навели порядок в техническом SEO
- один главный адрес сайта: без www и без лишнего слэша на главной, с 301-редиректами с www и http;
- canonical, короткие title и description под каждую страницу;
- карта сайта на 24 адреса и robots.txt (поисковые и ИИ-боты допущены);
- файл llms.txt для нейросетей и отправка адресов в Яндекс через IndexNow;
- защищенное соединение с политикой HSTS и страница 404.
7. Подключили аналитику и убрали лишнее
Яндекс.Метрика с Вебвизором и картой кликов, пиксель VK. Старый нерабочий код Google Analytics убрали. Теперь видно, что делают посетители на странице и откуда они приходят.
8. Запустили блог под информационные запросы
Пять статей под вопросы, которые люди задают перед визитом: где сделать дубликат ключа, сколько он стоит, как объединить пульты от ворот, как заменить батарейку в автоключе и как растянуть обувь. Это второй вход из поиска: человек сначала читает ответ, а потом идет в мастерскую.
9. Проверили, что сайт открывается у клиентов
Это тот самый урок, о котором мало пишут. Первую версию мы разместили на Cloudflare Pages: сайт получился быстрым. Но проверка из России показала, что часть посетителей без VPN его не открывает. Мы отключили HTTP/3 и TLS 1.3, а затем перенесли сайт на российский хостинг. Теперь он открывается у всех, а измерения скорости, которые вы видите ниже, сделаны уже на нем. Быстрый сайт бесполезен, если клиент не может его открыть.
