Одна из проблем для медицинских сайтов заключается в том, что описания процедур и состав препаратов затруднительно размещать на странице сайта, которая посвящена услуге. Особенно на лендинге, где довольно строгая структура, а тексты предельно лаконичны. Но таков закон. Комплаенс требуется для подтверждения легитимности самой клиники и методик, которые она использует.
Если помещать блок комплаенса в видимую часть страницы, то это неминуемо приведет к “отказам” — быстрому уходу посетителя с сайта без прохода вглубь. Всё-таки люди приходят на сайт не для того, чтобы выяснить номер лицензии и насладиться чтением закона. Им чаще всего нужна именно услуга: название, что лечим, цена врач, отзывы. Поэтому заказчики сайтов и лендингов часто соглашаются на компромиссное решение, которое предлагают им разработчики: размещать блок комплаенса в футере либо над футером, причем в формате PDF. Это приводит к тому, что ИИ-краулеры просто не видят блок комплаенса либо присваивают ему низкий приоритет для вывода в рекомендациях. Соответственно, в ответ ИИ не попадает та часть сайта, которая должна подтверждать опыт, легальный статус клиники и безопасность процедуры.
Но, как мне кажется, эту проблему несложно решить чисто технически: добавив в дизайн-макет javascript с кнопкой-баннером, которая при клике на ней открывает дополнительный блок комлаенса, закрытый до нажатия кнопки. Этот блок отлично видим и краулеру дата-центров ИИ, и инструментам мониторинга, который применяют регуляторы (Росздравнадзор, ФАС). Такой блок можно разместить в любой части лендинга или главной страницы сайта, даже в самом верху, в виде обычного HTML. В этом случае ему будет присвоен высокий приоритет. К тому же в верхнем блоке можно разместить и разметку медицинского учреждения с адресом, картой, лицензией и каталогом услуг (Shema.org, json).
Вот пример такого лендинга (не пугайтесь внешнего вида, чтобы уместить в один файл HTML, CSS и javascript, дизайн-макет разработан без, так сказать, «архитектурных излишеств». Это предельно схематичный макет с рисунками средствами html5 и SVG.
Стоматология Люми — Идеальная улыбка начинается здесь { "@context": "https://schema.org", "@graph": [ { "@type": "Dentist", "@id": "https://lumi-dental.ru/#clinic", "name": "Стоматология Люми", "description": "Современная стоматологическая клиника: имплантация, ортодонтия, седация, детская стоматология.", "url": "https://lumi-dental.ru", "telephone": "+7 (495) 000-00-00", "email": "info@lumi-dental.ru", "address": { "@type": "PostalAddress", "streetAddress": "ул. Тверская, д. 15, стр. 2", "addressLocality": "Москва", "postalCode": "125009", "addressCountry": "RU" }, "geo": { "@type": "GeoCoordinates", "latitude": 55.7642, "longitude": 37.6045 }, "openingHoursSpecification": { "@type": "OpeningHoursSpecification", "dayOfWeek": ["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"], "opens": "09:00", "closes": "21:00" }, "aggregateRating": { "@type": "AggregateRating", "ratingValue": "4.8", "reviewCount": "312", "bestRating": "5" }, "license": "ЛО-77-01-019845", "foundingDate": "2014-03-12", "priceRange": "₽₽", "medicalSpecialty": "Dentistry", "availableService": [ { "@type": "MedicalProcedure", "name": "Имплантация зубов", "description": "Установка дентальных имплантатов ведущих мировых производителей.", "priceRange": "от 25 000 ₽" }, { "@type": "MedicalProcedure", "name": "Брекеты", "description": "Ортодонтическое лечение: металлические, керамические, сапфировые системы.", "priceRange": "от 45 000 ₽" }, { "@type": "MedicalProcedure", "name": "Седация", "description": "Лечение во сне под контролем анестезиолога.", "priceRange": "от 5 000 ₽" }, { "@type": "MedicalProcedure", "name": "Профессиональная чистка", "description": "Ультразвуковая чистка и Air Flow.", "priceRange": "от 4 500 ₽" }, { "@type": "MedicalProcedure", "name": "Детская стоматология", "description": "Лечение молочных и постоянных зубов у детей.", "priceRange": "от 2 000 ₽" }, { "@type": "MedicalProcedure", "name": "Протезирование", "description": "Коронки, виниры, мостовидные и съёмные протезы.", "priceRange": "от 15 000 ₽" } ], "employee": [ {"@type":"Physician","name":"Иванов А.С.","jobTitle":"Стоматолог-хирург, имплантолог","yearsOfExperience":15}, {"@type":"Physician","name":"Петрова М.И.","jobTitle":"Ортодонт","yearsOfExperience":12}, {"@type":"Physician","name":"Сидоров В.К.","jobTitle":"Стоматолог-терапевт","yearsOfExperience":8}, {"@type":"Physician","name":"Кузнецова Е.А.","jobTitle":"Детский стоматолог","yearsOfExperience":10} ] }, { "@type": "FAQPage", "mainEntity": [ {"@type":"Question","name":"Как проходит лечение зубов?","acceptedAnswer":{"@type":"Answer","text":"Лечение начинается с диагностики и составления плана. Все процедуры проводятся с обезболиванием."}}, {"@type":"Question","name":"Сколько длится имплантация?","acceptedAnswer":{"@type":"Answer","text":"От установки имплантата до финальной коронки — 3–6 месяцев в зависимости от протокола."}}, {"@type":"Question","name":"Есть ли рассрочка?","acceptedAnswer":{"@type":"Answer","text":"Да, рассрочка 0% на 6 и 12 месяцев через банки-партнёры."}}, {"@type":"Question","name":"Как подготовиться к приёму?","acceptedAnswer":{"@type":"Answer","text":"Специальная подготовка не требуется. Приходите с действующими снимками, если есть."}}, {"@type":"Question","name":"Принимаете ли вы детей?","acceptedAnswer":{"@type":"Answer","text":"Да, приём детей ведёт детский стоматолог с 3 лет."}}, {"@type":"Question","name":"Какая гарантия на услуги?","acceptedAnswer":{"@type":"Answer","text":"Гарантия на имплантацию — 5 лет, на терапевтическое лечение — 1 год."}} ] } ]} :root{ --blue:#1a5fd4; --blue-dark:#0f4ab0; --blue-soft:#e8f0fe; --bg:#f5f8ff; --text:#0f172a; --muted:#64748b; --line:#e2e8f0; --white:#ffffff; --accent:#f59e0b; } *{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth} body{ font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; color:var(--text); background:var(--bg); line-height:1.5; -webkit-font-smoothing:antialiased; } .container{max-width:1100px;margin:0 auto;padding:0 20px} /* HEADER */ header{ background:var(--white); border-bottom:1px solid var(--line); position:sticky;top:0;z-index:50; } .header-inner{ display:flex;align-items:center;justify-content:space-between; padding:14px 20px;max-width:1100px;margin:0 auto; } .logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px} .logo svg{width:28px;height:28px} .burger{width:32px;height:32px;display:flex;flex-direction:column;justify-content:center;gap:5px;cursor:pointer;background:none;border:none} .burger span{display:block;height:2px;background:var(--text);border-radius:2px} /* COMPLIANCE BANNER */ .compliance-banner{ background:linear-gradient(90deg,#e8f0fe,#dbeafe); border-bottom:1px solid var(--line); cursor:pointer; transition:background .2s; } .compliance-banner:hover{background:linear-gradient(90deg,#dbeafe,#c7dcfa)} .compliance-inner{ display:flex;align-items:center;justify-content:center;gap:12px; padding:12px 20px;font-size:14px;color:var(--blue-dark);font-weight:500; } .compliance-inner svg{flex-shrink:0} .compliance-panel{ max-height:0;overflow:hidden; transition:max-height .4s ease; background:var(--white); } .compliance-panel.open{max-height:2000px} .compliance-content{ padding:24px 20px;max-width:1100px;margin:0 auto; } .compliance-content h3{font-size:18px;margin-bottom:12px;color:var(--blue-dark)} .compliance-content h4{font-size:15px;margin:16px 0 8px;color:var(--text)} .compliance-content p,.compliance-content li{font-size:14px;color:var(--muted);margin-bottom:6px} .compliance-content ul{padding-left:20px;margin-bottom:12px} .compliance-grid{ display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:16px; } .compliance-card{ background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:16px; } .compliance-card .tag{ display:inline-block;font-size:11px;text-transform:uppercase;letter-spacing:.5px; color:var(--blue);background:var(--blue-soft);padding:3px 8px;border-radius:4px;margin-bottom:8px; } /* HERO */ .hero{ background:linear-gradient(135deg,#f0f5ff 0%,#e8f0fe 100%); padding:48px 0 56px; } .hero-grid{ display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center; } .hero h1{ font-size:44px;line-height:1.1;font-weight:800;margin-bottom:16px;letter-spacing:-.5px; } .hero h1 span{color:var(--blue)} .hero .sub{font-size:17px;color:var(--muted);margin-bottom:24px;max-width:420px} .badges{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px} .badge{ background:var(--white);border:1px solid var(--line); padding:8px 14px;border-radius:20px;font-size:14px;font-weight:500; display:inline-flex;align-items:center;gap:6px; } .badge svg{width:14px;height:14px;color:var(--blue)} .btn-primary{ display:inline-block;background:var(--blue);color:#fff; padding:14px 32px;border-radius:10px;font-size:16px;font-weight:600; border:none;cursor:pointer;text-decoration:none; transition:background .2s,transform .1s; } .btn-primary:hover{background:var(--blue-dark)} .btn-primary:active{transform:scale(.98)} .hero-visual{ background:var(--white);border-radius:24px;overflow:hidden; box-shadow:0 20px 50px rgba(26,95,212,.12); aspect-ratio:4/3;position:relative; } .hero-visual svg{width:100%;height:100%;display:block} /* SECTIONS */ section{padding:56px 0} .section-title{font-size:28px;font-weight:700;margin-bottom:24px} /* SERVICES */ .services{background:var(--white)} .service-list{border-top:1px solid var(--line)} .service-row{ display:flex;justify-content:space-between;align-items:center; padding:18px 0;border-bottom:1px solid var(--line); font-size:16px; } .service-row .name{display:flex;align-items:center;gap:12px} .service-row .name svg{width:20px;height:20px;color:var(--blue)} .service-row .price{color:var(--blue);font-weight:600;white-space:nowrap} /* DOCTORS */ .doctors{background:var(--bg)} .carousel{position:relative;overflow:hidden} .carousel-track{ display:flex;gap:20px;transition:transform .4s ease; } .doctor-card{ flex:0 0 calc(25% - 15px); background:var(--white);border-radius:16px;padding:20px 12px; text-align:center;box-shadow:0 4px 16px rgba(15,23,42,.05); } .doctor-avatar{ width:120px;height:120px;border-radius:50%;margin:0 auto 14px; background:linear-gradient(135deg,#dbeafe,#e8f0fe); position:relative;overflow:hidden; border:3px solid var(--white); box-shadow:0 4px 12px rgba(26,95,212,.15); } .doctor-avatar svg{width:100%;height:100%} .doctor-name{font-weight:600;font-size:15px;margin-bottom:4px} .doctor-exp{font-size:13px;color:var(--muted)} .carousel-btns{ display:flex;justify-content:center;gap:12px;margin-top:24px; } .carousel-btn{ width:44px;height:44px;border-radius:50%;border:1px solid var(--line); background:var(--white);cursor:pointer;display:flex;align-items:center;justify-content:center; transition:all .2s; } .carousel-btn:hover{background:var(--blue);color:#fff;border-color:var(--blue)} .carousel-btn:hover svg{stroke:#fff} .carousel-btn svg{width:18px;height:18px;stroke:var(--text)} /* RESULTS + REVIEWS */ .results-reviews{background:var(--white)} .rr-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px} .rr-block h3{font-size:22px;font-weight:700;margin-bottom:20px} .ba-pair{ background:var(--bg);border-radius:14px;padding:14px;margin-bottom:14px; } .ba-label{font-size:12px;text-align:center;color:var(--muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px} .ba-images{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px} .ba-img{ aspect-ratio:16/10;border-radius:8px;overflow:hidden; background:linear-gradient(135deg,#f1f5f9,#e2e8f0); position:relative; } .ba-img svg{width:100%;height:100%} .ba-img .tag{ position:absolute;top:6px;left:6px;font-size:10px; background:rgba(255,255,255,.9);padding:2px 8px;border-radius:10px;font-weight:600; } .ba-title{text-align:center;font-size:13px;color:var(--muted);font-weight:500} .rating-big{display:flex;align-items:center;gap:10px;margin-bottom:20px} .rating-num{font-size:42px;font-weight:800;color:var(--text)} .stars{display:flex;gap:2px} .stars svg{width:22px;height:22px} .review{ background:var(--bg);border-radius:12px;padding:14px 16px;margin-bottom:12px; position:relative; } .review::before{ content:"“";position:absolute;top:-4px;left:10px;font-size:32px;color:var(--blue);opacity:.3; } .review p{font-size:14px;margin-bottom:6px;padding-left:14px} .review .author{font-size:12px;color:var(--muted);padding-left:14px;font-weight:500} /* FAQ */ .faq{background:var(--bg)} .faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px} .faq-item{ background:var(--white);border:1px solid var(--line);border-radius:12px; overflow:hidden; } .faq-q{ padding:16px;font-size:15px;font-weight:500;cursor:pointer; display:flex;justify-content:space-between;align-items:center;gap:12px; } .faq-q .icon{ width:22px;height:22px;border-radius:50%;background:var(--blue-soft); display:flex;align-items:center;justify-content:center;flex-shrink:0; transition:transform .3s; } .faq-item.open .faq-q .icon{transform:rotate(45deg)} .faq-a{ max-height:0;overflow:hidden;transition:max-height .3s ease; padding:0 16px; } .faq-item.open .faq-a{max-height:200px;padding-bottom:16px} .faq-a p{font-size:14px;color:var(--muted)} /* BOOKING */ .booking{background:linear-gradient(135deg,#e8f0fe 0%,#dbeafe 100%);padding:56px 0} .booking-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start} .booking-form{ background:var(--white);border-radius:20px;padding:28px; box-shadow:0 10px 40px rgba(26,95,212,.1); } .booking-form h3{font-size:22px;margin-bottom:20px} .field{margin-bottom:14px} .field label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px;font-weight:500} .field input,.field select{ width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px; font-size:15px;background:var(--white);font-family:inherit; transition:border-color .2s; } .field input:focus,.field select:focus{outline:none;border-color:var(--blue)} .booking-form .btn-primary{width:100%;margin-top:6px} .map-wrap{ background:var(--white);border-radius:20px;overflow:hidden; box-shadow:0 10px 40px rgba(26,95,212,.1); aspect-ratio:1/1;position:relative; } .map-wrap svg{width:100%;height:100%;display:block} /* FOOTER */ footer{ background:#0f172a;color:#cbd5e1; padding:20px;text-align:center;font-size:13px; } footer a{color:#93c5fd;text-decoration:none} /* RESPONSIVE */ @media(max-width:820px){ .hero-grid,.rr-grid,.booking-grid{grid-template-columns:1fr} .doctor-card{flex:0 0 calc(50% - 10px)} .faq-grid{grid-template-columns:1fr} .hero h1{font-size:34px} .hero-visual{max-width:420px;margin:0 auto} } @media(max-width:480px){ .doctor-card{flex:0 0 85%} .hero h1{font-size:28px} .section-title{font-size:24px} } Стоматология Люми 📋 Правовая информация и комплаенс
Данные клиники Стоматология Люми
Лицензия: ЛО-77-01-019845 от 12.03.2014
Адрес: г. Москва, ул. Тверская, д. 15, стр. 2
ИНН: 7701234567 | ОГРН: 1147700000000
Главный врач: Иванов А.С., стаж 15 лет
Описание процедур Медицинские услуги
- Имплантация — системы Straumann, Nobel, Osstem
- Ортодонтия — брекеты Damon, Invisalign
- Седация — пропофол, закись азота (контроль анестезиолога)
- Профгигиена — ультразвук + Air Flow
Законодательство Реклама мед. услуг
Сайт соответствует требованиям:
- ФЗ № 38 «О рекламе» (ст. 24 — мед. услуги)
- ФЗ № 323 «Об основах охраны здоровья»
- Приказ Минздрава № 786н (информированное согласие)
- 152-ФЗ «О персональных данных»
Важно Предупреждение
Имеются противопоказания. Необходима консультация специалиста. Результаты лечения индивидуальны и зависят от клинической ситуации.
Информация на сайте не является публичной офертой (ст. 437 ГК РФ).
Идеальная улыбка начинается здесь
Современные технологии и забота о вашем комфорте
Комфортно Рассрочка 0% Гарантия 5 лет Записаться Наши услуги
Имплантация от 25 000 ₽ Брекеты от 45 000 ₽ Седация от 5 000 ₽ Профессиональная чистка от 4 500 ₽ Детская стоматология от 2 000 ₽ Протезирование от 15 000 ₽ Наши врачи
Иванов А.С. Стаж 15 лет Петрова М.И. Стаж 12 лет Сидоров В.К. Стаж 8 лет Кузнецова Е.А. Стаж 10 лет Результаты
До После Отбеливание До После Выравнивание Отзывы
Прекрасный врач, всё объяснил и сделал максимально аккуратно!
Теперь хожу к стоматологу с удовольствием. Спасибо!
Очень чистая клиника и внимательный персонал.
Частые вопросы
Как проходит лечение зубов? Лечение начинается с диагностики и составления плана. Все процедуры проводятся с обезболиванием.
Как подготовиться к приёму? Специальная подготовка не требуется. Приходите с действующими снимками, если есть.
Сколько длится имплантация? От установки имплантата до финальной коронки — 3–6 месяцев в зависимости от протокола.
Принимаете ли вы детей? Да, приём детей ведёт детский стоматолог с 3 лет.
Есть ли рассрочка? Да, рассрочка 0% на 6 и 12 месяцев через банки-партнёры.
Какая гарантия на услуги? Гарантия на имплантацию — 5 лет, на терапевтическое лечение — 1 год.
Запишитесь на приём
Выберите проблему Боль в зубе Кровоточивость дёсен Эстетика улыбки Отсутствие зуба Профилактический осмотр Другое ул. Тверская, 15 // Compliance banner const banner = document.getElementById('complianceBanner'); const panel = document.getElementById('compliancePanel'); const chevron = document.getElementById('chevronIcon'); banner.addEventListener('click', () => { const open = panel.classList.toggle('open'); banner.setAttribute('aria-expanded', open); chevron.style.transform = open ? 'rotate(180deg)' : ''; }); banner.addEventListener('keydown', e => { if(e.key==='Enter') banner.click(); }); // FAQ accordion document.querySelectorAll('.faq-item').forEach(item => { item.querySelector('.faq-q').addEventListener('click', () => { item.classList.toggle('open'); }); }); // Doctor carousel const track = document.getElementById('carouselTrack'); const prevBtn = document.getElementById('prevBtn'); const nextBtn = document.getElementById('nextBtn'); let idx = 0; function getVisible(){ const w = window.innerWidth; if(w <= 480) return 1; if(w { if(idx>0){ idx--; update(); } }); nextBtn.addEventListener('click', () => { if(idx { if(idx>getMax()) idx=getMax(); update(); }); // Touch swipe let startX = 0; track.addEventListener('touchstart', e => { startX = e.touches[0].clientX; }); track.addEventListener('touchend', e => { const dx = e.changedTouches[0].clientX - startX; if(dx < -40 && idx 40 && idx > 0){ idx--; update(); } });В блоке с комплаенсом можно размещать как непосредственно информацию для подтверждения легальности деятельности, так и анонсы-лиды дополнительных страниц и файлов. Причем информация может быть статической, а может подгружаться «на лету» из базы данных.
Источник: habr.com