# Техническая поддержка

Source: https://sdbg.ru/support

<section class="hero" id="top" aria-labelledby="supportTitle">
<div class="wrap">
<div class="hero-layout">

<div class="hero-text">
<span class="eyebrow acid">SDBG / Техническая поддержка</span>

<h1 id="supportTitle">
САЙТ <br>
<span class="stroke">ДОЛЖЕН </span>
<span class="acid">РАБОТАТЬ.</span>
</h1>

<p class="hero-lede">
Поддерживаем сайты и интернет-магазины, устраняем технические ошибки,
помогаем восстановить работу после сбоев, обновляем функциональность,
улучшаем скорость и безопасность. Разовая помощь или регулярное сопровождение.
</p>

<div class="hero-links">
<a class="btn" href="#contact">Рассказать о проблеме <span class="arr">↗</span></a>
<a class="btn outline" href="#services">Что мы делаем <span class="arr">↗</span></a>
</div>

<div class="hero-qualities">
<span>Диагностика и исправление</span>
<span>Поддержка интернет-магазинов</span>
<span>Безопасность и развитие</span>
</div>
</div>

<div class="hero-showcase sp-showcase" id="heroShowcase">
<div class="show-glow" aria-hidden="true"></div>
<div class="orbital" aria-hidden="true"></div>

<div class="hero-card two">
<b>MAINTENANCE / 01</b>
<span>проверка → решение → контроль</span>
</div>

<div class="web-window sp-hero-window">
<div class="window-top">
<i></i><i></i><i></i>
<em>support.sdbg / diagnostic preview</em>
</div>

<div class="window-screen sp-screen">
<div class="sp-screen-head">
<div class="sp-signal">
<span class="sp-signal-dot" aria-hidden="true"></span>
SUPPORT / LAB
</div>
<span class="sp-demo-flag">ДЕМО-ИНТЕРФЕЙС</span>
</div>

<div class="sp-screen-title">
<span class="sp-screen-kicker">SITE HEALTH / CONTROL PANEL</span>
<strong>ВСЁ ПОД<br>КОНТРОЛЕМ<span>.</span></strong>
</div>

<div class="sp-monitor-list" aria-hidden="true">
<div class="sp-monitor-row">
<span class="sp-monitor-num">01</span>
<span>Доступность сайта</span>
<span class="sp-monitor-tag">ПРОВЕРКА</span>
</div>
<div class="sp-monitor-row">
<span class="sp-monitor-num">02</span>
<span>Обновления и ошибки</span>
<span class="sp-monitor-tag">АНАЛИЗ</span>
</div>
<div class="sp-monitor-row">
<span class="sp-monitor-num">03</span>
<span>Безопасность</span>
<span class="sp-monitor-tag">КОНТРОЛЬ</span>
</div>
</div>

<div class="sp-scanline" aria-hidden="true"></div>
<div class="sp-screen-footer"><span>DETECT / FIX / IMPROVE</span><span>← →</span></div>
</div>
</div>

<div class="hero-phone sp-hero-phone" aria-hidden="true">
<div class="sp-phone-content">
<span class="sp-phone-overline">SDBG / SUPPORT</span>
<div class="sp-phone-orbit"><span>+</span></div>
<strong>САЙТ<br>В РАБОТЕ.</strong>
<span class="sp-phone-bottom">ПЛАНОВЫЙ КОНТРОЛЬ</span>
</div>
</div>

<div class="hero-card one">
<b>SAFE</b>
<span>Аккуратные правки<br>и проверка результата</span>
</div>
</div>

</div>
</div>

<div class="hero-bottom">
<div class="wrap">
<span>Support / Security / Development</span>
<span>Листайте вниз ↓</span>
</div>
</div>
</section>

<section class="metrics" aria-label="Как устроена техническая поддержка">
<div class="wrap metrics-grid">
<div class="metric">
<strong>01</strong>
<p>Разбираемся в причине сбоя, а не только в его проявлении</p>
</div>
<div class="metric">
<strong>02</strong>
<p>Согласуем задачи, приоритеты и стоимость работ</p>
</div>
<div class="metric">
<strong>03</strong>
<p>Проверяем результат и рекомендуем профилактику</p>
</div>
</div>
</section>

