<!doctype html>
<html lang="ru-ru" dir="ltr" class="no-js">
<head>
  <meta charset="utf-8">
	<meta name="keywords" content="SLT, SeoLight, SLT Group, СеоЛайт">
	<meta name="og:imageVK" content="images/og-content/open_graph_slt.png#joomlaImage://local-images/og-content/open_graph_slt.png?width=1200&amp;height=536">
	<meta name="description" content="SLT (ex. SeoLight) - digital агентство полного цикла, специализирующиеся на SEO-продвижении и создании готовых к продвижению сайтов с 2009 года.">
	<title>SLT - сайты и мобильные приложения для людей</title>

  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="apple-touch-icon" sizes="180x180" href="/assets/img/favicons/apple-touch-icon.png">
  <link rel="icon" type="image/png" sizes="32x32" href="/assets/img/favicons/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favicons/favicon-16x16.png">
  <link rel="manifest" href="/assets/img/favicons/site.webmanifest">
  <link rel="mask-icon" href="/assets/img/favicons/safari-pinned-tab.svg" color="#5bbad5">
  <link rel="shortcut icon" href="/assets/img/favicons/favicon.ico">
  <link rel="shortcut icon" type="image/x-icon" href="/assets/img/favicons/favicon.svg"/>
  <meta name="msapplication-TileColor" content="#da532c">
  <meta name="msapplication-config" content="/assets/img/favicons/browserconfig.xml">
  <meta name="theme-color" content="#ffffff">
  <meta name="google-site-verification" content="GjGvEVKDAQFtRb72O1casgyLlDM8BXRjfoVuc7wxeyU" />
<meta name='wmail-verification' content='e9cba3846abe4b031a52d0611d7e6a46' />
<meta name="msvalidate.01" content="7C0428080579469664A5C4A950535BC6" />
<meta name="yandex-verification" content="66ab36002d5420e6" />
<meta name="yandex-verification" content="bfbc199af5eab46f" />
<meta name="zen-verification" content="gc9LsTW4bwhItgT7xwVmwFnpITjf8telVtmC7vTBrBFBHNgv6xeQOI3RI175xyzL" />

<script type="text/javascript">!function(){var t=document.createElement("script");t.type="text/javascript",t.async=!0,t.src='https://vk.com/js/api/openapi.js?169',t.onload=function(){VK.Retargeting.Init("VK-RTRG-1620587-3Pp79"),VK.Retargeting.Hit()},document.head.appendChild(t)}();</script><noscript><img src="https://vk.com/rtrg?p=VK-RTRG-1620587-3Pp79" style="position:fixed; left:-999px;" alt=""/></noscript>
  
  <script type="application/json" class="joomla-script-options new">{"system.paths":{"root":"","rootFull":"https://seolt.ru/","base":"","baseFull":"https://seolt.ru/"},"csrf.token":"6e64754d956f580f12108d2531a5e3ce"}</script>
	<script src="/media/system/js/core.min.js?83f2c9"></script>

  <link rel="stylesheet" href="/assets/css/77345e89f71cdc93d37ca9101a240777.css">
  <link rel="stylesheet" href="/assets/css/d3d61a17e649c18fc28352b87022c335.css">
