<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:yandex="http://news.yandex.ru" xmlns:turbo="http://turbo.yandex.ru" xmlns:media="http://search.yahoo.com/mrss/">
  <channel>
    <title>Кейсы</title>
    <link>https://tatyana-website.ru</link>
    <description/>
    <language>ru</language>
    <lastBuildDate>Thu, 13 Aug 2026 21:35:14 +0300</lastBuildDate>
    <item turbo="true">
      <title>SEO-продвижение стоматологии в Москве: с 30 до 250 кликов из Google за год</title>
      <link>https://tatyana-website.ru/cases/seo-prodvizhenie-stomatologii-probel</link>
      <amplink>https://tatyana-website.ru/cases/seo-prodvizhenie-stomatologii-probel?amp=true</amplink>
      <pubDate>Thu, 13 Aug 2026 21:29:00 +0300</pubDate>
      <author>Татьяна Цыбина</author>
      <category>SEO</category>
      <description>Комплексное продвижение сайта цифровой стоматологии Probel в высококонкурентной медицинской нише Москвы</description>
      <turbo:content><![CDATA[<header><h1>SEO-продвижение стоматологии в Москве: с 30 до 250 кликов из Google за год</h1></header><h2  class="t-redactor__h2">Результаты</h2><div class="t-redactor__text"><ul><li data-list="bullet">30 → 250 кликов из Google за 28 дней — рост в 8,3 раза.</li><li data-list="bullet">1,92 тыс. → 35,9 тыс. показов — рост в 18,7 раза.</li><li data-list="bullet">63,8 → 9,8 — изменение средней позиции в Google.</li><li data-list="bullet">293 запроса в ТОП-10 Google и 177 в ТОП-10 Яндекса по Москве на август 2026 года.</li></ul></div><img src="https://static.tildacdn.com/ffb6456b-781b-40e8-9517-ffb5225e8bcd/imgfish.jpg"><div class="t-redactor__text"><strong style="color: rgb(255, 104, 31);">Результаты за 28 дней в сравнении с аналогичным периодом прошлого года</strong></div><h2  class="t-redactor__h2">О проекте</h2><div class="t-redactor__text">Клиент: цифровая стоматология Probel</div><div class="t-redactor__text"><ul><li data-list="bullet"><strong>Сайт:<a href="https://probelclinic.ru/"> </a></strong><a href="https://probelclinic.ru/">https://probelclinic.ru/</a></li><li data-list="bullet"><strong>Регион: </strong>Москва</li><li data-list="bullet"><strong>Платформа:</strong> Tilda</li><li data-list="bullet"><strong>Период работы: </strong>с 4 мая 2025 года по настоящее время</li></ul></div><div class="t-redactor__text">Стоматология работает по&nbsp;нескольким направлениям: лечение и&nbsp;диагностика зубов, ортодонтия, имплантация, протезирование и&nbsp;эстетическая стоматология. Продвигать такой сайт в&nbsp;Москве сложно: в&nbsp;выдаче приходится конкурировать с&nbsp;агрегаторами, крупными сетями и&nbsp;клиниками с&nbsp;многолетней историей домена.</div><h2  class="t-redactor__h2">Ситуация на старте</h2><div class="t-redactor__text">В начале работы сайт перевели на другой домен, поэтому одной из первых задач стало сохранение SEO-настроек и корректная настройка индексации после переезда.</div><div class="t-redactor__text">Сайту требовалось:</div><div class="t-redactor__text"><ul><li data-list="bullet">устранить технические ошибки и проконтролировать индексацию;</li><li data-list="bullet">оптимизировать страницы под услуги и локальные запросы;</li><li data-list="bullet">расширить структуру под отдельные направления лечения;</li><li data-list="bullet">улучшить навигацию и путь пользователя до записи;</li><li data-list="bullet">создать блог для привлечения информационного спроса.</li></ul></div><h2  class="t-redactor__h2">Что сделали</h2><h3  class="t-redactor__h3">1. Настроили техническую основу</h3><div class="t-redactor__text">Подключили системы аналитики и панели вебмастеров, проверили ответы сервера, SSL-сертификат, редиректы, формы, robots.txt и sitemap.xml. Устранили битые ссылки и ошибку в Sitemap, настроили страницу 404, хлебные крошки и микроразметку Schema.org.</div><div class="t-redactor__text">Обновлённые страницы регулярно отправляли на переобход и контролировали их появление в поиске.</div><h3  class="t-redactor__h3">2. Оптимизировали структуру и страницы услуг</h3><div class="t-redactor__text">Собрали и кластеризовали семантику по направлениям лечения. Переработали метатеги, заголовки, тексты и alt-описания изображений на главной и страницах услуг.</div><div class="t-redactor__text">Создали отдельные посадочные страницы для врачей, 3D-сканирования, лечения под микроскопом, гнатологии и удаления кисты зуба. Для группы услуг изменили URL, настроили 301-редиректы и обновили внутренние ссылки.</div><h3  class="t-redactor__h3">3. Усилили локальное SEO и коммерческие факторы</h3><div class="t-redactor__text">В контент и метатеги добавили точную географию: Москва, Ленинградский проспект, ЖК «Царская площадь» и ближайшие станции метро. Доработали карточку клиники в Яндекс Бизнес: актуализировали услуги, категории, цены, описания и ссылки.</div><div class="t-redactor__text">На сайте закрепили меню при прокрутке, добавили страницу врачей, формы, кнопки записи и переходы в мессенджеры. На приоритетных страницах переработали первые экраны, структуру, цены, клинические случаи, FAQ и призывы к действию.</div><h3  class="t-redactor__h3">4. Создали SEO-блог и перелинковку</h3><div class="t-redactor__text">Добавили раздел со статьями и подготовили темы на основе поискового спроса. Публикации оптимизировали по заголовкам и семантике, дополняли FAQ и связывали со страницами соответствующих услуг.</div><div class="t-redactor__text">Статьи стали самостоятельными точками входа из поиска. За один из проанализированных кварталов:</div><div class="t-redactor__text"><ul><li data-list="bullet">материал «Что делать, если зуб ноет и тянет, но не болит сильно» привёл 236 визитов;</li><li data-list="bullet">статья о потемнении зуба изнутри — 99 визитов;</li><li data-list="bullet">страница установки брекет-системы — 74 входа.</li></ul></div><h3  class="t-redactor__h3">5. Работали с внешней видимостью</h3><div class="t-redactor__text">Размещали тематические ссылки, обновляли сведения о клинике в локальных справочниках и отслеживали позиции по целевым запросам. Дополнительно структурировали данные о клинике для AI-поиска и анализировали страницы, которые Яндекс Алиса использует как источники в ответах.</div><h2  class="t-redactor__h2">Результаты продвижения</h2><h3  class="t-redactor__h3">Рост видимости и переходов из Google</h3><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Динамика роста SEO</title>
<style>
  :root{
    --teal-dark: #0d3f3f;
    --teal-card: #164848;
    --orange: #f0631e;
    --orange-light: #ff8a4c;
    --text-light: #eaf2f0;
    --text-muted: #a9c2bd;
    --green: #3ecf8e;
    --red: #ff6b6b;
    --border: rgba(255,255,255,0.08);
  }

  *{ box-sizing: border-box; }

  body{
    margin:0;
    font-family: 'Segoe UI', Roboto, Arial, sans-serif;
    background: transparent;
    padding: 0;
    display:flex;
    justify-content:center;
  }

  .wrap{
    width:100%;
    max-width: 900px;
  }

  .table-card{
    background: var(--teal-card);
    border: 1px solid var(--border);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.25);
  }

  table{
    width:100%;
    border-collapse: collapse;
  }

  thead th{
    text-align:left;
    color: var(--text-muted);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-weight:600;
    padding: 18px 20px;
    background: rgba(255,255,255,0.03);
    border-bottom: 1px solid var(--border);
    white-space: nowrap;
  }

  tbody td{
    padding: 18px 20px;
    color: var(--text-light);
    font-size: 15px;
    border-bottom: 1px solid var(--border);
    vertical-align: middle;
  }

  tbody tr:last-child td{ border-bottom: none; }
  tbody tr{ transition: background 0.2s ease; }
  tbody tr:hover{ background: rgba(240,99,30,0.06); }

  .metric-name{
    font-weight: 600;
    color: var(--text-light);
    display:flex;
    align-items:center;
    gap:10px;
  }

  .dot{
    width:8px; height:8px;
    border-radius:50%;
    background: var(--orange);
    flex-shrink:0;
  }

  .value-old{ color: var(--text-muted); }
  .value-new{ color: var(--text-light); font-weight:600; }

  .result-pill{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
  }

  .result-pill.up{
    background: rgba(62,207,142,0.12);
    color: var(--green);
  }

  .result-pill.down{
    background: rgba(255,107,107,0.12);
    color: var(--red);
  }

  .result-pill.up::before{ content: "▲"; font-size: 10px; }
  .result-pill.down::before{ content: "▼"; font-size: 10px; }

  .mobile-cards{ display:none; flex-direction:column; gap:14px; }

  .m-card{
    background: var(--teal-card);
    border:1px solid var(--border);
    border-radius: 14px;
    padding: 18px;
  }

  .m-card-head{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom: 14px;
  }

  .m-card-head .dot{ width:9px; height:9px; }

  .m-card-title{
    color: var(--text-light);
    font-weight:700;
    font-size: 16px;
  }

  .m-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding: 8px 0;
    border-bottom: 1px dashed var(--border);
    font-size: 14px;
  }

  .m-row:last-child{ border-bottom:none; padding-bottom:0; }

  .m-label{ color: var(--text-muted); }
  .m-value{ color: var(--text-light); font-weight:600; }

  @media (max-width: 680px){
    .table-card{ display:none; }
    .mobile-cards{ display:flex; }
    body{ padding: 0px; }
  }
