Эта статья — про технические аспекты разработки сайта. Мы сознательно не углубляемся в то, что происходит до неё: постановку целей, портрет аудитории, анализ конкурентов. Считаем, что решение "сайту быть" уже принято — и теперь важно не потерять деньги на этапах, которые заказчику обычно не видны.
Каждый из 18 вопросов ниже — реальная точка проверки. Их можно задавать своей студии по ходу проекта, а можно пройтись по списку на приёмке. Мы в team500 делаем сайты с 2001 года — примеры в кейсы — и по опыту скажем: дешевле задать вопрос до запуска, чем чинить после.
01Какой вид сайта выбрать
Тип сайта определяется целями и задачами проекта, и это первый вопрос, на который стоит ответить письменно. Частному специалисту, которому нужно представить услуги и привлекать клиентов, чаще всего подойдёт лендинг или сайт-визитка: он быстро показывает экспертность, услуги, контакты и способ связаться. Потенциальный клиент получает всю информацию за минуту — и принимает решение.
Если же на старте выбран не тот формат — например, многостраничный портал там, где хватило бы лендинга, — проект дорожает и затягивается ещё до первой строчки кода.
Типы сайтов: краткая карта
Основных форматов пять, плюс бесконечное множество гибридов:
- Информационный сайт — статьи, новости, описания продуктов и услуг, контакты. Работает на узнаваемость и доверие.
- Блог — регулярные публикации: от личного дневника до профессионального медиа по своей теме.
- Интернет-магазин — каталог, корзина, оформление заказа, оплата и всё, что связано с e-commerce.
- Сайт-кейсы — витрина работ: формат фрилансеров, художников, фотографов и студий.
- Лендинг — одна страница под один продукт: короткая подача, форма контактов, призыв к действию.
Форматы спокойно комбинируются: корпоративный сайт с блогом, магазин с контент-разделом. Главное — чтобы комбинация вырастала из задач, а не из вдохновения.
02Интеграции: платежи, CRM, аналитика
Интеграции с внешними сервисами — то, что превращает "страницу в интернете" в рабочий инструмент. Пять типовых направлений:
- Платёжные системы — приём оплаты прямо на сайте: ЮKassa, CloudPayments, PayPal, Stripe.
- CRM-системы — управление клиентами и сделками: Bitrix24, amoCRM, HubSpot, Salesforce.
- Аналитические сервисы — посещаемость и поведение: Google Analytics, Яндекс.Метрика, Hotjar.
- Социальные сети — вход через соцаккаунт и шеринг контента в профили пользователей.
- Email-маркетинг — автоматические рассылки и сегментация: Mailchimp, SendGrid, Sendinblue.
Нужны ли интеграции именно вам — вопрос целей. Продаёте онлайн — без платёжной системы никуда; строите отдел продаж — понадобится CRM. Критерий один: интеграция должна улучшать опыт пользователя или экономику бизнеса, а не просто "быть".
Через акселератор _DIGITAL BILLION у нас проходят десятки команд в год, и по интеграциям ошибка почти всегда одна и та же: платёжку подключают последней, за неделю до запуска. А выясняется это на модерации — юрлицо не то, ОКВЭД не тот, договор оферты не готов, и стартап встаёт на три недели с уже потраченным рекламным бюджетом.
Правило, которое мы теперь даём на первой же встрече: заявку в платёжную систему подают в первую неделю проекта, параллельно с дизайном. Техническая интеграция занимает два дня, а вот юридическая модерация — до трёх недель, и ускорить её нельзя ничем.
03Домен и хостинг
Два элемента, без которых сайт физически не выйдет в интернет.
Домен — уникальный адрес сайта. Хорошее доменное имя короткое, запоминающееся и отражает суть бизнеса. Проверьте на приёмке: на кого оформлен домен и оплачен ли он. Домен, зарегистрированный на подрядчика, — классическая точка зависимости.
Хостинг — место на сервере, где живут файлы сайта. Планы различаются объёмом диска, пропускной способностью, поддержкой технологий и уровнем безопасности.
"Домен, оформленный на подрядчика, — это не техническая деталь, а вопрос собственности на актив. Мы видели, как из-за этого бизнес терял восьмилетнюю историю поисковых позиций за один день"
04Продвижение: шесть рабочих каналов
Сайт без трафика — это красивая папка с файлами. Каналы, которые работают:
- Поисковая оптимизация (SEO) — контент, техническая настройка, работа со ссылками.
- Контекстная реклама (PPC) — объявления в поиске и на площадках; платите за клики.
- Социальные сети (SMM) — контент, сообщества, рекламные кампании.
- Email-маркетинг — сегментированные и персонализированные письма.
- Контент-маркетинг — блог, видео, инфографика, кейсы.
- Инфлюенсеры — сотрудничество с лидерами мнений, у которых уже есть доверие аудитории.
О продвижении стоит думать на этапе разработки: часть решений — структура, семантика, скорость — закладывается именно тогда.
В Digital с 2001. В некоторых проектах мы подрядчик, а с некоторыми растём в партнёрстве с клиентами.Валентин Бутюгин · Основатель team500
05Семантическое ядро и структура сайта
Семантическое ядро — набор ключевых слов и фраз, под которые сайт будет собирать бесплатный трафик из поиска. Собирать его нужно на старте разработки, и собирать обширно.
Как оценить качество работы? Посмотрите, нет ли в ядре нецелевых запросов — даже единичных. Хороший знак — кластеризация: запросы сгруппированы по смыслу, и каждая группа превращается в будущую страницу.
Семантику дешевле собрать до прототипа, чем после запуска. Ядро диктует структуру сайта — а перестраивать структуру на живом проекте означает переезды страниц, редиректы и просадку позиций на месяцы.
Структура — это скелет, на который ложится всё остальное: иерархия страниц, навигация, читаемые URL-адреса, внутренняя перелинковка, адаптивность и удобная CMS для обновления контента без программиста.
06Тексты и какую CMS выбрать
Принимать ли пустой сайт — решать вам, но мы рекомендуем этого избегать: страницы без уникального контента поисковые системы индексируют неохотно. Тексты лучше заказать заранее, до вёрстки: тогда они лягут в дизайн, будут написаны под семантическое ядро и сразу получат корректные метатеги.
Первая развилка по CMS — готовая платформа или самописное решение. Самопис может идеально учитывать особенности компании, но любые изменения потребуют специалистов, знакомых именно с этим движком.
| CMS | Для чего чаще всего |
|---|---|
| WordPress | Блоги, корпоративные сайты, визитки, небольшие магазины. Быстро настраивается, огромная экосистема плагинов |
| Magento | Интернет-магазины среднего и крупного масштаба: каталог, заказы, платёжные системы "из коробки" |
| Joomla | Корпоративные сайты, сообщества, онлайн-журналы: статьи, новости, обсуждения |
| Drupal | Крупные и сложные проекты: порталы, образовательные ресурсы — высокая гибкость и масштабируемость |
| 1С-Битрикс | Российский корпоративный сегмент и e-commerce с интеграцией в 1С "из коробки" |
07Мобильная версия, адаптив и скорость
Отдельная мобильная версия — самостоятельный сайт под смартфоны: максимальная гибкость подачи, но отдельная разработка и поддержка. Адаптивный шаблон — одна версия, которая сама подстраивается под размер экрана: единый опыт и заметно меньше усилий на поддержку. Для большинства проектов сегодня рациональнее адаптив.
Медленный сайт теряет посетителей раньше, чем они увидят контент. Диагностика бесплатна: откройте PageSpeed Insights и получите подробный отчёт.
Сайт, который не дотягивает до "зелёной зоны" PageSpeed Insights — а она начинается от 90 баллов, — не должен выходить на рынок. Это не перфекционизм: скорость влияет и на конверсию, и на позиции в поиске.
08Техническое SEO: ЧПУ, валидность, SSL, микроразметка
ЧПУ — "чистые" человекопонятные URL: адрес вида site.ru/blog/kak-vybrat-cms понятен и человеку, и поисковой системе, а site.ru/?p=8396&cat=12 не говорит ни о чём.
Валидный код проверяется бесплатно через W3C Markup Validation Service. HTTPS — обязательный минимум безопасности: шифрует соединение и учитывается поисковыми системами при ранжировании.
Микроразметка объясняет поисковым системам, что находится на странице: товар, статья, организация. Карта сайта нужна в двух видах — HTML для людей и XML для роботов; ссылка на XML-карту прописывается в robots.txt. Метатеги — самый дешёвый инструмент SEO: они уже есть на каждой странице, вопрос только в том, работают они или пустуют.
09Счётчики аналитики
Счётчики собирают данные о посещаемости и поведении: сколько людей пришло, откуда, какие страницы смотрят, где уходят. Инструменты — Google Analytics, Яндекс.Метрика, Matomo. Без аналитики невозможно понять, работает ли сайт на бизнес-цели.
Команда:"Запускаем!"
Сайт:запустился.
Команда:"Ну, как прошёл первый день?"
Сайт без счётчика:"Прекрасно. Поверьте на слово".
Аналитику ставят до запуска — иначе самый интересный день в жизни сайта пройдёт без свидетелей.
10Чек-лист приёмки готового сайта
Финальная оценка — момент, когда все вопросы сходятся в один список. Шестнадцать проверок:
- Тип сайта соответствует первоначальному плану и целям.
- Домен соответствует бренду и оформлен на вас, а не на подрядчика.
- CMS известна и подходит для ваших потребностей.
- Все внешние сервисы, подключённые к сайту, работают.
- Хостинг обеспечивает нужные возможности и производительность.
- Регистратор домена известен, домен оплачен.
- SSL-сертификат установлен, соединение безопасно.
- Стартовая SEO-оптимизация проведена.
- Семантика собрана, карта релевантности есть.
- Основные страницы заполнены контентом.
- Скорость загрузки проверена, проблем нет.
- Мобильная версия или адаптив реализованы.
- Используются семантические URL (ЧПУ).
- Микроразметка внедрена и проверена валидатором.
- Карта сайта есть, robots.txt настроен.
- Счётчики веб-аналитики установлены и передают данные.
Чек-лист "Приёмка сайта: 25 проверок до подписания акта"
Все проверки из этой статьи в одном печатном документе — с пояснениями, зачем нужен каждый пункт.
HTML · для печати и PDF · без email и регистрацииВ разработке с 2001 года, 500+ проектов под руководством. Ведёт акселератор _DIGITAL BILLION и венчурное направление VBaaS ULTIMA.
Полезное по теме
Хотите такой же разбор — но по вашему сайту?
Чек-лист выше общий и бесплатный. Если нужен разбор именно вашего сайта по всем 18 пунктам — оставьте ссылку, и за 48 часов пришлём короткий отчёт: что уже хорошо, что проверить в первую очередь.