</head>
<body class="home-page">
<div id="app" class="wrapper">
  <header class="header">
    <div class="header__in container-fluid">
      <a class="logo link" href="/" title="SLT" v-header-bg>
        <animate-css class-name="fadeIn" class="animate">
          <svg-icon name="logo">
              <img src="/assets/img/logo.svg" width="140" height="70" class="img-fluid" alt="SLT">
          </svg-icon>

        </animate-css>

      </a>

      <div class="header__title">
        <animate-css class-name="fadeIn" class="animate">
            <span class="header__title-marketing">
                <app-text-scramble :phrases="['Сайты и SEO для людей', 'Используем искусственный интеллект в SEO']">Сайты и SEO для людей</app-text-scramble>
            </span>

        </animate-css>
      </div>

      <animate-css class-name="fadeIn" class="animate header__request">
        <app-modal
          class="button button_transparent"
          modal-class="modal_custom modal_request"
          modal-custom-close
          title="Оставить заявку"
          y-goal="actionFormHeader"
        >
            <span class="button__text">
                Оставить заявку
            </span>
          <template #modal="{show}">
            <app-form
                v-if="show"
                id="1"
                title="Оставить заявку"
                success-class="modal-form modal-form_custom modal-form_success"
                y-before-submit-goal="sendForm"
                y-after-submit-goal="sendFormOk"
            >
                <div class="modal-form modal-form_custom modal-form_success">
                    <h2 class="modal-form__title title">
                        Успешно отправлено!
                    </h2>
                    <div class="modal-form__body">
                        <div class="success-message">
                            <div class="success-message__icon">
                                <div class="post-pigeon">
                                    <div class="post-pigeon__wing post-pigeon__wing_backward"></div>
                                    <div class="post-pigeon__body"></div>
                                    <div class="post-pigeon__mail"></div>
                                    <div class="post-pigeon__wing post-pigeon__wing_forward"></div>
                                </div>
                            </div>
                            <div class="success-message__text">
                                Ваша заявка успешно отправлена, скоро ее получит наш менеджер
                                и как можно скорее свяжется с вами.
                            </div>
                        </div>

                    </div>
                    <div class="modal-form__footer">
                        <a href="/" title="На главную" class="modal-form__home link button button_transparent">
                                            <span class="button__text">
                                                на главную
                                            </span>
                        </a>
                    </div>
                </div>
            </app-form>
          </template>
        </app-modal>
      </animate-css>
    </div>
        </header>
    <div class="sidebar-left">
    <div class="socials">
      <div class="socials__links">
        <a class="socials__item socials__item_tenchat link" title="Tenchat" target="_blank" rel="nofollow"
           href="https://tenchat.ru/0712904?utm_source=235d543a-1476-4206-bdc7-d8dd91214abe"
           v-header-bg
        >
          <animate-css class-name="fadeIn" class="animate">
            <svg-icon name="ten">
                <img src="/assets/img/ten.svg" width="22" height="22" alt="">
            </svg-icon>
          </animate-css>
        </a>
        <a class="socials__item socials__item_telegram link" title="Telegram" target="_blank" rel="nofollow"
           href="https://t.me/+MGF4-gcdQ95kYTli"
           v-header-bg
        >
          <animate-css class-name="fadeIn" class="animate">
            <svg-icon name="tg">
                <img src="/assets/img/tg.svg" width="21" height="18" alt="">
            </svg-icon>
          </animate-css>
        </a>
        <a class="socials__item socials__item_vk link" title="VK" target="_blank" rel="nofollow" href="https://vk.com/seolight"
           v-header-bg
        >
          <animate-css class-name="fadeIn" class="animate">
            <svg-icon name="vk">
                <img src="/assets/img/vk.svg" width="24" height="13" alt="">
            </svg-icon>
          </animate-css>
        </a>
        <a class="socials__item socials__item_vc link" title="VC.RU" target="_blank" rel="nofollow" href="https://vc.ru/id1332360"
           v-header-bg
        >
          <animate-css class-name="fadeIn" class="animate">
            <svg-icon name="vc">
                <img src="/assets/img/vc.svg" width="25" height="24" alt="">
            </svg-icon>
          </animate-css>
        </a>
        <a class="socials__item socials__item_yt link" title="YouTube" target="_blank" rel="nofollow"
           href="https://www.youtube.com/@sltseo"
           v-header-bg
        >
          <animate-css class-name="fadeIn" class="animate">
            <svg-icon name="yt">
                <img src="/assets/img/yt.svg" width="26" height="18" alt="">
            </svg-icon>
          </animate-css>
        </a>
      </div>
    </div>

  </div>

  <div class="content-wrapper">
    
    <main class="content">
                
                <div id="greetings" class="main-greeting">
  <div class="main-greeting__in">
    <div class="main-greeting__img">
      <animate-css class="animate">
        <img src="/uploads/media/images/main-page/slt.svg" width="630" height="242" alt="SLT - Вебстудия SeoLight">
      </animate-css>
    </div>

    <h1 class="main-greeting__title title">
      <animate-css class-name="fadeInUp" class="animate">
          Создание сайтов, продвижение и маркетинг
      </animate-css>
    </h1>

    <div class="main-greeting__target">
      <animate-css class-name="fadeInUp" class="animate">
        Для промышленности, строительных и ИТ-компаний
      </animate-css>
    </div>

    <div class="main-greeting__footer">
      <animate-css class-name="fadeIn" class="animate">
        <a href="/projects" title="Смотреть кейсы" class="button link" type="button">
          <span class="button__text">Смотреть кейсы</span>
        </a>
      </animate-css>
    </div>
  </div>

  <div class="main-greeting__img-right">
    <picture>
      <source srcset="/assets/img/fileblank.jpg" media="(min-width: 992px)">
      <img src="/uploads/media/images/main-page/woman.webp" width="1066" height="720" alt="SLT - Вебстудия SeoLight"
           class="img-fluid">
    </picture>
    <video-block
      autoplay
      :videos="[{src:'/uploads/media/videos/video-main.webm',type:'webm'}, {src:'/uploads/media/videos/video-main.mp4',type:'mp4'}]"
    >
    </video-block>
  </div>
</div>

<div id="cases" class="main-cases">
  <div class="container-fluid">
    <div class="row">
      <div class="col-12">
        <div class="main-cases__wrap-title">
          <h2 class="main-cases__title title">
            <animate-css class-name="fadeInUp" class="animate">
              Наши кейсы
            </animate-css>
          </h2>
          <a class="main-cases__more link" href="/projects">
            <animate-css class-name="fadeInUp" class="animate">
              <span>Все кейсы</span>
              <svg-icon name="arrow"></svg-icon>
            </animate-css>
          </a>
        </div>
      </div>
    </div>
    <div class="row main-cases__list">
                        <div class="col-12">
  <div class="case-redesign-tile">
    <div class="case-redesign-tile__inner">
      <div class="case-redesign-tile__preview">
        <div class="case-redesign-tile__preview-pictures">
          <div class="case-redesign-tile__preview-pictures-inner">
            <img src="/uploads/media/images/case-redesign/case-redesign-tile__preview-1.png" width="248" height="178">
            <img src="/uploads/media/images/case-redesign/case-redesign-tile__preview-2.png" width="539" height="247">
            <img src="/uploads/media/images/case-redesign/case-redesign-tile__preview-3.png" width="194" height="299">
          </div>
        </div>
        <div class="case-redesign-tile__preview-text">
          ISOLON        </div>
      </div>
      <div class="case-redesign-tile__content">
        <div class="case-redesign-tile__title">
          ISOLON        </div>
        <div class="case-redesign-tile__tag">
                                       #GEO                                </div>
        <div class="case-redesign-tile__text">
          Разработка сайта, продвижение с использованием искусственного интеллекта        </div>
                  <a href="/projects/isolon"
             class="case-redesign-tile__link link"
             title="ISOLON"
          >
                    <span class="case-redesign-tile__link-text">
                Подробнее
            </span>
            <span class="case-redesign-tile__link-icon">
                <svg-icon name="arrow-redis"></svg-icon>
            </span>
                </a>
              </div>
    </div>
  </div>