</style>
</head>
<body>

<div class="wrap">
  <div class="table-card">
    <table>
      <thead>
        <tr>
          <th>Показатель</th>
          <th>До внедрения</th>
          <th>Сейчас</th>
          <th>Результат</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td><span class="metric-name"><span class="dot"></span>Клики</span></td>
          <td class="value-old">30</td>
          <td class="value-new">250</td>
          <td><span class="result-pill up">+733%</span></td>
        </tr>
        <tr>
          <td><span class="metric-name"><span class="dot"></span>Показы</span></td>
          <td class="value-old">1,92 тыс.</td>
          <td class="value-new">35,9 тыс.</td>
          <td><span class="result-pill up">+1 770%</span></td>
        </tr>
        <tr>
          <td><span class="metric-name"><span class="dot"></span>Средняя позиция</span></td>
          <td class="value-old">63,8</td>
          <td class="value-new">9,8</td>
          <td><span class="result-pill up">+54 позиции</span></td>
        </tr>
        <tr>
          <td><span class="metric-name"><span class="dot"></span>CTR</span></td>
          <td class="value-old">1,6%</td>
          <td class="value-new">0,7%</td>
          <td><span class="result-pill down">-0,9 п.п.</span></td>
        </tr>
      </tbody>
    </table>
  </div>

  <div class="mobile-cards">
    <div class="m-card">
      <div class="m-card-head"><span class="dot"></span><span class="m-card-title">Клики</span></div>
      <div class="m-row"><span class="m-label">До</span><span class="m-value">30</span></div>
      <div class="m-row"><span class="m-label">Сейчас</span><span class="m-value">250</span></div>
      <div class="m-row"><span class="m-label">Результат</span><span class="result-pill up">+733%</span></div>
    </div>

    <div class="m-card">
      <div class="m-card-head"><span class="dot"></span><span class="m-card-title">Показы</span></div>
      <div class="m-row"><span class="m-label">До</span><span class="m-value">1,92 тыс.</span></div>
      <div class="m-row"><span class="m-label">Сейчас</span><span class="m-value">35,9 тыс.</span></div>
      <div class="m-row"><span class="m-label">Результат</span><span class="result-pill up">+1 770%</span></div>
    </div>

    <div class="m-card">
      <div class="m-card-head"><span class="dot"></span><span class="m-card-title">Средняя позиция</span></div>
      <div class="m-row"><span class="m-label">До</span><span class="m-value">63,8</span></div>
      <div class="m-row"><span class="m-label">Сейчас</span><span class="m-value">9,8</span></div>
      <div class="m-row"><span class="m-label">Результат</span><span class="result-pill up">+54 позиции</span></div>
    </div>

    <div class="m-card">
      <div class="m-card-head"><span class="dot"></span><span class="m-card-title">CTR</span></div>
      <div class="m-row"><span class="m-label">До</span><span class="m-value">1,6%</span></div>
      <div class="m-row"><span class="m-label">Сейчас</span><span class="m-value">0,7%</span></div>
      <div class="m-row"><span class="m-label">Результат</span><span class="result-pill down">-0,9 п.п.</span></div>
    </div>
  </div>