<section class="section" id="services">
<div class="wrap">
<span class="eyebrow">Техническая поддержка под задачи бизнеса</span>
<div class="section-head">
<h2 class="reveal">КОГДА НУЖНО<br><span class="accent">НАДЁЖНОЕ<br>РЕШЕНИЕ.</span></h2>
<p class="reveal">
От разовой технической ошибки до постоянных доработок.
Начинаем с конкретной задачи, определяем объём работ
и выбираем безопасный способ внедрения.
</p>
</div>

<div class="facts sp-facts">
<article class="fact reveal">
<span>01 / Восстановление</span><i class="arrow" aria-hidden="true">↗</i>
<h3>Сайт не открывается или выдаёт ошибку</h3>
<p>Разбираемся с HTTP 500/404, ошибками PHP, недоступными страницами, некорректными переадресациями и сбоями после обновлений.</p>
</article>

<article class="fact reveal">
<span>02 / Защита</span><i class="arrow" aria-hidden="true">↗</i>
<h3>Безопасность и восстановление после заражения</h3>
<p>Проверяем подозрительные изменения, вредоносные файлы и редиректы, восстанавливаем работоспособность и предлагаем меры против повторного заражения.</p>
</article>

<article class="fact reveal">
<span>03 / Производительность</span><i class="arrow" aria-hidden="true">↗</i>
<h3>Скорость загрузки и стабильность</h3>
<p>Проверяем тяжёлые изображения, скрипты, кэширование, медленные запросы и серверные ограничения. Определяем улучшения с учётом реальной архитектуры сайта.</p>
</article>

<article class="fact reveal">
<span>04 / E-commerce</span><i class="arrow" aria-hidden="true">↗</i>
<h3>Сопровождение интернет-магазинов</h3>
<p>Исправляем проблемы каталога, карточек товаров, фильтров и корзины. Дорабатываем способы доставки, оплаты, импорта и обмена данными при технической возможности.</p>
</article>

<article class="fact reveal">
<span>05 / Контент и SEO</span><i class="arrow" aria-hidden="true">↗</i>
<h3>Контент, страницы и техническое SEO</h3>
<p>Обновляем тексты, изображения, посадочные страницы и метаданные, устраняем ошибки в разметке, ссылках, индексировании и мобильном отображении.</p>
</article>

<article class="fact reveal">
<span>06 / Развитие</span><i class="arrow" aria-hidden="true">↗</i>
<h3>Новые функции и интеграции</h3>
<p>Создаём и дорабатываем модули, формы, калькуляторы, интеграции с внешними сервисами и административные инструменты под согласованное ТЗ.</p>
</article>
</div>
</div>
</section>

<section class="section chapter sp-emergency" id="emergency">
<div class="wrap">
<span class="eyebrow">Когда нужна техническая помощь</span>
<div class="chapter-split">
<div>
<h2 class="reveal">САЙТ<br>СЛОМАЛСЯ?<br><span class="accent">НАЧНЁМ<br>С ПРИЧИНЫ.</span></h2>
<p class="sp-emergency-lede reveal">
Первая задача — понять, что именно произошло и какие действия безопасны
для данных и текущей работы сайта.
</p>
</div>
<div class="chapter-body reveal">
<div class="sp-incident-list">
<div class="sp-incident">
<span class="sp-incident-code">500</span>
<div>
<h3>Ошибка сервера</h3>
<p>Проверка журналов, версии PHP, модификаций, лимитов выполнения, конфликтов модулей.</p>
</div>
</div>
<div class="sp-incident">
<span class="sp-incident-code">↗</span>
<div>
<h3>Посторонние редиректы или подозрительный код</h3>
<p>Диагностика файлов, базы данных, правил переадресации и точек повторного заражения.</p>
</div>
</div>
<div class="sp-incident">
<span class="sp-incident-code">!</span>
<div>
<h3>После обновления исчезли блоки или функции</h3>
<p>Проверка шаблона, кэша, JavaScript, модификаторов и зависимостей; восстановление с учётом доступных копий.</p>
</div>
</div>
<div class="sp-incident">
<span class="sp-incident-code">↻</span>
<div>
<h3>Магазин работает некорректно</h3>
<p>Проверка ошибок оформления заказа, обработки данных, импорта, поиска и подключения сервисов.</p>
</div>
</div>
</div>
<a href="#contact" class="btn dark">Опишите проблему <span class="arr">↗</span></a>
</div>
</div>
</div>
</section>