</div>
                                <div class="col-12 col-sm-6 col-md-8 main-cases__item">
  <animate-css class-name="fadeInUpBig2" class="animate">
    <div class="case">
              <div class="case__preview">
          <img
            src="/images/winkel_gif_compress_2_1.gif"
            width="396"
            height="300"
            alt="Завод подшипников «Winkel»"
            class="img-fluid" loading="lazy">
        </div>
            <div class="case__footer">
                <div class="case__link link" v-go-to="'https://winkelprof.ru'">
                      <div class="case__name">
              Завод подшипников «Winkel»            </div>
            <div class="case__description">
              Разработка сайта, продвижение с использованием искусственного интеллекта
            </div>
                    </div>
            </div>
    </div>
  </animate-css>
</div>
                                <div class="col-12 col-sm-6 col-md-4 main-cases__item">
  <animate-css class-name="fadeInUpBig2" class="animate">
    <div class="case">
              <div class="case__preview">
          <img src="/images/cases/case-unicometall.png#joomlaImage://local-images/cases/case-unicometall.png?width=509&height=443" width="509" height="443" loading="lazy" alt="Unico Metall"
               class="img-fluid">
        </div>
            <div class="case__footer">
                <div class="case__link link" v-go-to="'https://unico-metall.ru/'">
                      <div class="case__name">
              Unico Metall            </div>
            <div class="case__description">
              Разработка сайта, техническая поддержка
            </div>
                    </div>
            </div>
    </div>
  </animate-css>
</div>
                                <div class="col-12 col-sm-6 col-md-4 main-cases__item">
  <animate-css class-name="fadeInUpBig2" class="animate">
    <div class="case">
              <div class="case__preview">
          <img src="/images/cases/case-smz.png#joomlaImage://local-images/cases/case-smz.png?width=441&height=410" width="509" height="443" loading="lazy" alt="Завод «СМЗ»"
               class="img-fluid">
        </div>
            <div class="case__footer">
                <div class="case__link link" v-go-to="'https://s-m-z.ru/'">
                      <div class="case__name">
              Завод «СМЗ»            </div>
            <div class="case__description">
              Разработка сайта, SEO-продвижение
            </div>
                    </div>
            </div>
    </div>
  </animate-css>
</div>
                                <div class="col-12 col-sm-6 col-md-4 main-cases__item">
  <animate-css class-name="fadeInUpBig2" class="animate">
    <div class="case">
              <div class="case__preview">
          <img src="/images/cases/case-specmash.png#joomlaImage://local-images/cases/case-specmash.png?width=442&height=440" width="509" height="443" loading="lazy" alt="НПО «Спецмаш»"
               class="img-fluid">
        </div>
            <div class="case__footer">
                <div class="case__link link" v-go-to="'https://npf-specmash.ru/'">
                      <div class="case__name">
              НПО «Спецмаш»            </div>
            <div class="case__description">
              Разработка сайта, высококонкурентное SEO
            </div>
                    </div>
            </div>
    </div>
  </animate-css>
</div>
                                <div class="col-12 col-sm-6 col-md-4 main-cases__item">
  <animate-css class-name="fadeInUpBig2" class="animate">
    <div class="case">
              <div class="case__preview">
          <img src="/images/cases/case-nordict.png#joomlaImage://local-images/cases/case-nordict.png?width=410&height=410" width="509" height="443" loading="lazy" alt="Северные технологии"
               class="img-fluid">
        </div>
            <div class="case__footer">
                <div class="case__link link" v-go-to="'https://nordict.ru/'">
                      <div class="case__name">
              Северные технологии            </div>
            <div class="case__description">
              Разработка сайта, цифровизация бизнеса, SEO-продвижение
            </div>
                    </div>
            </div>
    </div>
  </animate-css>
</div>
                  </div>
  </div>
