Проверок выполнено
109
Пройдено
23
Требует внимания
35
Не пройдено
51
Краткий вывод
### 1) РЕЗЮМЕ Главная страница сайта имеет низкий общий балл (39%), что указывает на значительные возможности для оптимизации. Ключевые проблемы включают отсутствие четкого оффера на первом экране, нехватку элементов для повышения конверсии и недостаточную техническую оптимизацию. Требуют внимания такие аспекты, как добавление контактной информации, внедрение форм захвата и улучшение структуры страницы. --- ### 2) СТАТУС ПО 7 БЛОКАМ - **HOOK** — требует улучшения — отсутствуют элементы первого экрана, необходимые для привлечения внимания пользователя. - **CRO** — требует улучшения — отсутствуют формы захвата, кнопки заказа и другие элементы, влияющие на конверсию. - **AI** — требует улучшения — полностью отсутствует разметка schema.org и другие факторы, важные для индексации искусственным интеллектом. - **E-E-A-T** — требует улучшения — отсутствуют признаки экспертизы, включая информацию об экспертах, рейтинги и сертификаты. - **SOCIAL** — требует улучшения — отсутствуют мета-теги и open graph, которые влияют на отображение сайта в социальных сетях. - **COPYWRITING** — требует улучшения — тексты имеют низкую глубину и плохую читаемость, что негативно сказывается на восприятии пользователями. - **TECH** — требует улучшения — имеются технические недочёты, такие как отсутствие alt-тегов и правильных заголовков. --- ### 3) КЛЮЧЕВЫЕ ОБЛАСТИ ДЛЯ УЛУЧШЕНИЯ - **Блок:** HOOK **Ситуация:** Отсутствие CTA-кнопки и визуализации продукта на первом экране. **Влияние:** Может снижать вовлеченность пользователей и уменьшать вероятность перехода к следующему шагу. **Рекомендация:** Добавить кнопку действия и изображение продукта в первый экран. - **Блок:** CRO **Ситуация:** Полное отсутствие форм захвата и кнопок заказа. **Влияние:** Значительно снижает возможность сбора контактов и заказов. **Рекомендация:** Внедрить формы захвата и кнопки заказа на главной странице. - **Блок:** AI **Ситуация:** Отсутствие разметки schema.org и других факторов, важных для искусственного интеллекта. **Влияние:** Ограничивает индексирование и видимость сайта в поисковых системах нового поколения. **Рекомендация:** Добавить необходимую разметку schema.org. - **Блок:** E-E-A-T **Ситуация:** Нет информации о специалистах, лицензиях и рейтингах. **Влияние:** Ухудшает доверие пользователей и их готовность совершить покупку. **Рекомендация:** Включить информацию о квалификации специалистов и лицензию компании. --- ### 4) ПРИОРИТЕТНЫЕ ШАГИ - **Блок:** HOOK **Что улучшить:** Добавить CTA-кнопку и визуализацию продукта. **Как реализовать:** Создать кнопку "Узнать подробнее" или "Купить сейчас"; разместить качественное изображение продукта. **Обоснование:** Повышение уровня взаимодействия с пользователем. - **Блок:** CRO **Что улучшить:** Ввести формы захвата и кнопки заказа. **Как реализовать:** Разместить простую форму регистрации и кнопку заказа на первой странице. **Обоснование:** Увеличение количества собранных контактов и заказов. - **Блок:** AI **Что улучшить:** Добавить разметку schema.org. **Как реализовать:** Реализовать продуктовую схему, организацию, местоположение бизнеса и другую важную разметку. **Обоснование:** Улучшение видимости сайта в результатах поисковой выдачи. - **Блок:** E-E-A-T **Что улучшить:** Предоставить информацию о специалистах и лицензии. **Как реализовать:** Опубликовать сведения о квалификации сотрудников и номере лицензии. **Обоснование:** Укрепление доверия пользователей. - **Блок:** SOCIAL **Что улучшить:** Настроить социальные сети и open graph. **Как реализовать:** Установить соответствующие мета-теги и изображения. **Обоснование:** Оптимизация представления сайта в социальных сетях. - **Блок:** COPYWRITING **Что улучшить:** Расширить содержание текстов. **Как реализовать:** Написать подробные статьи объемом минимум 1500 слов. **Обоснование:** Создание качественного контента повышает позиции в поиске и улучшает пользовательский опыт. - **Блок:** TECH **Что улучшить:** Исправить технические ошибки. **Как реализовать:** Добавить alt-теги к изображениям, использовать правильные заголовки H1-H6. **Обоснование:** Улучшение технической оптимизации положительно скажется на SEO. - **Блок:** TECHNICAL **Что улучшить:** Проверить скорость загрузки страницы. **Как реализовать:** Оценить Time to First Byte (TTFB) и при необходимости включить кэширование. **Обоснование:** Быстрая загрузка страницы способствует улучшению поведенческих факторов. --- ### 5) ВОЗМОЖНЫЙ ЭФФЕКТ - После добавления CTA-кнопки и визуализации продукта конверсия может увеличиться. - Введение форм захвата и кнопок заказа позволит собирать больше контактов и заказов. - Применение разметки schema.org повысит шансы попасть в расширенные сниппеты поисковиков. - Представление информации о специалистах и лицензии улучшит уровень доверия пользователей. - Настройка social media тегов обеспечит лучшее представление сайта в социальных сетях. - Улучшенная техническая оптимизация поможет повысить позиции в поисковых системах.
23
из 109
Доля пройденных проверок
Устарело. Последняя проверка 16.03.2026 16:31 (213 дн. назад). Данные устарели. Запустите повторный анализ для получения актуальной информации.
Оценки по категориям
Meta & Social
0
/ 12 проверок
12 внимание
Title, description, OG и соцпревью.
Первый экран
0
/ 10 проверок
2 не пройдено 8 внимание
Оффер, CTA, контакты и доверие.
Текст
3
/ 11 проверок
8 внимание
Структура, читаемость и ясность текста.
AI-структура
0
/ 20 проверок
20 внимание
FAQ, schema.org и цитируемость.
E-E-A-T
0
/ 13 проверок
1 не пройдено 12 внимание
Экспертность, доверие и авторство.
CRO
1
/ 16 проверок
1 не пройдено 14 внимание
Формы, конверсионные элементы и лидогенерация.
Техгигиена
1
/ 27 проверок
26 внимание
Индексация, canonical, mobile и базовое SEO.
Данные страницы
Факты, найденные при проверке страницы. Этот блок показывает больше исходных сигналов, а не только итоговые баллы.
Текст
0 слов
Нет текста
Заголовки
0
Мало заголовков
Формы
0
Нет форм
FAQ
9
Готово для AI
Изображения
23
Без alt: 12
Ссылки <a href>
13/3
Внутренние / внешние HTTP(S)-ссылки из HTML snapshot
H1 / H2
1/10
Структура заголовков
HTML
62.1 KB
TTFB: нет серверного замера
Mobile Friendly
Да
Адаптация под мобильные устройства
Первые 2 МБ HTML-кода — именно это видят ИИ-боты на вашей странице
<!doctype html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Создание сайтов под SEO — порталы, агрегаторы, интернет-магазины | ForMarketing</title>
<meta name="description" content="ForMarketing: создаём сайты-системы — порталы, агрегаторы, интернет-магазины, спроектированные под SEO с первой строки кода. От 120 000 ₽. Обновление действующего сайта — до 50% дешевле." />
<meta property="og:title" content="Создание сайтов под SEO — ForMarketing" />
<meta property="og:description" content="Порталы, агрегаторы и интернет-магазины, заточенные под SEO. От 120 000 ₽. Редизайн — скидка до 50%." />
<meta property="og:type" content="website" />
<meta property="og:locale" content="ru_RU" />
<!-- Шрифты грузятся неблокирующе (media=print onload): если Google Fonts
недоступен — страница сразу рендерится на системном шрифте. -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Unbounded:wght@300;500;700&family=Inter:wght@400;500;600&family=Playfair+Display:ital,wght@1,500;1,600&display=swap" media="print" onload="this.media='all'" />
<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Unbounded:wght@300;500;700&family=Inter:wght@400;500;600&family=Playfair+Display:ital,wght@1,500;1,600&display=swap" /></noscript>
<link rel="icon" type="image/svg+xml" href="/sites/favicon.svg" />
<!-- Главная formarketing.ru; та же страница доступна и как /sites/index.html — canonical убирает дубль. -->
<link rel="canonical" href="https://formarketing.ru/" />
<meta property="og:url" content="https://formarketing.ru/" />
<!-- Стили подключаются через import в src/main.ts (надёжно при сборке Vite). -->
<!-- Yandex.Metrika counter — сквозной счётчик formarketing.ru (тот же id, что у сервиса аудита). Дублировать в каждой HTML-странице проекта. -->
<script type="text/javascript">
(function(m,e,t,r,i,k,a){
m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
m[i].l=1*new Date();
for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)
})(window, document,'script','https://mc.yandex.ru/metrika/tag.js?id=107096966', 'ym');
ym(107096966, 'init', {ssr:true, webvisor:true, clickmap:true, ecommerce:"dataLayer", referrer: document.referrer, url: location.href, accurateTrackBounce:true, trackLinks:true});
</script>
<!-- /Yandex.Metrika counter (noscript-пиксель — в начале <body>: <div> внутри <head> невалиден, Vite не соберёт) -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "Сколько делается сайт?",
"acceptedAnswer": { "@type": "Answer", "text": "Сайт услуг — около месяца. Магазин или портал — от двух до четырёх месяцев. Точный срок фиксируется в договоре после брифа." }
},
{
"@type": "Question",
"name": "У меня уже есть сайт. Придётся делать с нуля?",
"acceptedAnswer": { "@type": "Answer", "text": "Нет. Контент, структура и накопленный поисковый вес переезжают на новый сайт. Обновление стоит от 60 000 рублей — примерно вдвое дешевле создания с нуля. Позиции при переезде сохраняются." }
},
{
"@type": "Question",
"name": "Кто пишет тексты и наполняет сайт?",
"acceptedAnswer": { "@type": "Answer", "text": "Мы. Структура текстов строится под запросы, по которым вас ищут. От клиента нужны факты о бизнесе и пара созвонов." }
},
{
"@type": "Question",
"name": "Что происходит после запуска сайта?",
"acceptedAnswer": { "@type": "Answer", "text": "Сайт подключается к платформе мониторинга ForMarketing: позиции, трафик и техническое состояние отслеживаются постоянно." }
}
]
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "ForMarketing",
"url": "https://formarketing.ru",
"sameAs": ["https://med.formarketing.ru"],
"makesOffer": [
{
"@type": "Offer",
"name": "Создание сайта под SEO",
"priceSpecification": { "@type": "PriceSpecification", "price": "120000", "priceCurrency": "RUB", "minPrice": "120000" }
},
{
"@type": "Offer",
"name": "Обновление сайта (редизайн на основе существующего)",
"description": "Скидка до 50% при создании нового сайта на основе старого"
}
]
}
</script>
<script type="module" crossorigin src="/sites/assets/main-DeRudBC1.js"></script>
<link rel="modulepreload" crossorigin href="/sites/assets/tokens-BawDy7i4.js">
<link rel="modulepreload" crossorigin href="/sites/assets/preload-helper-RB_okmPl.js">
<link rel="modulepreload" crossorigin href="/sites/assets/cookieConsent-CwFkSJu3.js">
<link rel="modulepreload" crossorigin href="/sites/assets/phoneMask-CjmUFd3V.js">
<link rel="modulepreload" crossorigin href="/sites/assets/metrika-C0Tlqe6G.js">
<link rel="stylesheet" crossorigin href="/sites/assets/tokens-0FGM-LVM.css">
<link rel="stylesheet" crossorigin href="/sites/assets/cookieConsent-BDTJwGDw.css">
<link rel="stylesheet" crossorigin href="/sites/assets/main-C_P8uk2H.css">
</head>
<body data-theme="dark">
<noscript><div><img src="https://mc.yandex.ru/watch/107096966" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- Линия прогресса скролла — goal-gradient: видимый прогресс ведёт до финала -->
<div class="scroll-progress" aria-hidden="true"><i></i></div>
<header class="header" id="header">
<a class="header__logo" href="/">for<span>marketing</span><em>.sites</em></a>
<nav class="header__nav" aria-label="Основная навигация">
<a href="#projects">Что мы делаем</a>
<a href="#rebirth">Редизайн −50%</a>
<a href="#cases">Кейсы</a>
<!-- Сервис аудита и личный кабинет — React-приложение на этом же домене. -->
<a href="/website-audit">Аудит сайта</a>
<a href="/auth">Войти</a>
<a href="/sites/brief.html" class="header__brief">Заполнить бриф</a>
<a href="#contact" class="header__cta">Обсудить проект</a>
</nav>
</header>
<main>
<!-- 01 HERO — тёмный. Материя: аморфный блоб. Тройной параллакс. -->
<section class="section hero" id="hero" data-theme="dark">
<!-- Вода живёт только в hero: остальные секции не создают WebGL-сцену. -->
<div class="matter" id="matter" aria-hidden="true">
<div class="matter__aura"></div>
<div class="matter__haze"></div>
<div class="matter__placeholder"></div>
</div>
<h1 class="hero__title">
<span class="reveal-line">Сайты-системы,</span>
<span class="reveal-line">которые растут</span>
<span class="reveal-line"><em class="accent-serif">в поиске</em></span>
</h1>
<p class="hero__sub">
Порталы, агрегаторы, интернет-магазины. Мы проектируем их
под поисковый спрос с первой строки кода — поэтому они собирают
трафик, а не просто существуют.
</p>
<div class="hero__actions">
<a class="btn btn--primary" href="#contact" data-magnetic>Обсудить проект</a>
<a class="btn btn--ghost" href="#cases" data-magnetic>Смотреть работы</a>
</div>
</section>
<!-- Бегущая лента: чередование контурных и заливных слов -->
<div class="marquee" aria-hidden="true">
<div class="marquee__track">
<span>Порталы</span><i>✺</i><span class="is-outline">Агрегаторы</span><i>✺</i><span>Интернет-магазины</span><i>✺</i><span class="is-outline">SEO-архитектура</span><i>✺</i><span>Дизайн-системы</span><i>✺</i><span class="is-outline">Скорость</span><i>✺</i>
<span>Порталы</span><i>✺</i><span class="is-outline">Агрегаторы</span><i>✺</i><span>Интернет-магазины</span><i>✺</i><span class="is-outline">SEO-архитектура</span><i>✺</i><span>Дизайн-системы</span><i>✺</i><span class="is-outline">Скорость</span><i>✺</i>
</div>
</div>
<!-- 02 ХАОС — тёмный. Материя распадается на частицы. -->
<section class="section chaos" id="chaos" data-theme="dark">
<h2 class="section__title">
Ваш бизнес сложнее,<br />чем шаблонный сайт
</h2>
<p class="section__lead">
Шаблон справляется, пока у вас пять страниц. Потом появляется каталог
на тысячи позиций, интеграции с 1С и CRM, требования по скорости —
и конструктор становится потолком, а не опорой.
</p>
<!-- Слова-проблемы: на этапе анимации всплывают из облака частиц -->
<ul class="chaos__words" aria-label="Типичные проблемы шаблонных сайтов">
<li>каталог</li><li>интеграции</li><li>нагрузка</li>
<li>дубли страниц</li><li>скорость</li><li>структура</li>
</ul>
</section>
<!-- 03 ФОРМА — переход в светлое. Частицы собираются в каркас. -->
<section class="section structure" id="structure" data-theme="light">
<h2 class="section__title">Превращаем сложность в систему</h2>
<p class="section__lead">
Мы не начинаем с дизайна. Сначала — спрос, структура, сценарии
пользователей. Когда каркас собран, дизайн и код ложатся на него
без переделок.
</p>
<div class="cards">
<article class="card">
<h3>Аналитика и проектирование</h3>
<p>Смотрим, что ищут ваши клиенты и как работают конкуренты. Из этого складывается структура разделов и прототипы ключевых страниц.</p>
</article>
<article class="card">
<h3>Дизайн-система</h3>
<p>Не набор картинок, а система: токены, компоненты, типографика. Новый раздел собирается из готовых частей, а не рисуется заново.</p>
</article>
<article class="card">
<h3>Разработка</h3>
<p>Свой код, без конструкторов. Lighthouse 90+, честная адаптивность, интеграции с 1С, CRM и платёжными системами.</p>
</article>
<article class="card">
<h3>SEO-ядро</h3>
<p>Семантика, микроразметка, скорость, структура URL. Это встроено в сайт с первого дня — потом «докручивать SEO» не придётся.</p>
</article>
</div>
</section>
<!-- 04 ПРОЦЕСС — светлый, спокойный ритм: как метод из предыдущего кадра разворачивается по шагам. -->
<section class="section process" id="process" data-theme="light">
<h2 class="section__title">Как мы работаем</h2>
<ol class="process__steps">
<li><h3>Брифинг</h3><p>Задачи бизнеса, аудитория, конкуренты, поисковый спрос.</p></li>
<li><h3>Прототип</h3><p>Структура, сценарии, каркасы ключевых страниц.</p></li>
<li><h3>Дизайн</h3><p>Дизайн-система и макеты в согласованном арт-дирекшне.</p></li>
<li><h3>Разработка</h3><p>Код, интеграции, наполнение, SEO-техника.</p></li>
<li><h3>Запуск и рост</h3><p>Аудит платформой ForMarketing, запуск, мониторинг позиций.</p></li>
</ol>
</section>
<!-- 05 ТИПЫ ПРОЕКТОВ — светлый. «Индекс + витрина»: слева нумерованный список типов сайтов
(строки, линии — как в «Как мы работаем»), справа одно превью в браузерной рамке, sticky.
Активная строка подсвечивается по скроллу и наведению (projectIndex.ts), превью — crossfade.
Оффер «Обновление» — строка под списком, не карточка. Без горизонтального переезда и пина. -->
<section class="section projects" id="projects" data-theme="light" aria-labelledby="projects-title">
<h2 class="section__title" id="projects-title">Что мы делаем</h2>
<div class="index" data-index>
<ol class="index__list">
<li class="index__item" data-index-item="corporate">
<span class="index__num" aria-hidden="true">01</span>
<div class="index__body">
<h3>Сайты для бизнеса</h3>
<p>Корпоративные сайты и сайты услуг. Страницы под каждую услугу и город, понятная структура, формы, которые заполняют. Сайт работает как отдел продаж.</p>
<div class="index__shot"><img src="/sites/img/mock-corporate.svg" width="800" height="500" alt="Корпоративный сайт инжиниринговой компании: услуги, объекты, цифры" loading="lazy" /></div>
</div>
<span class="index__meta">услуги · города · заявки</span>
</li>
<li class="index__item" data-index-item="ecommerce">
<span class="index__num" aria-hidden="true">02</span>
<div class="index__body">
<h3>Интернет-магазины</h3>
<p>Каталог на тысячи SKU, обмен с 1С, платежи, доставка. Категории и карточки строятся под запросы — магазин находят без рекламы.</p>
<div class="index__shot"><img src="/sites/img/mock-ecommerce.svg" width="800" height="500" alt="Интернет-магазин мебели: каталог с ценами и корзиной" loading="lazy" /></div>
</div>
<span class="index__meta">каталог · 1С · оплата</span>
</li>
<li class="index__item" data-index-item="aggregator">
<span class="index__num" aria-hidden="true">03</span>
<div class="index__body">
<h3>Агрегаторы</h3>
<p>Каталог, фильтры, личные кабинеты, модерация. Главное — тысячи посадочных страниц под поисковый спрос. Каждая собирает свой трафик.</p>
<div class="index__shot"><img src="/sites/img/mock-aggregator.svg" width="800" height="500" alt="Агрегатор мастеров по ремонту: список исполнителей с рейтингом и ценой" loading="lazy" /></div>
</div>
<span class="index__meta">посадочные · фильтры · кабинеты</span>
</li>
<li class="index__item" data-index-item="portal">
<span class="index__num" aria-hidden="true">04</span>
<div class="index__body">
<h3>Порталы</h3>
<p>Контентные и отраслевые. Сотни разделов, редакционные процессы, большой трафик. Структура продумывается так, чтобы расти без перестройки.</p>
<div class="index__shot"><img src="/sites/img/mock-portal.svg" width="800" height="500" alt="Отраслевой портал: главный материал, рубрики, колонки" loading="lazy" /></div>
</div>
<span class="index__meta">рубрики · редакция · трафик</span>
</li>
</ol>
<!-- Витрина: одно превью в браузерной рамке (только десктоп; на мобильных превью внутри строк). -->
<div class="index__screen" aria-hidden="true">
<figure class="browser">
<figcaption class="browser__bar">
<span class="browser__dots"><i></i><i></i><i></i></span>
<span class="browser__url" data-index-url>severstroy.ru</span>
</figcaption>
<div class="browser__view">
<img data-index-screen="corporate" data-url="severstroy.ru" src="/sites/img/mock-corporate.svg" width="800" height="500" alt="" class="is-active" />
<img data-index-screen="ecommerce" data-url="nord-interior.ru" src="/sites/img/mock-ecommerce.svg" width="800" height="500" alt="" loading="lazy" />
<img data-index-screen="aggregator" data-url="mastera.ru/ekaterinburg/remont" src="/sites/img/mock-aggregator.svg" width="800" height="500" alt="" loading="lazy" />
<img data-index-screen="portal" data-url="agrovestnik.ru" src="/sites/img/mock-portal.svg" width="800" height="500" alt="" loading="lazy" />
</div>
</figure>
</div>
</div>
<!-- Цена и оффер — строками, тем же языком, что под кейсами и в форме. -->
<div class="projects__pricing">
<p class="projects__price">
Создание сайта <strong class="pearl price">от <span data-counter="120000">120 000</span> ₽</strong>
</p>
<p class="projects__offer">
Есть действующий сайт? Обновление на его основе —
<s class="price">от 120 000 ₽</s> <strong class="amber price">от 60 000 ₽</strong>
<a class="projects__offer-link" href="#rebirth">Как это работает →</a>
</p>
<p class="projects__note">Лендинги и имиджевые сайты тоже делаем — подход тот же.</p>
</div>
</section>
<!-- 06 КЕЙСЫ — тёмный. Доказательство сразу после цены: графики Метрики, цифры вместо логотипов. -->
<section class="section cases" id="cases" data-theme="dark" aria-labelledby="cases-title">
<h2 class="section__title" id="cases-title">Кейсы</h2>
<p class="section__lead">
Графики — из Яндекс Метрики наших проектов. Имена клиентов
не называем, цифры говорят сами. Это то, что стоит за ценой выше.
</p>
<!-- Sticky-витрина: слева список кейсов, справа «прилипший» график активного -->
<div class="showcase" data-showcase>
<div class="showcase__list">
<article class="showcase__item" data-case="clinic">
<p class="showcase__metric pearl">93 000</p>
<h3>Многопрофильная клиника</h3>
<p class="showcase__text">Сайт со структурой под услуги и врачей плюс системное SEO. Сейчас — 93 000 переходов из поиска и 1 750 квалифицированных лидов в месяц.</p>
<div class="showcase__shot">
<img src="/sites/img/case-clinic.svg" width="800" height="500" alt="График Яндекс Метрики: 93 000 переходов из поиска в месяц у многопрофильной клиники" loading="lazy" />
</div>
</article>
<article class="showcase__item" data-case="leads">
<p class="showcase__metric pearl">81%</p>
<h3>Клиника: качество лидов</h3>
<p class="showcase__text">Не просто трафик, а записи на приём: 320 лидов в месяц, из них 81% — квалифицированные. Структура страниц строилась под коммерческие запросы, а не под объём.</p>
<div class="showcase__shot">
<img src="/sites/img/case-leads.svg" width="800" height="500" alt="График: 320 лидов в месяц, 81% квалифицированных" loading="lazy" />
</div>
</article>
<article class="showcase__item" data-case="aggregator">
<p class="showcase__metric pearl">×27</p>
<h3>Агрегатор услуг</h3>
<p class="showcase__text">Сгенерировали посадочные под каждую услугу и город. До этого сайт год стоял на 310 визитах в месяц. Через полгода — 8 500.</p>
<div class="showcase__shot">
<img src="/sites/img/case-aggregator.svg" width="800" height="500" alt="График Яндекс Метрики: взлёт трафика агрегатора после запуска посадочных страниц" loading="lazy" />
</div>
</article>
<article class="showcase__item" data-case="shop">
<p class="showcase__metric pearl">+44%</p>
<h3>Интернет-магазин</h3>
<p class="showcase__text">Перевезли магазин со старого движка: каталог на тысячи SKU, обмен с 1С. Трафик не просел ни на неделю, конверсия в заказ выросла.</p>
<div class="showcase__shot">
<img src="/sites/img/case-shop.svg" width="800" height="500" alt="График Яндекс Метрики: рост конверсии магазина после переезда на новый сайт без потери трафика" loading="lazy" />
</div>
</article>
<article class="showcase__item" data-case="services">
<p class="showcase__metric pearl">+168%</p>
<h3>Сайт инженерных услуг</h3>
<p class="showcase__text">Как раз случай обновления: старый сайт годами стоял на месте. Пересобрали на его основе новый — без просадки на переезде. Трафик год к году — плюс 168%.</p>
<div class="showcase__shot">
<img src="/sites/img/case-services.svg" width="800" height="500" alt="График Яндекс Метрики: сравнение года до и после обновления сайта услуг, +168%" loading="lazy" />
</div>
</article>
<article class="showcase__item" data-case="corp">
<p class="showcase__metric pearl">×8.5</p>
<h3>Корпоративный сайт</h3>
<p class="showcase__text">Производственная компания. Сделали страницы под каждую услугу и регион, починили формы и аналитику. Заявки выросли с 11 до 94 в месяц.</p>
<div class="showcase__shot">
<img src="/sites/img/case-corp.svg" width="800" height="500" alt="График Яндекс Метрики: рост заявок с корпоративного сайта с 11 до 94 в месяц" loading="lazy" />
</div>
</article>
</div>
<!-- Правая колонка: графики дублируются для crossfade, виден активный (только десктоп) -->
<div class="showcase__screen" aria-hidden="true">
<div class="showcase__frame">
<img data-screen="clinic" src="/sites/img/case-clinic.svg" width="800" height="500" alt="" class="is-active" />
<img data-screen="leads" src="/sites/img/case-leads.svg" width="800" height="500" alt="" loading="lazy" />
<img data-screen="aggregator" src="/sites/img/case-aggregator.svg" width="800" height="500" alt="" loading="lazy" />
<img data-screen="shop" src="/sites/img/case-shop.svg" width="800" height="500" alt="" loading="lazy" />
<img data-screen="services" src="/sites/img/case-services.svg" width="800" height="500" alt="" loading="lazy" />
<img data-screen="corp" src="/sites/img/case-corp.svg" width="800" height="500" alt="" loading="lazy" />
</div>
</div>
</div>
</section>
<!-- 07 ПЕРЕЕЗД — тёмный. Виден старый сайт (2009, бетон); лупа за курсором показывает, каким он станет.
Оба слоя — живой HTML в токенах сайта; маска — CSS mask с жидким краем (rebirth/index.ts). -->
<section class="section rebirth" id="rebirth" data-theme="dark" aria-labelledby="rebirth-title">
<h2 class="section__title" id="rebirth-title">Есть действующий сайт?<br />Обновим его</h2>
<p class="section__lead">
Старый сайт — не балласт. У него есть контент, структура и накопленный
поисковый вес. Мы берём это за основу и строим новый — быстрее и дешевле,
чем с нуля. Позиции при переезде сохраняем: это наша специализация.
</p>
<div class="rebirth__scene" data-rebirth style="--xray-x: 58%; --xray-y: 48%">
<svg class="rebirth__defs" width="0" height="0" aria-hidden="true" focusable="false">
<filter id="rebirth-liquid" x="-20%" y="-20%" width="140%" height="140%">
<feTurbule