<section class="section light sp-lab-section" id="supportLab">
<div class="wrap">
<span class="eyebrow">Прозрачный процесс</span>
<div class="section-head">
<h2 class="reveal">НЕ МАГИЯ.<br><span class="accent">СИСТЕМА<br>ДЕЙСТВИЙ.</span></h2>
<p class="reveal">
Любая техническая задача проходит три понятных состояния:
разбираемся, исправляем и проверяем. Переключите этапы,
чтобы увидеть, что происходит на каждом шаге.
</p>
</div>

<div class="sp-lab reveal" data-sp-stage="diagnosis">
<div class="sp-lab-navigation" role="group" aria-label="Этапы поддержки">
<button type="button" class="sp-stage-btn is-active" data-sp-stage-button="diagnosis" aria-pressed="true">
<span>01</span> Диагностика
</button>
<button type="button" class="sp-stage-btn" data-sp-stage-button="repair" aria-pressed="false">
<span>02</span> Исправление
</button>
<button type="button" class="sp-stage-btn" data-sp-stage-button="control" aria-pressed="false">
<span>03</span> Контроль
</button>
</div>

<div class="sp-lab-content">
<div class="sp-lab-text">
<span class="sp-lab-index" data-sp-stage-index="">STAGE 01 / 03 — ANALYZE</span>
<h3 data-sp-stage-title="">НАХОДИМ<br>ПРИЧИНУ.</h3>
<p data-sp-stage-description="">
Собираем симптомы, изучаем журналы ошибок, проверяем конфигурацию
и определяем затронутые компоненты.
</p>
<div class="sp-lab-chips" data-sp-stage-tags="">
<span>Логи</span><span>Конфигурация</span><span>Гипотеза</span>
</div>
<span class="sp-lab-disclaimer">Демонстрация подхода SDBG, не результат проверки вашего сайта</span>
</div>

<div class="sp-lab-terminal">
<div class="sp-terminal-top">
<span>● ● ●</span>
<span>WORKFLOW / PREVIEW</span>
</div>
<div class="sp-terminal-graph" aria-hidden="true">
<span class="sp-terminal-node node-a">INPUT</span>
<span class="sp-terminal-link"></span>
<span class="sp-terminal-node node-b">ACTION</span>
<span class="sp-terminal-link"></span>
<span class="sp-terminal-node node-c">VERIFY</span>
</div>
<div class="sp-terminal-readout">
<div class="sp-terminal-line">
<span>ЭТАП</span>
<strong data-sp-terminal-step="">АНАЛИЗ ПРОБЛЕМЫ</strong>
</div>
<div class="sp-terminal-bars" aria-hidden="true">
<i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i>
</div>
<div class="sp-terminal-bottom">
<span>● DEMO FLOW</span>
<span>NO LIVE DATA</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>

<section class="section sp-approach" id="approach">
<div class="wrap">
<span class="eyebrow">Как работаем с техническими изменениями</span>
<div class="section-head">
<h2 class="reveal">ПРАВКИ<br><span class="accent">БЕЗ<br>ХАОСА.</span></h2>
<p class="reveal">Качество сопровождения определяется не количеством обещаний, а тем, насколько предсказуемо и аккуратно проводятся изменения.</p>
</div>
<div class="format-grid">
<article class="format reveal">
<span class="cat-id">01 / Исходное состояние</span>
<h3>Фиксируем проблему</h3>
<p>Уточняем, когда возник сбой, что менялось на сайте и как воспроизвести ошибку. Это сокращает риск исправить только внешний симптом.</p>
<div class="bottom"><span>Диагностика</span><i aria-hidden="true">↗</i></div>
</article>
<article class="format reveal">
<span class="cat-id">02 / Сохранность данных</span>
<h3>Учитываем резервные копии</h3>
<p>Перед рискованными работами согласуем подход к резервному копированию и возможность отката, если доступ и инфраструктура это позволяют.</p>
<div class="bottom"><span>Безопасные изменения</span><i aria-hidden="true">↗</i></div>
</article>
<article class="format reveal">
<span class="cat-id">03 / Проверка результата</span>
<h3>Тестируем сценарии</h3>
<p>Проверяем не только страницу с исправлением, но и связанные функции: формы, мобильную версию, карточки, корзину и интеграции — по характеру задачи.</p>
<div class="bottom"><span>Контроль качества</span><i aria-hidden="true">↗</i></div>
</article>
</div>
</div>
</section>