</div>
<div id="services" class="main-services">
  <animate-css class="animate main-services-bg" offset-options="500px 0px 0px 0px">
    <img src="/uploads/media/images/main-page/main-services-bg.svg" width="664" height="1079" loading="lazy"
         alt="Секция Наши услуги">
  </animate-css>

  <div class="main-services__img">
    <animate-css class-name="fadeInLeft" class="animate" offset-options="700px 0px 0px 0px">
      <img src="/uploads/media/images/main-page/services.png" width="471" height="772" loading="lazy"
           alt="Предоставляемые нами услуги">
    </animate-css>
  </div>

  <div class="main-services__in">
    <h2 class="main-services__title title">
      <animate-css class-name="fadeInUp" class="animate" offset-options="500px 0px 0px 0px">
        Услуги      </animate-css>
    </h2>

    <div class="row">
      <div class="col-12">
        <nav class="menu menu_main-services menu_link-icon">
          <ul class="menu__list stack">
                          <li class="menu__item">
                <animate-css class-name="fadeInUp" class="animate" :delay="1" offset-options="500px 0px 0px 0px">
                                            <a href="https://cases.seolt.ru/services/create-site" title="Разработка" class="menu__name menu__link link">
                            Разработка                            <span class="menu__link-icon">
                                <svg-icon name="arrow"></svg-icon>
                            </span>
                        </a>
                                        <ul class="menu__list menu__list_sub stack">
                                              <li class="menu__item">
                                                            <div class="menu__sub-name">
                                Дизайн, UI &amp; UX                              </div>
                                                    </li>
                                              <li class="menu__item">
                                                            <div class="menu__sub-name">
                                Сайты, готовые к SEO                              </div>
                                                    </li>
                                              <li class="menu__item">
                                                            <div class="menu__sub-name">
                                E-commerce проекты                              </div>
                                                    </li>
                                              <li class="menu__item">
                                                            <div class="menu__sub-name">
                                Техническая поддержка                              </div>
                                                    </li>
                                          </ul>
                </animate-css>
              </li>
                          <li class="menu__item">
                <animate-css class-name="fadeInUp" class="animate" :delay="1" offset-options="500px 0px 0px 0px">
                                            <div class="menu__name">
                            Маркетинг | реклама                        </div>
                                        <ul class="menu__list menu__list_sub stack">
                                              <li class="menu__item">
                                                            <div class="menu__sub-name">
                                Маркетинговый анализ                              </div>
                                                    </li>
                                              <li class="menu__item">
                                                            <div class="menu__sub-name">
                                Digital - трансформация                              </div>
                                                    </li>
                                              <li class="menu__item">
                                                          <a href="https://cases.seolt.ru/services/kontekstnaya-reklama" title="Контекстная реклама" class="menu__sub-name menu__link link">
                                Контекстная реклама                                  <span class="menu__link-icon">
                                    <svg-icon name="arrow"></svg-icon>
                                </span>
                              </a>
                                                    </li>
                                              <li class="menu__item">
                                                            <div class="menu__sub-name">
                                Таргетированная реклама                              </div>
                                                    </li>
                                          </ul>
                </animate-css>
              </li>
                          <li class="menu__item">
                <animate-css class-name="fadeInUp" class="animate" :delay="1" offset-options="500px 0px 0px 0px">
                                            <div class="menu__name">
                            SEO-продвижение                        </div>
                                        <ul class="menu__list menu__list_sub stack">
                                              <li class="menu__item">
                                                          <a href="/services/seo/vysokokonkurentnoe-prodvizhenie" title="Высококонкурентное SEO" class="menu__sub-name menu__link link">
                                Высококонкурентное SEO                                  <span class="menu__link-icon">
                                    <svg-icon name="arrow"></svg-icon>
                                </span>
                              </a>
                                                    </li>
                                              <li class="menu__item">
                                                          <a href="/services/seo/promyshlennyj-marketing" title="Продвижение предприятий" class="menu__sub-name menu__link link">
                                Продвижение предприятий                                  <span class="menu__link-icon">
                                    <svg-icon name="arrow"></svg-icon>
                                </span>
                              </a>
                                                    </li>
                                              <li class="menu__item">
                                                          <a href="/services/seo/prodvizhenie-bitrix" title="SEO на Bitrix" class="menu__sub-name menu__link link">
                                SEO на Bitrix                                  <span class="menu__link-icon">
                                    <svg-icon name="arrow"></svg-icon>
                                </span>
                              </a>
                                                    </li>
                                              <li class="menu__item">
                                                          <a href="/services/seo/prodvizhenie-joomla" title="Продвижение сайтов на Joomla" class="menu__sub-name menu__link link">
                                Продвижение сайтов на Joomla                                  <span class="menu__link-icon">
                                    <svg-icon name="arrow"></svg-icon>
                                </span>
                              </a>
                                                    </li>
                                              <li class="menu__item">
                                                            <div class="menu__sub-name">
                                Link building + PBN                              </div>
                                                    </li>
                                              <li class="menu__item">
                                                            <div class="menu__sub-name">
                                SEO-аудит                              </div>
                                                    </li>
                                              <li class="menu__item">
                                                          <a href="/services/seo/aio" title="Оптимизируем сайты под нейросети AIO (GEO)" class="menu__sub-name menu__link link">
                                Оптимизируем сайты под нейросети AIO (GEO)                                  <span class="menu__link-icon">
                                    <svg-icon name="arrow"></svg-icon>
                                </span>
                              </a>
                                                    </li>
                                          </ul>
                </animate-css>
              </li>
                          <li class="menu__item">
                <animate-css class-name="fadeInUp" class="animate" :delay="1" offset-options="500px 0px 0px 0px">
                                            <div class="menu__name">
                            Стратегия | аналитика                        </div>
                                        <ul class="menu__list menu__list_sub stack">
                                              <li class="menu__item">
                                                            <div class="menu__sub-name">
                                Исследование рынка                              </div>
                                                    </li>
                                              <li class="menu__item">
                                                            <div class="menu__sub-name">
                                Сквозная и веб-аналитика                              </div>
                                                    </li>
                                          </ul>
                </animate-css>
              </li>
                      </ul>
        </nav>
      </div>
    </div>
  </div>
</div>

<!--------------------------->