</div>

</body>
</html></div><div class="t-redactor__text">Сайт в среднем переместился с глубины выдачи на первую страницу Google. Средняя позиция 9,8 не означает, что все запросы находятся в ТОП-10: это усреднённый показатель Search Console.</div><div class="t-redactor__text">CTR снизился из-за резкого расширения видимости по общим и информационным запросам, которые получают меньше кликов. При этом абсолютное количество переходов выросло с 30 до 250.</div><h3  class="t-redactor__h3">Позиции по данным PR-CY</h3><div class="t-redactor__text">На август 2026 года сервис обнаружил сайт в московской выдаче по широкому массиву запросов:</div><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Позиции ключевых слов</title>
<style>
  :root{
    --teal-dark: #0d3f3f;
    --teal-card: #164848;
    --orange: #f0631e;
    --orange-light: #ff8a4c;
    --text-light: #eaf2f0;
    --text-muted: #a9c2bd;
    --border: rgba(255,255,255,0.08);
  }

  *{ box-sizing: border-box; }

  body{
    margin:0;
    font-family: 'Segoe UI', Roboto, Arial, sans-serif;
    background: transparent;
    padding: 0;
    display:flex;
    justify-content:center;
  }

  .wrap{
    width:100%;
    max-width: 700px;
  }

  .table-card{
    background: var(--teal-card);
    border: 1px solid var(--border);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.25);
  }

  table{
    width:100%;
    border-collapse: collapse;
  }

  thead th{
    text-align:left;
    color: var(--text-muted);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-weight:600;
    padding: 0px;
    background: rgba(255,255,255,0.03);
    border-bottom: 1px solid var(--border);
    white-space: nowrap;
  }

  tbody td{
    padding: 0px;
    color: var(--text-light);
    font-size: 15px;
    border-bottom: 1px solid var(--border);
    vertical-align: middle;
  }

  tbody tr:last-child td{ border-bottom: none; }
  tbody tr{ transition: background 0.2s ease; }
  tbody tr:hover{ background: rgba(240,99,30,0.06); }

  .metric-name{
    font-weight: 600;
    color: var(--text-light);
    display:flex;
    align-items:center;
    gap:10px;
  }

  .dot{
    width:8px; height:8px;
    border-radius:50%;
    flex-shrink:0;
  }

  .dot.top1{ background: #3ecf8e; }
  .dot.top3{ background: #f0b429; }
  .dot.top10{ background: var(--orange); }

  .value-new{ color: var(--text-light); font-weight:600; text-align:center; }

  .badge{
    display:inline-block;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight:600;
    background: rgba(255,255,255,0.06);
    color: var(--text-muted);
  }

  .mobile-cards{ display:none; flex-direction:column; gap:14px; }

  .m-card{
    background: var(--teal-card);
    border:1px solid var(--border);
    border-radius: 14px;
    padding: 18px;
  }

  .m-card-head{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom: 14px;
  }

  .m-card-title{
    color: var(--text-light);
    font-weight:700;
    font-size: 16px;
  }

  .m-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding: 8px 0;
    border-bottom: 1px dashed var(--border);
    font-size: 14px;
  }

  .m-row:last-child{ border-bottom:none; padding-bottom:0; }

  .m-label{ color: var(--text-muted); }
  .m-value{ color: var(--text-light); font-weight:600; }

  @media (max-width: 600px){
    .table-card{ display:none; }
    .mobile-cards{ display:flex; }
    body{ padding: 0px; }
  }
</style>
</head>
<body>

<div class="wrap">
  <div class="table-card">
    <table>
      <thead>
        <tr>
          <th>Позиции</th>
          <th>Яндекс</th>
          <th>Google</th>
          <th>Всего</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td><span class="metric-name"><span class="dot top1"></span>ТОП-1</span></td>
          <td class="value-new">12</td>
          <td class="value-new">7</td>
          <td><span class="badge">19</span></td>
        </tr>
        <tr>
          <td><span class="metric-name"><span class="dot top3"></span>ТОП-3</span></td>
          <td class="value-new">42</td>
          <td class="value-new">28</td>
          <td><span class="badge">70</span></td>
        </tr>
        <tr>
          <td><span class="metric-name"><span class="dot top10"></span>ТОП-10</span></td>
          <td class="value-new">177</td>
          <td class="value-new">293</td>
          <td><span class="badge">470</span></td>
        </tr>
      </tbody>
    </table>
  </div>

  <div class="mobile-cards">
    <div class="m-card">
      <div class="m-card-head"><span class="dot top1"></span><span class="m-card-title">ТОП-1</span></div>
      <div class="m-row"><span class="m-label">Яндекс</span><span class="m-value">12</span></div>
      <div class="m-row"><span class="m-label">Google</span><span class="m-value">7</span></div>
      <div class="m-row"><span class="m-label">Всего</span><span class="m-value">19</span></div>
    </div>

    <div class="m-card">
      <div class="m-card-head"><span class="dot top3"></span><span class="m-card-title">ТОП-3</span></div>
      <div class="m-row"><span class="m-label">Яндекс</span><span class="m-value">42</span></div>
      <div class="m-row"><span class="m-label">Google</span><span class="m-value">28</span></div>
      <div class="m-row"><span class="m-label">Всего</span><span class="m-value">70</span></div>
    </div>

    <div class="m-card">
      <div class="m-card-head"><span class="dot top10"></span><span class="m-card-title">ТОП-10</span></div>
      <div class="m-row"><span class="m-label">Яндекс</span><span class="m-value">177</span></div>
      <div class="m-row"><span class="m-label">Google</span><span class="m-value">293</span></div>
      <div class="m-row"><span class="m-label">Всего</span><span class="m-value">470</span></div>
    </div>
  </div>
</div>

</body>
</html></div><div class="t-redactor__text">В верхних позициях находятся страницы услуг и статьи. Сайт ранжируется по запросам о дентальной фотографии, панорамном снимке зубов, чистке аппаратом Vector, 3D-моделировании, ретейнерах, потемнении зуба и тянущей боли.</div><img src="https://static.tildacdn.com/ffb6456b-781b-40e8-9517-ffb5225e8bcd/imgfish.jpg"><img src="https://static.tildacdn.com/ffb6456b-781b-40e8-9517-ffb5225e8bcd/imgfish.jpg"><div class="t-table__viewport"><div class="t-table__wrapper"><table class="t-table__table" style="--t-table-border-radius:12px;"><tbody><tr class="t-table__row" style="background-color:rgb(5, 59, 64);"><td class="t-table__cell" data-row="0" data-column="0" style="color:rgb(255, 255, 255);"><div class="t-table__cell-content">Срез позиций probelclinic.ru в Москве, август 2026 года</div></td></tr></tbody><colgroup><col style="max-width:366px;min-width:366px;width:366px;"></colgroup></table></div></div><h3  class="t-redactor__h3">Целевые действия на сайте</h3><div class="t-redactor__text">В июле 2026 года Яндекс Метрика зафиксировала:</div><div class="t-redactor__text"><ul><li data-list="bullet"><strong>52 целевых визита</strong> с кликом по номеру телефона;</li><li data-list="bullet"><strong>17</strong> — с отправкой формы;</li><li data-list="bullet"><strong>15</strong> — с переходом в мессенджер;</li><li data-list="bullet"><strong>34</strong> — с заявкой через Яндекс Бизнес.</li></ul></div><div class="t-redactor__text">В июне 2025 года было <strong>44 целевых визита </strong>с кликом по телефону, в июле 2026 года — 52 – на 18% больше.</div><div class="t-table__viewport"><div class="t-table__wrapper"><table class="t-table__table" style="--t-table-border-radius:12px;"><tbody><tr class="t-table__row" style="background-color:rgb(5, 59, 64);"><td class="t-table__cell" data-row="0" data-column="0" style="color:rgb(255, 255, 255);"><div class="t-table__cell-content">Достижения настроенных целей в Яндекс Метрике</div></td></tr></tbody><colgroup><col style="max-width:335px;min-width:335px;width:335px;"></colgroup></table></div></div><h2  class="t-redactor__h2">Результат</h2><div class="t-redactor__text">За время продвижения сайт прошёл техническую подготовку после смены домена, получил расширенную структуру услуг, локальную оптимизацию, обновлённые коммерческие страницы и SEO-блог.</div><div class="t-redactor__text">За год клики из Google выросли в 8,3 раза, показы — в 18,7 раза, а средняя позиция улучшилась с 63,8 до 9,8. Поисковый трафик приходит на главную, страницы услуг и статьи, а пользователи могут выбрать удобный способ записи: звонок, форму, мессенджер или Яндекс Бизнес.</div><div class="t-redactor__embedcode"><!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SEO-результаты — кратко</title>
<style>
  :root{
    --teal-dark: #0d3f3f;
    --teal-card: #164848;
    --orange: #f0631e;
    --text-light: #eaf2f0;
    --text-muted: #a9c2bd;
    --border: rgba(255,255,255,0.08);
  }

  *{ box-sizing: border-box; }

  body{
    margin:0;
    font-family: 'Segoe UI', Roboto, Arial, sans-serif;
    background: transparent;
    padding: 0;
    display:flex;
    justify-content:center;
  }

  .wrap{
    width:100%;
    max-width: 700px;
  }

  .table-card{
    background: var(--teal-card);
    border: 1px solid var(--border);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.25);
  }

  table{
    width:100%;
    border-collapse: collapse;
  }

  thead th{
    text-align:left;
    color: var(--text-muted);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-weight:600;
    padding: 14px 18px;
    background: rgba(255,255,255,0.03);
    border-bottom: 1px solid var(--border);
  }

  tbody td{
    padding: 14px 18px;
    color: var(--text-light);
    font-size: 14px;
    border-bottom: 1px solid var(--border);
    vertical-align: middle;
  }

  tbody tr:last-child td{ border-bottom: none; }

  .metric-name{
    font-weight: 600;
    color: var(--text-light);
    display:flex;
    align-items:center;
    gap:10px;
  }

  .dot{
    width:6px; height:6px;
    border-radius:50%;
    background: var(--orange);
    flex-shrink:0;
  }

  .value{
    text-align:center;
    font-weight:600;
  }

  .value.up{ color: #3ecf8e; }
  .value.down{ color: #ff6b6b; }

  .trend{
    font-size: 16px;
    font-weight:700;
  }

  .badge{
    display:inline-block;
    padding: 4px 14px;
    border-radius: 999px;
    font-size: 12px;
    font-weight:600;
    background: rgba(255,255,255,0.06);
    color: var(--text-muted);
  }

  .mobile-cards{ display:none; flex-direction:column; gap:12px; }

  .m-card{
    background: var(--teal-card);
    border:1px solid var(--border);
    border-radius: 12px;
    padding: 16px;
    display:flex;
    justify-content:space-between;
    align-items:center;
  }

  .m-left{
    display:flex;
    align-items:center;
    gap:8px;
  }

  .m-left .dot{ width:6px; height:6px; background: var(--orange); border-radius:50%; }

  .m-title{
    color: var(--text-light);
    font-weight:600;
    font-size: 14px;
  }

  .m-right{
    display:flex;
    align-items:center;
    gap:10px;
  }

  .m-value{
    color: var(--text-light);
    font-weight:600;
    font-size: 15px;
  }

  @media (max-width: 600px){
    .table-card{ display:none; }
    .mobile-cards{ display:flex; }
    body{ padding: 24px 14px; }
  }
</style>
</head>
<body>

<div class="wrap">
  <div class="table-card">
    <table>
      <thead>
        <tr>
          <th>Показатель</th>
          <th>Значение</th>
          <th>Динамика</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td><span class="metric-name"><span class="dot"></span>Клики</span></td>
          <td class="value">250</td>
          <td><span class="trend up">▲ +733%</span></td>
        </tr>
        <tr>
          <td><span class="metric-name"><span class="dot"></span>Показы</span></td>
          <td class="value">35,9 тыс.</td>
          <td><span class="trend up">▲ +1 770%</span></td>
        </tr>
        <tr>
          <td><span class="metric-name"><span class="dot"></span>Средняя позиция</span></td>
          <td class="value">9,8</td>
          <td><span class="trend up">▲ +54</span></td>
        </tr>
        <tr>
          <td><span class="metric-name"><span class="dot"></span>CTR</span></td>
          <td class="value">0,7%</td>
          <td><span class="trend down">▼ -0,9 п.п.</span></td>
        </tr>
      </tbody>
    </table>
  </div>

  <div class="mobile-cards">
    <div class="m-card">
      <div class="m-left"><span class="dot"></span><span class="m-title">Клики</span></div>
      <div class="m-right"><span class="m-value">250</span><span class="trend up">▲+733%</span></div>
    </div>
    <div class="m-card">
      <div class="m-left"><span class="dot"></span><span class="m-title">Показы</span></div>
      <div class="m-right"><span class="m-value">35,9 тыс.</span><span class="trend up">▲+1770%</span></div>
    </div>
    <div class="m-card">
      <div class="m-left"><span class="dot"></span><span class="m-title">Ср. позиция</span></div>
      <div class="m-right"><span class="m-value">9,8</span><span class="trend up">▲+54</span></div>
    </div>
    <div class="m-card">
      <div class="m-left"><span class="dot"></span><span class="m-title">CTR</span></div>
      <div class="m-right"><span class="m-value">0,7%</span><span class="trend down">▼-0,9 п.п.</span></div>
    </div>
  </div>
</div>

</body>
</html></div>]]></turbo:content>
    </item>
  </channel>
</rss>