<section class="section light" id="plans">
<div class="wrap">
<span class="eyebrow">Форматы сотрудничества</span>
<div class="section-head">
<h2 class="reveal">ПОДДЕРЖКА<br><span class="accent">ПОД ВАШ<br>РИТМ.</span></h2>
<p class="reveal">
Разовые исправления и постоянное сопровождение решают разные задачи.
Выбираем формат по состоянию сайта, частоте изменений и объёму работ.
</p>
</div>
<div class="format-grid sp-plans">
<a class="format reveal" href="#contact">
<span class="cat-id">01 / По запросу</span>
<h3>Разовая помощь</h3>
<p>Для конкретной ошибки, сбоя, восстановления страницы, исправления модуля или технической консультации.</p>
<div class="bottom"><span>Обсудить задачу</span><i aria-hidden="true">↗</i></div>
</a>
<a class="format reveal" href="#contact">
<span class="cat-id">02 / Несколько задач</span>
<h3>Пакет доработок</h3>
<p>Когда накопились изменения: обновить интерфейс, улучшить скорость, настроить интеграции и исправить ошибки.</p>
<div class="bottom"><span>Оценить объём</span><i aria-hidden="true">↗</i></div>
</a>
<a class="format reveal" href="#contact">
<span class="cat-id">03 / На постоянной основе</span>
<h3>Регулярное сопровождение</h3>
<p>Плановые проверки, согласованные обновления, мониторинг и доработки. Регламент, часы доступности и сроки реакции фиксируются отдельно.</p>
<div class="bottom"><span>Подобрать условия</span><i aria-hidden="true">↗</i></div>
</a>
</div>
<div class="package-note">
<p>
<b>Без универсального тарифа «для всех»:</b>
стоимость зависит от CMS, состояния кода, сложности задачи,
доступов и требуемого режима поддержки.
</p>
<a class="btn dark" href="#contact">Запросить оценку <span class="arr">↗</span></a>
</div>
</div>
</section>

<section class="section sp-platforms" id="platforms">
<div class="wrap">
<div class="chapter-split">
<div>
<span class="eyebrow">Не только внешний вид</span>
<h2 class="mega reveal">ПОД<br>КАПОТОМ<br><span class="accent">ТОЖЕ<br>ВАЖНО.</span></h2>
</div>
<div class="chapter-body">
<p>
Техническая проблема редко ограничивается одним экраном.
На работу сайта влияют CMS, тема оформления, сторонние расширения,
версия PHP, база данных, кэш, хостинг и внешние сервисы.
</p>
<p>
Мы работаем с задачами на сайтах и в интернет-магазинах,
включая проекты на OpenCart и Joomla, а также доработки PHP,
JavaScript, HTML/CSS и интеграций. Возможность вмешательства в конкретную систему
определяется после знакомства с её архитектурой.
</p>
<div class="chapter-bullets">
<div><b>CMS</b><span>Шаблоны, расширения, настройки, обновления</span></div>
<div><b>PHP</b><span>Ошибки выполнения, совместимость, серверная логика</span></div>
<div><b>JS</b><span>Интерактивные блоки, формы, ошибки фронтенда</span></div>
<div><b>DB</b><span>Данные, запросы, резервное копирование и восстановление</span></div>
<div><b>API</b><span>Обмен данными, сервисы, интеграции и автоматизация</span></div>
</div>
</div>
</div>
</div>
</section>

<section class="section process" id="process">
<div class="wrap">
<span class="eyebrow acid">От обращения до результата</span>
<div class="section-head">
<h2 class="reveal">ПОНЯТНЫЙ<br>ПОРЯДОК <span style="color:var(--acid)">РАБОТ.</span></h2>
<p class="reveal">Состав этапов зависит от задачи. Но общая логика остаётся той же: понять, согласовать, выполнить, проверить.</p>
</div>

<div class="proc-layout">
<aside class="proc-aside reveal">
<h3>НЕ<br>ПРОСТО<br>«ПОЧИНИТЬ».</h3>
<p>Объясняем, что произошло, почему требуется именно такое решение и что поможет избежать повторения проблемы.</p>
<a class="btn" href="#contact">Передать задачу <span class="arr">↗</span></a>
</aside>