<div id="why-me" class="main-why-we">
  <h2 class="main-why-we__title title">
    <animate-css class-name="fadeInUp" class="animate" offset-options="500px 0px 0px 0px">
      Почему мы?
    </animate-css>
  </h2>

  <div class="row">
    <div class="col-12 col-sm-6 col-md-4 col-lg-4 col-xl-4">
      <animate-css class-name="fadeInUp" class="animate" offset-options="500px 0px 0px 0px">
        <figure class="tile tile_seo">
          <img class="tile__image img-fluid" src="/uploads/media/images/main-page/why-we/1.jpg"
               width="459" height="488" loading="lazy"
               alt="SEO-разработки без аналогов">

          <figcaption class="tile__image-title">
            SEO-разработки<br>
            без аналогов
          </figcaption>
        </figure>
      </animate-css>
    </div>

    <div class="col-12 col-sm-6 col-md-4 col-lg-4 col-xl-4">
      <animate-css class-name="fadeInUp" class="animate" offset-options="500px 0px 0px 0px">
        <figure class="tile tile_custom-link tile_top">
          <img class="tile__image img-fluid" src="/uploads/media/images/main-page/why-we/2.jpg"
               width="459" height="488" loading="lazy"
               alt="Топ компаний по SEO России">

          <figcaption class="tile__image-title" v-go-to-star>
            топ-15 <br> в России
          </figcaption>
            <a rel="nofollow" target="_blank" href="https://ratingruneta.ru/web+seo" class="tile__badge-top link"
               style="display: block; position: absolute; z-index: 99999; bottom:0; right:0;">
                <img style="width: 280px; height: auto;" src="https://api.cabinet.cmsmagazine.ru/images/badges/1b4219720cc03460e2e65140f5bad4db/1720171736pjSFnuVGqJ2npmxdOz.png" alt="Рейтинг агентств по созданию и продвижению сайтов" width="778" height="328" loading="lazy"/>
            </a>
        </figure>
      </animate-css>
    </div>

    <div class="col-12 col-sm-6 col-md-4 col-lg-4 col-xl-4">
      <animate-css class-name="fadeInUp" class="animate" offset-options="500px 0px 0px 0px">
        <figure class="tile tile_years">
          <img class="tile__image img-fluid" src="/uploads/media/images/main-page/why-we/3.png"
               width="388" height="247" loading="lazy"
               alt="Четырнадцать лет на рынке">
          <figcaption class="tile__image-title">лет на рынке</figcaption>
        </figure>
      </animate-css>
    </div>
  </div>

  <div class="main-why-we__target">
    <animate-css class-name="fadeInUp" class="animate" offset-options="500px 0px 0px 0px">
      <span>Главная цель, которую мы ставим в своей работе - <br></span>
      <div class="main-why-we__target-animate">
        лидогенерация для Вашего бизнеса через SEO
      </div>
        <br>
      <span>и постоянный рост конверсии Вашего сайта.</span>
    </animate-css>
  </div>
</div>

<!--------------------------->

<div id="discuss" class="main-discuss">
  <div class="main-discuss__img">
    <animate-css class-name="fadeInLeft" class="animate">

      <img src="/uploads/media/images/main-page/discuss.png" width="636" height="708" loading="lazy"
           alt="Обсудить проект">
    </animate-css>
  </div>

  <div class="main-discuss__in">
    <animate-css class-name="fadeInUp" class="animate">
        <app-form
                id="14"
                success-class="modal_success"
        >
            <div class="modal-form modal-form_custom modal-form_success">
                <h2 class="modal-form__title title">
                    Успешно отправлено!
                </h2>
                <div class="modal-form__body">
                    <div class="success-message">
                        <div class="success-message__icon">
                            <div class="post-pigeon">
                                <div class="post-pigeon__wing post-pigeon__wing_backward"></div>
                                <div class="post-pigeon__body"></div>
                                <div class="post-pigeon__mail"></div>
                                <div class="post-pigeon__wing post-pigeon__wing_forward"></div>
                            </div>
                        </div>
                        <div class="success-message__text">
                            Ваша заявка успешно отправлена, скоро ее получит наш менеджер
                            и как можно скорее свяжется с вами.
                        </div>
                    </div>

                </div>
                <div class="modal-form__footer">
                    <a href="/" title="На главную" class="modal-form__home link button button_transparent">
                        <span class="button__text">
                            на главную
                        </span>
                    </a>
                </div>
            </div>
        </app-form>
    </animate-css>
  </div>
