Разработка сайтов

Какие сайты вы делаете?

MetaByte делает лендинги, корпоративные сайты, интернет-магазины, порталы с личными кабинетами и веб-приложения реального времени.

Граница между «сайтом» и «системой» на практике размыта, и её стоит проводить по одному признаку: есть ли у пользователя состояние. Если посетитель приходит, читает и оставляет заявку — это сайт, и его задача измеряется скоростью и конверсией. Если у него есть вход, история, роль и данные, которые меняются, — это уже приложение, и оно проектируется от модели данных, а не от макета.

Мы делаем и то и другое, но говорим об этом прямо на оценке: заказчик, которому нужен портал, а он платит за лендинг, узнает об этом на третьем месяце, и это самая дорогая ошибка в проекте.

• Лендинги и промо-страницы под запуск и рекламу
• Корпоративные сайты со структурой под поисковый спрос
• Интернет-магазины с обменом с 1С и расчётом доставки
• Порталы и личные кабинеты с ролями и правами
• Веб-приложения реального времени на WebSocket

Почему сайт на Next.js, а не на конструкторе?

Конструктор быстрее на старте и дешевле в первый месяц, но упирается в потолок на скорости, интеграциях и владении кодом — Next.js не упирается ни в один из трёх.

Разница видна не в день сдачи, а на второй год. Конструктор отдаёт страницу, собранную в браузере посетителя: до появления текста успевают выполниться несколько скриптов платформы, и это напрямую бьёт по Core Web Vitals, которые Google учитывает в ранжировании, а Яндекс — через поведенческие факторы, потому что человек уходит с медленной страницы.

Второй потолок — интеграции. Обмен с 1С, своя логика расчёта доставки, нестандартный сценарий оплаты на конструкторе делаются обходными путями или не делаются вовсе. Третий — владение: с площадки нельзя уйти, забрав сайт.

Это не значит, что конструктор всегда неправ. Если задача — проверить спрос за неделю, мы так и скажем; терять деньги на разработке гипотезы, которая может не подтвердиться, незачем.

Что именно делает сайт «быстрым» и почему это важно для поиска?

Скорость сайта измеряется тремя метриками Core Web Vitals — LCP, INP и CLS, — и MetaByte закладывает их в разработку с первого дня, а не оптимизирует постфактум.

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

На практике набор мер устойчив: серверный рендеринг вместо сборки страницы в браузере, изображения в AVIF и WebP нужного размера, шрифты с font-display: swap и предзагрузкой, критический CSS в разметке, отложенная загрузка всего, что ниже первого экрана.

• LCP — время до появления главного элемента экрана, цель до 2,5 с
• INP — задержка отклика на действие пользователя, цель до 200 мс
• CLS — смещение вёрстки при загрузке, цель до 0,1

Входит ли SEO в разработку?

Техническая SEO-основа входит в разработку сайта у MetaByte по умолчанию: семантическая разметка, метатеги, Schema.org, карта сайта, robots.txt, скорость и корректная работа на мобильных.

Разделять это на «разработку» и «SEO-услугу» — способ продать дважды то, что нельзя разделить. Структуру URL, вложенность заголовков и разметку данных нельзя добавить к готовому сайту, не переделав его; они либо заложены, либо нет.

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

Что вы отдаёте на выходе?

На выходе заказчик получает работающий сайт, весь исходный код в своём репозитории, доступы к хостингу и домену, инструкцию по развёртыванию и 30 дней бесплатных правок.

Формулировка «отдаём код» стоит недорого, пока не описано, что в неё входит. У нас входит: репозиторий с историей коммитов, а не архив; переменные окружения и описание каждой; схема базы данных; описание сборки и деплоя, проверенное на чистой машине. Смысл в том, чтобы работу мог продолжить кто угодно — в том числе не мы.

Что вы получаете

• Работающий сайт на вашем домене и хостинге
• Репозиторий с исходным кодом и историей изменений
• Адаптив под телефон, планшет и десктоп
• Техническая SEO-основа: разметка, sitemap, robots, метатеги
• Подключённая аналитика (Яндекс Метрика и/или Google Analytics)
• Инструкция по развёртыванию и обновлению
• 30 дней бесплатных правок после релиза

Стек Next.js · Nuxt 3 · React · Vue · TypeScript · PostgreSQL · MongoDB

Работы, которые это подтверждают

Ссылки открываются — это и есть проверка. Работы под NDA мы не показываем и не описываем.

Все кейсы студии →

Частые вопросы