<div class="proc-steps">
<article class="proc-step reveal"><span class="id">01</span><div><h4>Обращение</h4><p>Получаем описание, адрес сайта, примеры ошибок и доступные сведения о последних изменениях.</p></div></article>
<article class="proc-step reveal"><span class="id">02</span><div><h4>Диагностика</h4><p>Изучаем симптомы и технический контекст. При необходимости запрашиваем логи и ограниченный доступ.</p></div></article>
<article class="proc-step reveal"><span class="id">03</span><div><h4>План и оценка</h4><p>Определяем необходимые действия, риски, порядок работ, ориентир по стоимости и срокам.</p></div></article>
<article class="proc-step reveal"><span class="id">04</span><div><h4>Исправления и доработки</h4><p>Вносим согласованные изменения, по возможности сначала проверяя их в тестовой среде.</p></div></article>
<article class="proc-step reveal"><span class="id">05</span><div><h4>Проверка</h4><p>Повторно тестируем исходную проблему и связанные пользовательские сценарии.</p></div></article>
<article class="proc-step reveal"><span class="id">06</span><div><h4>Рекомендации</h4><p>Передаём результат и поясняем, что ещё стоит обновить, настроить или контролировать.</p></div></article>
</div>
</div>
</div>
</section>

<section class="results-band">
<div class="wrap results-inner">
<h2>МЕНЬШЕ СБОЕВ.<br>БОЛЬШЕ <span style="color:#475345">КОНТРОЛЯ.</span></h2>
<p>Поддержка — это не только исправление ошибок. Это понятные правила изменений и внимание к работе сайта после запуска.</p>
</div>
</section>

<section class="section light" id="expertise">
<div class="wrap">
<span class="eyebrow">О техническом сопровождении подробно</span>
<div class="insights">
<div>
<h2 class="reveal">ПОДДЕРЖКА<br>САЙТОВ И<br><span class="accent">ИНТЕРНЕТ-МАГАЗИНОВ.</span></h2>

<p>
Техническая поддержка сайта необходима не только в момент,
когда страница перестаёт открываться. У любого веб-проекта есть
программная основа: система управления контентом, шаблоны,
модули, серверные компоненты, база данных и внешние интеграции.
Изменение одной части системы может затронуть другие — поэтому
обновления и доработки требуют анализа и проверки.
</p>

<h3>Техническое обслуживание и профилактика</h3>
<p>
Плановое сопровождение может включать проверку ошибок, обновление
расширений и совместимости, работу с кэшированием, резервными копиями,
настройками безопасности и состоянием ключевых пользовательских
сценариев. Конкретный состав проверок зависит от сайта и согласованного
регламента. Не каждый проект нуждается в круглосуточном мониторинге:
для некоторых достаточно периодических работ по запросу.
</p>

<h3>Поддержка интернет-магазина</h3>
<p>
В интернет-магазине особенно важны каталог, поиск, фильтры,
карточки товаров, корзина и оформление заказа. Ошибка в обмене
с учётной системой или платёжным сервисом способна мешать продажам,
даже если главная страница выглядит исправно.
Поэтому при доработках оцениваем связанные процессы, качество данных
и последствия изменений для покупателей и администраторов.
</p>

<h3>Устранение ошибок и безопасность</h3>
<p>
Некорректные редиректы, исчезновение файлов, неизвестные скрипты,
проблемы с правами доступа и повторные заражения требуют последовательной
диагностики. Простое восстановление видимых элементов не всегда устраняет
источник проблемы. Работы по очистке и восстановлению сопровождаются
рекомендациями по доступам, обновлениям, резервному копированию
и другим мерам снижения рисков.
</p>

<h3>Производительность, SEO и развитие</h3>
<p>
Поддержка также включает технические улучшения для пользователей и
поисковых систем: ускорение загрузки страниц, корректную работу
на мобильных устройствах, исправление ошибок навигации, индексации,
метаданных и HTML-разметки. Такие задачи дополняют SEO-продвижение,
но не означают автоматического роста позиций.
</p>

<p>
Чтобы оценить стоимость технической поддержки сайта, нам достаточно
узнать адрес проекта, используемую CMS, перечень проблем и желаемый
формат сотрудничества. После первичного знакомства определим
необходимость диагностики, состав работ и дальнейшие шаги.
</p>
</div>

<aside class="insight-panel">
<h3>Смотрите также</h3>
<a href="/websites/">Разработка сайтов <span>↗</span></a>
<a href="/online-shops/">Интернет-магазины <span>↗</span></a>
<a href="/marketing/">SEO и продвижение <span>↗</span></a>
<a href="/landing-pages/">Landing Page <span>↗</span></a>
<a href="/portfolio/">Проекты SDBG <span>↗</span></a>
</aside>
</div>
</div>
</section>