</div>

        
    </main>
    
  </div>

        <div class="sidebar-right">
        <div class="sidebar-right__in">
          <animate-css class-name="fadeIn" class="animate">
            <app-modal
              class="burger"
              modal-class="modal_custom modal_burger"
              modal-custom-close
              modal-close-on-click-overlay
              title="Burger"
            >
              <div class="burger__in">
                <div class="burger__lines">
                  <div class="burger__line"></div>
                </div>
                <div class="burger__title">Меню</div>
              </div>
              <template #modal>
                <div class="burger-menu">
                    <div class="burger-menu__top">
                        <a class="logo link" href="/">
                            <svg-icon name="logo"></svg-icon>
                        </a>
                    </div>
                    <div class="burger-menu__menu">
    <nav class="menu menu_burger menu_link-icon">
      <ul class="menu__list stack">

            <li class="menu__item">                    <a href="https://cases.seolt.ru/services/create-site" title="Разработка" class="menu__name menu__link link">
                Разработка                <span class="menu__link-icon">
                    <svg-icon name="arrow"></svg-icon>
                </span>
            </a>
        <ul class="menu__list menu__list_sub stack">    <li class="menu__item">                    <div class="menu__sub-name">
                Дизайн, UI &amp; UX            </div>
        </li>    <li class="menu__item">                    <div class="menu__sub-name">
                Сайты, готовые к SEO            </div>
        </li>    <li class="menu__item">                    <div class="menu__sub-name">
                E-commerce проекты            </div>
        </li>    <li class="menu__item">                    <div class="menu__sub-name">
                Техническая поддержка            </div>
        </li></ul></li>    <li class="menu__item">                    <div class="menu__name">
                Маркетинг | реклама            </div>
        <ul class="menu__list menu__list_sub stack">    <li class="menu__item">                    <div class="menu__sub-name">
                Маркетинговый анализ            </div>
        </li>    <li class="menu__item">                    <div class="menu__sub-name">
                Digital - трансформация            </div>
        </li>    <li class="menu__item">                    <a href="https://cases.seolt.ru/services/kontekstnaya-reklama" title="Контекстная реклама" class="menu__sub-name menu__link link">
                Контекстная реклама                <span class="menu__link-icon">
                    <svg-icon name="arrow"></svg-icon>
                </span>
            </a>
        </li>    <li class="menu__item">                    <div class="menu__sub-name">
                Таргетированная реклама            </div>
        </li></ul></li>    <li class="menu__item">                    <a href="/projects" title="Кейсы" class="menu__name menu__link link">
                Кейсы                <span class="menu__link-icon">
                    <svg-icon name="arrow"></svg-icon>
                </span>
            </a>
        </li>        <li class="menu__separator"></li>
            <li class="menu__item">                    <div class="menu__name">
                SEO-продвижение            </div>
        <ul class="menu__list menu__list_sub stack">    <li class="menu__item">                    <a href="/services/seo/vysokokonkurentnoe-prodvizhenie" title="Высококонкурентное SEO" class="menu__sub-name menu__link link">
                Высококонкурентное SEO                <span class="menu__link-icon">
                    <svg-icon name="arrow"></svg-icon>
                </span>
            </a>
        </li>    <li class="menu__item">                    <a href="/services/seo/promyshlennyj-marketing" title="Продвижение предприятий" class="menu__sub-name menu__link link">
                Продвижение предприятий                <span class="menu__link-icon">
                    <svg-icon name="arrow"></svg-icon>
                </span>
            </a>
        </li>    <li class="menu__item">                    <a href="/services/seo/prodvizhenie-bitrix" title="SEO на Bitrix" class="menu__sub-name menu__link link">
                SEO на Bitrix                <span class="menu__link-icon">
                    <svg-icon name="arrow"></svg-icon>
                </span>
            </a>
        </li>    <li class="menu__item">                    <a href="/services/seo/prodvizhenie-joomla" title="Продвижение сайтов на Joomla" class="menu__sub-name menu__link link">
                Продвижение сайтов на Joomla                <span class="menu__link-icon">
                    <svg-icon name="arrow"></svg-icon>
                </span>
            </a>
        </li>    <li class="menu__item">                    <div class="menu__sub-name">
                Link building + PBN            </div>
        </li>    <li class="menu__item">                    <div class="menu__sub-name">
                SEO-аудит            </div>
        </li>    <li class="menu__item">                    <a href="/services/seo/aio" title="Оптимизируем сайты под нейросети AIO (GEO)" class="menu__sub-name menu__link link">
                Оптимизируем сайты под нейросети AIO (GEO)                <span class="menu__link-icon">
                    <svg-icon name="arrow"></svg-icon>
                </span>
            </a>
        </li></ul></li>    <li class="menu__item">                    <div class="menu__name">
                Стратегия | аналитика            </div>
        <ul class="menu__list menu__list_sub stack">    <li class="menu__item">                    <div class="menu__sub-name">
                Исследование рынка            </div>
        </li>    <li class="menu__item">                    <div class="menu__sub-name">
                Сквозная и веб-аналитика            </div>
        </li></ul></li>    <li class="menu__item">                    <a href="/blog" title="Бизнес-wiki" class="menu__name menu__link link">
                Бизнес-wiki                <span class="menu__link-icon">
                    <svg-icon name="arrow"></svg-icon>
                </span>
            </a>
        </li>        <li class="menu__separator"></li>
                <li class="menu__item menu__item_request">
            <app-modal
                    class="button"
                    modal-class="modal_custom modal_request"
                    modal-custom-close
            >
              <span class="button__text">
                  Оставить заявку
              </span>
                <template #modal>
                    <app-form
                            id="1"
                            title="Оставить заявку"
                            success-class="modal_success"
                    >
                        <div class="modal-form modal-form_custom modal-form_success">
                            <h2 class="modal-form__title title">
                                Успешно отправлено!
                            </h2>
                            <div class="modal-form__body">
                                <div class="success-message">
                                    <div class="success-message__icon">
                                        <div class="post-pigeon">
                                            <div class="post-pigeon__wing post-pigeon__wing_backward"></div>
                                            <div class="post-pigeon__body"></div>
                                            <div class="post-pigeon__mail"></div>
                                            <div class="post-pigeon__wing post-pigeon__wing_forward"></div>
                                        </div>
                                    </div>
                                    <div class="success-message__text">
                                        Ваша заявка успешно отправлена, скоро ее получит наш менеджер
                                        и как можно скорее свяжется с вами.
                                    </div>
                                </div>

                            </div>
                            <div class="modal-form__footer">
                                <a href="/" title="На главную" class="modal-form__home link button button_transparent">
                                    <span class="button__text">
                                        на главную
                                    </span>
                                </a>
                            </div>
                        </div>
                    </app-form>
                </template>
            </app-modal>
        </li>
        <li class="menu__item">                    <a href="/about" title="Агентство" class="menu__name menu__link link">
                Агентство                <span class="menu__link-icon">
                    <svg-icon name="arrow"></svg-icon>
                </span>
            </a>
        </li>    <li class="menu__item">                    <a href="/contacts" title="Контакты" class="menu__name menu__link link">
                Контакты                <span class="menu__link-icon">
                    <svg-icon name="arrow"></svg-icon>
                </span>
            </a>
        </li>
