Корпоративный сайт — Косовов Михаил

Web / SEO · 2023–2026

КОРПОРАТИВНЫЙ
САЙТ

СтекHTML / CSS / JS

ГенераторPython build_v3.py

PageSpeed95+

Страниц39

Разработка и продвижение статичного сайта для компании бухгалтерского аутсорсинга: Python-генератор, Яндекс SEO, интерактивный калькулятор стоимости, 39 страниц включая гео-лендинги по районам Санкт-Петербурга.

HTML5CSS3Vanilla JS PythonPageSpeedSEO Schema.orgЯндекс

Результаты

95+

PageSpeed
Mobile & Desktop

Страниц в
индексе Яндекс

Гео-лендингов
по районам СПб

Задача

Сайт для привлечения клиентов из Яндекса

Компания бухгалтерского аутсорсинга в Санкт-Петербурге нуждалась в сайте, который конкурирует с крупными игроками рынка по позициям в Яндексе — при минимальном бюджете на разработку и без CMS.

Требования: высокая скорость загрузки (PageSpeed 95+), структурированная разметка Schema.org, оптимизация под Яндекс.Вебмастер, интерактивный калькулятор стоимости услуг и гео-страницы под районы СПб.

Архитектура

Статичный сайт на Python-генераторе

public_html/
  index.html                 Главная: hero + калькулятор + FAQ
  uslugi/                    Каталог услуг (ИП, ООО, УСН, ОСНО...)
    ip/index.html
    ooo/index.html
    usn/index.html
    osno/index.html
    ...10 страниц услуг
  tarify/index.html          Тарифы
  blog/                      13 SEO-статей
    kak-umenshit-nalogi-ip/
    usn-6-ili-15/
    ...
  kalkulator/index.html      Интерактивный калькулятор
  rajony/                    9 гео-лендингов (районы СПб)
    kalininskiy-rajon/
    ...
  404.html, robots.txt, sitemap.xml

Этапы

Python-генератор build_v3.py

Написан кастомный static-site generator на Python: шаблонизация, автогенерация sitemap.xml, robots.txt, canonical URL. Batch-применение CSS-патчей ко всем 39 страницам одним скриптом.

PageSpeed-оптимизация (95+)

Critical CSS inline, lazy loading изображений, preconnect для Google Fonts, минимизация JavaScript. Отказ от jQuery и тяжёлых библиотек — только Vanilla JS. Все анимации через CSS transform + opacity (GPU).

SEO под Яндекс

Семантическая структура H1-H3, Schema.org LocalBusiness + FAQ + HowTo разметка, Яндекс.Вебмастер верификация, OpenGraph и Яндекс.Директ разметка. Ключевой кластер: бухгалтерское обслуживание СПб.

Интерактивный калькулятор

Калькулятор стоимости бухгалтерских услуг: тип организации, система налогообложения, количество операций. Сравнение с рыночными ценами в реальном времени. Анимированные счётчики и Ripple-эффект.

Контент-маркетинг

Написаны SEO-статьи под информационные запросы: как уменьшить налоги ИП, УСН 6% или 15%, вести бухгалтерию самостоятельно. Каждая статья с HowTo-разметкой и контекстными ссылками на услуги.

Яндекс.Бизнес + Отзывы

Оформление профиля Яндекс.Бизнес, работа с отзывными площадками, публикации на Яндекс.Дзен с авторским голосом. SVG-иллюстрации сервисных карточек и прайс-листы в YML/XLSX.

Анимации

Motion design без библиотек

Все анимации реализованы на чистом CSS + Vanilla JS следуя принципам Emil Kowalski (restraint & speed) и Jakub Krehel (subtle production polish).

/* FAQ-аккордеон через scrollHeight (не max-height) */
function faqOpen(el) {
  const ans = el.querySelector('.faq-item__answer');
  ans.style.transition = 'none';
  ans.style.height = '0px';
  el.classList.add('open');
  const targetH = ans.scrollHeight;
  requestAnimationFrame(() => {
    ans.style.transition = 'height 0.32s cubic-bezier(0.4,0,0.2,1)';
    ans.style.height = targetH + 'px';
  });
}