Разработка сайта IT-компании на 1С-Битрикс

Разработка сайта IT-компании на 1С-Битрикс

IT-компания продаёт экспертизу. Сайт должен эту экспертизу доказать — не словами «мы профессионалы», а структурированным портфолио, технической глубиной в блоге и понятной навигацией по услугам. 1С-Битрикс здесь работает как CMS с гибкой архитектурой инфоблоков, полноценным модулем SEO и возможностью кастомизации под нестандартные задачи — карьерный портал, калькулятор стоимости, интеграции с внешними API.

Портфолио проектов

Инфоблок «Кейсы» — основа раздела. Структура свойств:

• Клиент — строка + логотип (файл)
• Отрасль — привязка к справочнику (инфоблок или Highload-блок)
• Задача — текстовое поле с HTML-редактором
• Решение — аналогично, с возможностью вставки блок-схем
• Стек технологий — множественное свойство-справочник (React, Python, PostgreSQL и т.д.)
• Результат — числовые метрики (рост конверсии, снижение времени загрузки, экономия)
• Скриншоты — множественное свойство «файл» с Lightbox-галереей

Фильтрация через catalog.smart.filter: по отрасли, по стеку, по типу услуги. Каждый кейс — детальная страница с якорной навигацией (задача → решение → стек → результат). Шаблон детальной страницы кастомный, с блочной вёрсткой под каждый раздел.

Каталог услуг и технологий

Двухуровневый инфоблок. Верхний уровень — направления: веб-разработка, мобильная разработка, DevOps, аналитика данных. Внутри каждого — конкретные услуги с описанием, списком технологий, ссылками на релевантные кейсы (свойство «привязка к элементам» инфоблока кейсов).

Страница технологии содержит: описание компетенции команды, количество завершённых проектов на этом стеке (автоматический подсчёт через PHP-код в шаблоне компонента), список кейсов. Так формируется внутренняя перелинковка: услуга → технология → кейс — поисковик видит экспертную глубину.

Команда с компетенциями

Инфоблок «Команда» с разделами по отделам. Свойства: фото, должность, компетенции (множественный справочник), ссылки на GitHub/LinkedIn, краткое био. Выводим не просто список лиц, а группировку по ролям в проекте — это показывает клиенту, кто именно будет работать над задачей.

Карьерный раздел с интеграцией HH.ru

Вакансии хранятся в инфоблоке с полями: должность, отдел, грейд, описание, требования, условия, зарплатная вилка. Синхронизация с HeadHunter через API — при создании вакансии в Битрикс она автоматически публикуется на HH.ru через метод POST /vacancies. Обратная связь: отклики с HH.ru подтягиваются через вебхук в CRM Битрикс24 как лиды с источником «HH.ru».

Агент Битрикс проверяет статус вакансий раз в час: если вакансия закрыта на HH.ru — деактивирует элемент инфоблока. Форма отклика на сайте — загрузка резюме (PDF, DOC) + сопроводительное письмо. Файлы сохраняются в upload/ и привязываются к лиду в CRM.

Калькулятор стоимости разработки

Пошаговая форма на JS с серверной валидацией. Логика:

1. Тип продукта (сайт, мобильное приложение, SaaS-платформа)
2. Функциональность — чекбоксы с весами (авторизация — 20 часов, личный кабинет — 40, интеграция с CRM — 30)
3. Дизайн (шаблонный, кастомный, премиум)
4. Сроки (стандарт, ускоренный с коэффициентом 1.3)

Результат: диапазон стоимости и срок. Данные отправляются в CRM как лид с детализацией выбранных опций. Стоимость часа и коэффициенты хранятся в Highload-блоке — менеджер обновляет их без участия разработчика.

Контент-маркетинг через блог — главный канал лидогенерации

Для IT-компании блог — не украшение, а воронка. Технические статьи привлекают целевой трафик: человек ищет «как оптимизировать PostgreSQL-запросы», находит вашу статью, видит экспертизу, переходит в портфолио, оставляет заявку. Разберём архитектуру блога, которая работает на эту воронку.

Структура инфоблока «Блог». Свойства элемента: заголовок, анонс (для списка и meta description), детальный текст, автор (привязка к инфоблоку «Команда»), рубрика (множественная привязка к справочнику), теги (множественная строка), время чтения (вычисляемое поле — количество слов / 200), обложка, дата публикации.

Рубрикация. Не плоская, а двухуровневая. Верхний уровень: «Разработка», «DevOps», «Аналитика», «Управление проектами». Внутри: «React», «Laravel», «Kubernetes», «A/B-тестирование». Каждая рубрика — отдельная страница со своим Title и Description, оптимизированным под поисковый кластер. Это даёт десятки дополнительных точек входа из поиска.

SEO-оптимизация на уровне модуля. Используем штатный SEO-модуль Битрикс: шаблоны meta-тегов для раздела блога, ЧПУ через правила в urlrewrite.php, автоматическая генерация sitemap.xml с приоритетами (свежие статьи — priority 0.8, архивные — 0.5). Хлебные крошки через компонент breadcrumb с микроразметкой BreadcrumbList. Разметка статей — Article schema.org с указанием автора, даты, обложки.

Серия статей и связанный контент. Свойство «Серия» — привязка к элементу-серии (например, «Миграция с монолита на микросервисы: часть 1, 2, 3»). В шаблоне детальной страницы выводим навигацию по серии. Блок «Похожие статьи» — через компонент news.list с фильтрацией по совпадению тегов, исключая текущий элемент.

Конверсионные элементы внутри статей. После каждой статьи — блок с релевантным CTA. Если статья про оптимизацию PostgreSQL — CTA «Нужен аудит производительности БД?». Реализация: свойство «Тип CTA» в инфоблоке (аудит, консультация, оценка проекта) — шаблон подставляет соответствующий блок. Лид-магниты: чек-листы, шаблоны ТЗ — скачивание после ввода email, который уходит в CRM.

Контент-план и редакционный процесс. Статусы элемента: черновик → на ревью → правки → публикация. Права: авторы создают черновики, редактор переводит в «на ревью», главред публикует. Workflow через стандартный бизнес-процесс инфоблока с уведомлениями на каждом этапе.

Аналитика контента. Подключаем Яндекс.Метрику и Google Analytics 4 через GTM. Цели: чтение статьи дольше 2 минут, клик на CTA, скачивание лид-магнита, переход в портфолио из блога. В Битрикс создаём отчёт через модуль «Веб-аналитика» с группировкой по рубрикам — видно, какие темы генерируют лиды, какие просто трафик.

Дистрибуция. RSS-лента через штатный компонент rss.out — для агрегаторов и email-рассылок. Автоматический постинг анонсов в Telegram-канал через бота на webhook при публикации элемента (обработчик события OnAfterIBlockElementUpdate). Рассылка подписчикам — модуль subscribe с сегментацией по рубрикам.

Техническая реализация

Этапы работы

Сайт IT-компании на Битрикс — это не просто каталог услуг, а контентная платформа, которая работает на привлечение клиентов 24/7 через поисковый трафик и демонстрацию реальной экспертизы.