<!--    TODO вынести за пределы меню      -->
        <li class="menu__item menu__item_contacts">
          <div class="burger-menu__contacts">
            <div class="contacts-tile">
              <div class="contacts-tile__address">
                Санкт-Петербург
              </div>
              <a href="tel:+78124584341" title="+7 812 458-43-41"
                 class="phone-link link contacts-tile__phone-link">
                +7 812 458-43-41
              </a>
              <a href="mailto:spb@seolt.ru" title="spb@seolt.ru"
                 class="mail-link link contacts-tile__mail-link">
                spb@seolt.ru
              </a>
            </div>
            <div class="contacts-tile">
              <div class="contacts-tile__address">
                Москва
              </div>
              <a href="tel:+74997052388" title="+7 499 705-23-88"
                 class="phone-link link contacts-tile__phone-link">
                +7 499 705-23-88
              </a>
              <a href="mailto:msk@seolt.ru" title="msk@seolt.ru"
                 class="mail-link link contacts-tile__mail-link">
                msk@seolt.ru
              </a>
            </div>
          </div>
        </li>
      </ul>
    </nav>
  </div>

                </div>
              </template>
            </app-modal>
          </animate-css>
        </div>
      </div>
  
  
  <footer class="footer">
    <div class="container-fluid">
      <div class="row">
        <div class="col-12 col-sm-6 col-lg-3 col-xxl-3 col-fhd-4">
          <div class="footer__contacts">
            <div class="contacts-tile contacts-tile_white">
              <a href="tel:+78124584341" title="+7 812 458-43-41" class="phone-link link contacts-tile__phone-link">
                +7 812 458-43-41
              </a>
              <div class="contacts-tile__address">
                196084 Санкт-Петербург, <br>
                ул. Новорощинская 4
              </div>
              <a href="mailto:spb@seolt.ru" title="spb@seolt.ru" class="mail-link link contacts-tile__mail-link">
                spb@seolt.ru
              </a>
            </div>
            <div class="contacts-tile contacts-tile_white">
              <a href="tel:+74997052388" title="+7 499 705-23-88" class="phone-link link contacts-tile__phone-link">
                +7 499 705-23-88
              </a>
              <div class="contacts-tile__address">
                127434 Москва, <br>
                Дмитровское ш. , 9а, стр.1
              </div>
              <a href="mailto:msk@seolt.ru" title="msk@seolt.ru" class="mail-link link contacts-tile__mail-link">
                msk@seolt.ru
              </a>
            </div>
          </div>
        </div>
        <div class="col-12 col-sm-6 col-lg-6 col-fhd-5">
            <nav class="menu menu_footer menu_white footer__menu">
    <ul class="menu__list stack">
            <li class="menu__item">                    <div class="menu__name">
                SEO - ПРОДВИЖЕНИЕ            </div>
        <ul class="menu__list menu__list_sub stack">    <li class="menu__item">                    <a href="/services/seo/vysokokonkurentnoe-prodvizhenie" title="Высококонкурентное SEO" class="menu__sub-name menu__link link">
                Высококонкурентное SEO                <span class="menu__link-icon">
                    <svg-icon name="arrow"></svg-icon>
                </span>
            </a>
        </li>    <li class="menu__item">                    <a href="/services/seo/promyshlennyj-marketing" title="Продвижение предприятий" class="menu__sub-name menu__link link">
                Продвижение предприятий                <span class="menu__link-icon">
                    <svg-icon name="arrow"></svg-icon>
                </span>
            </a>
        </li>    <li class="menu__item">                    <a href="/services/seo/aio" title="Продвижение в AI " class="menu__sub-name menu__link link">
                Продвижение в AI                 <span class="menu__link-icon">
                    <svg-icon name="arrow"></svg-icon>
                </span>
            </a>
        </li>    <li class="menu__item">                    <a href="/services/seo/prodvizhenie-joomla" title="Продвижение сайтов на Joomla" class="menu__sub-name menu__link link">
                Продвижение сайтов на Joomla                <span class="menu__link-icon">
                    <svg-icon name="arrow"></svg-icon>
                </span>
            </a>
        </li>    <li class="menu__item">                    <a href="/services/seo/prodvizhenie-bitrix" title="Продвижение сайтов на Bitrix" class="menu__sub-name menu__link link">
                Продвижение сайтов на Bitrix                <span class="menu__link-icon">
                    <svg-icon name="arrow"></svg-icon>
                </span>
            </a>
        </li>    <li class="menu__item">                    <div class="menu__sub-name">
                Link building + PBN            </div>
        </li></ul></li>        <li class="menu__separator"></li>
            <li class="menu__item">                    <div class="menu__name">
                СТРАТЕГИЯ И АНАЛИТИКА            </div>
        </li>    <li class="menu__item">                    <div class="menu__name">
                МАРКЕТИНГ И РЕКЛАМА            </div>
        </li>    <li class="menu__item">                    <div class="menu__name">
                РАЗРАБОТКА            </div>
        </li>    <li class="menu__item">                    <a href="/vacancies" title="Вакансии" class="menu__name menu__link link">
                Вакансии                <span class="menu__link-icon">
                    <svg-icon name="arrow"></svg-icon>
                </span>
            </a>
        </li>    <li class="menu__item">                    <a href="/browser-extension-belinsky" title="Расширение «Белинский»" class="menu__name menu__link link">
                Расширение «Белинский»                <span class="menu__link-icon">
                    <svg-icon name="arrow"></svg-icon>
                </span>
            </a>
        </li>        <li class="menu__item menu__item_request">
            <app-modal
                    class="button button_transparent button_transparent_white"
                    modal-class="modal_custom modal_request"
                    modal-custom-close
                    title="Оставить заявку"
            >
                      <span class="button__text">
                          Оставить заявку
                      </span>
                <template #modal>
                    <app-form
                            id="1"
                            title="Оставить заявку"
                            success-class="modal_success"
                    >
                        <div class="modal-form modal-form_custom modal-form_success">
                            <h2 class="modal-form__title title">
                                Успешно отправлено!
                            </h2>
                            <div class="modal-form__body">
                                <div class="success-message">
                                    <div class="success-message__icon">
                                        <div class="post-pigeon">
                                            <div class="post-pigeon__wing post-pigeon__wing_backward"></div>
                                            <div class="post-pigeon__body"></div>
                                            <div class="post-pigeon__mail"></div>
                                            <div class="post-pigeon__wing post-pigeon__wing_forward"></div>
                                        </div>
                                    </div>
                                    <div class="success-message__text">
                                        Ваша заявка успешно отправлена, скоро ее получит наш менеджер
                                        и как можно скорее свяжется с вами.
                                    </div>
                                </div>

                            </div>
                            <div class="modal-form__footer">
                                <a href="/" title="На главную" class="modal-form__home link button button_transparent">
                                            <span class="button__text">
                                                на главную
                                            </span>
                                </a>
                            </div>
                        </div>
                    </app-form>
                </template>
            </app-modal>
        </li>
    </ul>
</nav>

        </div>
        <div class="col-12 col-lg-3">
          <div class="footer__info">
            <div class="footer__info-item">
              <div class="socials footer__socials socials_footer">
                <div class="socials__links">
                  <a class="socials__item socials__item_tenchat link" title="Tenchat" target="_blank" rel="nofollow"
                     href="https://tenchat.ru/0712904?utm_source=235d543a-1476-4206-bdc7-d8dd91214abe"
                     v-header-bg
                  >
                    <svg-icon name="ten"></svg-icon>
                  </a>
                  <a class="socials__item socials__item_telegram link" title="Telegram" target="_blank" rel="nofollow"
                     href="https://t.me/+MGF4-gcdQ95kYTli"
                     v-header-bg
                  >
                    <svg-icon name="tg"></svg-icon>
                  </a>
                  <a class="socials__item socials__item_vk link" title="VK" target="_blank" rel="nofollow"
                     href="https://vk.com/seolight"
                     v-header-bg
                  >
                    <svg-icon name="vk"></svg-icon>
                  </a>
                  <a class="socials__item socials__item_vc link" title="VC.RU" target="_blank" rel="nofollow"
                     href="https://vc.ru/id1332360"
                     v-header-bg>
                    <svg-icon name="vc"></svg-icon>
                  </a>
                  <a class="socials__item socials__item_vc link" title="YouTube" target="_blank" rel="nofollow"
                     href="https://www.youtube.com/@sltseo"
                     v-header-bg
                  >
                    <svg-icon name="yt"></svg-icon>
                  </a>
                </div>
              </div>

            </div>
            <div class="footer__info-item">
              <nav class="additional-menu additional-menu_white additional-menu_line">
                <ul class="stack additional-menu__list">
                  <li class="additional-menu__item">
                    <a href="/personal-privacy" title="Конфиденциальность" class="additional-menu__link link">
                      Политика конфиденциальности
                    </a>
                  </li>
                  <li class="additional-menu__item">
                    <a href="/sitemap" title="Карта сайта" class="additional-menu__link link">
                      Карта сайта
                    </a>
                  </li>
                </ul>
                <ul class="stack additional-menu__list">
                  <li class="additional-menu__item">
                    <a href="/soglasie-na-obrabotku-personalnyh-dannyh" title="Конфиденциальность" class="additional-menu__link link">
                      Согласие на обработку персональных данных
                    </a>
                  </li>
                </ul>
              </nav>
            </div>
            <div class="footer__info-item">
              <div class="arda-footer arda-footer_white">
                <div class="arda-footer__text">Входим в ассоциацию агентств</div>
                <a href="https://arda.digital/" target="_blank" rel="nofollow" title="ARDA" class="arda-footer__link link">
                  <svg-icon name="arda"></svg-icon>
                </a>
              </div>
            </div>
            <div class="footer__info-item">
              <div class="legal-info">
                <div class="legal-info__item">
                  ООО «СЛТ» ИНН 7842154974,
                  <br>
                  ОГРН 1187847168838
                </div>
                <div class="legal-info__item">
                  юр.адрес: 196006, г. Санкт-Петербург, ул. Новорощинская, д.4, литер А, пом. 472 (пом 1Н) пом. 476 (пом 1Н)
                </div>
              </div>
            </div>
            <div class="footer__info-item">
              <a href="/uploads/files/slt_presentation_seo.pdf" class="download-promo button button_string button_string_small button_string_white link"
                 target="_blank" title="скачать презентацию" type="button"
              >
                  <span class="button__text">
                      скачать презентацию
                  </span>
                  <span class="button__icon">
                      <svg-icon name="download"></svg-icon>
                  </span>
              </a>
            </div>
            <div class="footer__info-item">
              <div class="copyright copyright_white footer__copyright">
                © ООО "СЛТ" 2010-2026              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </footer>

      <div class="kyka">
      <div class="kyka__icon">
        <svg-icon name="cookie"></svg-icon>
      </div>
      <div class="kyka__text">
        На сайте осуществляется обработка пользовательских данных с использованием Cookie в соответствии с <a href="/personal-privacy" target="_blank"> Политикой обработки персональных данных</a>.Вы можете запретить сохранение Cookie в настройках своего браузера.
      </div>
      <button type="button" class="kyka__ok button" v-set-cookie:ask-cookies v-toggle-class:kyka="'hidden'">
        <span class="button__text">OK</span>
      </button>
    </div>
    <modal-render></modal-render>
</div>

<script src="/assets/js/19b356a0b6e65f91123d622efbad77d8.js"></script>
<script src="/assets/js/43a1901817ea1f631f4b08a8d080f028.js"></script>
<script src="/assets/js/27c3c0bd707f3128c8e28b356594eb37.js"></script>
<!-- Yandex.Metrika counter -->
<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();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", "ym");

   ym(30749883, "init", {
        clickmap:true,
        trackLinks:true,
        accurateTrackBounce:true,
        webvisor:true
   });
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/30749883" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
</body>
</html>
