JCAMP-DX To SVG Converter
&
SWGDRUG IR-Library
reverse x
normal x
transmittance
absorbance
range
4000-500cm-1
2000-500cm-1
1500-500cm-1
1000-500cm-1
2000-1000cm-1
1900-700cm-1
1800-700cm-1
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="description" content="Профессиональное продвижение сайтов в поисковых системах. SEO-оптимизация, контекстная реклама, SMM. Увеличим трафик и конверсию вашего бизнеса." /> <meta name="keywords" content="продвижение сайтов, SEO, раскрутка сайта, контекстная реклама, Яндекс Директ, Google Ads, SMM, аудит сайта, Москва" /> <title>IA8 | Продвижение и раскрутка сайтов в Москве</title> <link rel="stylesheet" href="css/main.css" /> <link rel="icon" href="images/favicon.ico" type="image/x-icon" /> <!-- Предзагрузка критичных ресурсов --> <link rel="preload" href="css/main.css" as="style" /> <link rel="preload" href="js/main.js" as="script" /> <link rel="preload" href="js/form-handler.js" as="script" /> <link rel="preload" href="css/form-styles.css" as="style" /> <!-- Структурированные данные --> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "ProfessionalService", "name": "IA8", "description": "Агентство полного цикла по продвижению сайтов и digital-маркетингу.", "address": { "@type": "PostalAddress", "addressLocality": "Москва", "streetAddress": "Большая Садовая улица 5 корп 1" }, "telephone": "+7 (415) 123-45-67", "openingHours": "Пн-Пт 9:00-18:00", "priceRange": "₽₽", "image": "https://ia8.ru/images/logo.svg", "aggregateRating": { "@type": "AggregateRating", "ratingValue": "4.9", "reviewCount": "42" } } </script> </head> <body> <!-- Шапка --> <header class="header" id="header"> <div class="container"> <div class="header__inner"> <a href="#hero" class="logo"> <img src="images/logo.svg" width="150" height="40" alt="Логотип IA8 - Продвижение сайтов" loading="lazy" /> </a> <nav class="nav" id="nav"> <ul class="nav__list"> <li><a href="#services" class="nav__link">Услуги</a></li> <li><a href="#cases" class="nav__link">Кейсы</a></li> <li><a href="#prices" class="nav__link">Цены</a></li> <li><a href="#about" class="nav__link">О нас</a></li> <li><a href="#reviews" class="nav__link">Отзывы</a></li> <li><a href="#blog" class="nav__link">Блог</a></li> <li><a href="#contacts" class="nav__link">Контакты</a></li> </ul> </nav> <a href="tel:+74151234567" class="header__phone">+7 (415) 123-45-67</a> <button class="btn btn--small" data-modal="consult">Консультация</button> <button class="burger" id="burger" aria-label="Открыть меню"><span></span></button> </div> </div> </header> <!-- Главный контент --> <main> <!-- Герой --> <section class="hero" id="hero"> <div class="hero__bg"> <picture> <!-- WebP --> <source srcset="images/hero-bg.webp 1920w, images/hero-bg-tablet.webp 1024w, images/hero-bg-mobile.webp 768w" sizes="100vw" type="image/webp" /> <!-- JPEG --> <source srcset="images/hero-bg.jpg 1920w, images/hero-bg-tablet.jpg 1024w, images/hero-bg-mobile.jpg 768w" sizes="100vw" type="image/jpeg" /> <!-- fallback --> <img src="images/hero-bg.jpg" alt="Профессиональное продвижение сайтов - команда экспертов" width="1920" height="800" loading="eager" decoding="auto" /> </picture> </div> <div class="container"> <div class="hero__content"> <h1 class="hero__title">Продвижение сайтов, которое увеличивает продажи</h1> <p class="hero__text">Комплексное SEO, контекстная реклама и SMM для бизнеса. Выводим в ТОП Яндекс и Google, привлекаем целевую аудиторию и повышаем конверсию.</p> <div class="hero__actions"> <button class="btn btn--primary" data-modal="audit">Бесплатный аудит сайта</button> <a href="#contacts" class="btn btn--outline">Связаться с нами</a> </div> <ul class="hero__features"> <li><img src="images/icon-check.svg" alt="галочка" width="20" height="20" /> Гарантия результата в договоре</li> <li><img src="images/icon-check.svg" alt="галочка" width="20" height="20" /> Опыт более 8 лет</li> <li><img src="images/icon-check.svg" alt="галочка" width="20" height="20" /> Прозрачная отчетность</li> </ul> </div> </div> </section> <!-- Услуги --> <section class="section services" id="services"> <div class="container"> <h2 class="section__title">Наши услуги по продвижению</h2> <p class="section__subtitle">Комплексный подход к digital-маркетингу для стабильного роста вашего бизнеса в интернете.</p> <div class="services__grid"> <!-- SEO --> <article class="service-card"> <div class="service-card__icon">SEO</div> <h3 class="service-card__title">SEO-продвижение</h3> <p class="service-card__text">Комплексная оптимизация и вывод сайта в топ-10 поисковых систем по ключевым запросам вашей тематики. Работаем над технической частью, контентом и ссылочной массой.</p> <ul class="service-card__list"> <li>Технический аудит и исправление ошибок</li> <li>Составление семантического ядра</li> <li>Оптимизация контента и мета-тегов</li> <li>Наружные ссылки (белые методы)</li> <li>Ежемесячные отчеты и аналитика</li> </ul> <a href="#prices" class="service-card__link">Узнать стоимость <img src="images/icon-arrow.svg" alt="стрелка" width="16" height="16" /></a> </article> <!-- Контекстная реклама --> <article class="service-card"> <div class="service-card__icon">ADS</div> <h3 class="service-card__title">Контекстная реклама</h3> <p class="service-card__text">Запуск и ведение рекламных кампаний в Яндекс.Директ и Google Ads. Быстрый приток целевых клиентов с оплатой за переход или заявку.</p> <ul class="service-card__list"> <li>Настройка и запуск кампаний</li> <li>А/B тестирование объявлений</li> <li>Ретаргетинг (повторное привлечение)</li> <li>Сквозная аналитика</li> <li>Оптимизация бюджета</li> </ul> <a href="#prices" class="service-card__link">Узнать стоимость <img src="images/icon-arrow.svg" alt="стрелка" width="16" height="16" /></a> </article> <!-- Продвижение в соцсетях --> <article class="service-card"> <div class="service-card__icon">SMM</div> <h3 class="service-card__title">Продвижение в соцсетях</h3> <p class="service-card__text">Создание и ведение сообществ, контент-стратегия, таргетированная реклама. Увеличиваем узнаваемость бренда и вовлеченность аудитории.</p> <ul class="service-card__list"> <li>Стратегия продвижения</li> <li>Создание контент-плана</li> <li>Ведение сообществ</li> <li>Таргетированная реклама</li> <li>Анализ конкурентов</li> </ul> <a href="#prices" class="service-card__link">Узнать стоимость <img src="images/icon-arrow.svg" alt="стрелка" width="16" height="16" /></a> </article> </div> </div> </section> <!-- Кейсы --> <section class="section cases" id="cases"> <div class="container"> <h2 class="section__title">Реальные кейсы продвижения</h2> <p class="section__subtitle">Примеры нашей работы с измеримыми результатами.</p> <div class="cases__grid"> <!-- кейс 1 --> <div class="case-card"> <div class="case-card__content"> <h3 class="case-card__title">Интернет-магазин электроники</h3> <p class="case-card__text"><strong>Задача:</strong> Увеличить органический трафик и продажи.</p> <p class="case-card__text"><strong>Работа:</strong> Провели глубокий технический аудит, оптимизировали структуру сайта и создали SEO-контент для раздела "Блог".</p> <div class="case-card__results"> <div class="result"> <span class="result__value">+180%</span> <span class="result__label">трафика за 6 мес.</span> </div> <div class="result"> <span class="result__value">+120%</span> <span class="result__label">заказов с SEO</span> </div> </div> </div> </div> <!-- кейс 2 --> <div class="case-card"> <div class="case-card__content"> <h3 class="case-card__title">Стоматологическая клиника</h3> <p class="case-card__text"><strong>Задача:</strong> Привлекать пациентов на дорогостоящие услуги (имплантация, виниры).</p> <p class="case-card__text"><strong>Работа:</strong> Настроили контекстную рекламу с высокой детализацией аудитории, запустили ретаргетинг и оптимизировали посадочные страницы.</p> <div class="case-card__results"> <div class="result"> <span class="result__value">-35%</span> <span class="result__label">стоимость заявки</span> </div> <div class="result"> <span class="result__value">+90%</span> <span class="result__label">конверсии в заявку</span> </div> </div> </div> </div> </div> </div> </section> <!-- Цены --> <section class="section prices" id="prices"> <div class="container"> <h2 class="section__title">Стоимость продвижения сайта</h2> <p class="section__subtitle">Прозрачное ценообразование. Стоимость зависит от тематики, региона и уровня конкуренции.</p> <div class="prices__grid"> <!-- тариф Старт --> <div class="price-card"> <h3 class="price-card__title">Старт</h3> <div class="price-card__amount">от 25 000 ₽/мес.</div> <p class="price-card__desc">Для молодых сайтов и стартапов</p> <ul class="price-card__list"> <li>Аудит сайта (раз в квартал)</li> <li>Базовая SEO-оптимизация</li> <li>Подбор 50 ключевых слов</li> <li>Ежемесячный отчет</li> <li class="price-card__list-item--disabled">Контекстная реклама</li> </ul> <button class="btn btn--outline" data-modal="order" data-plan="Старт">Выбрать тариф</button> </div> <!-- тариф Бизнес --> <div class="price-card price-card--popular"> <div class="price-card__badge">Популярный</div> <h3 class="price-card__title">Бизнес</h3> <div class="price-card__amount">от 60 000 ₽/мес.</div> <p class="price-card__desc">Для среднего бизнеса</p> <ul class="price-card__list"> <li>Полный аудит и стратегия</li> <li>Комплексное SEO-продвижение</li> <li>Подбор 150+ ключевых слов</li> <li>Написание 4 SEO-статей</li> <li>Настройка Яндекс.Директ</li> </ul> <button class="btn btn--primary" data-modal="order" data-plan="Бизнес">Выбрать тариф</button> </div> <!-- тариф Премиум --> <div class="price-card"> <h3 class="price-card__title">Премиум</h3> <div class="price-card__amount">от 120 000 ₽/мес.</div> <p class="price-card__desc">Для лидеров рынка и интернет-магазинов</p> <ul class="price-card__list"> <li>Индивидуальная стратегия</li> <li>SEO + Контекст + SMM</li> <li>Еженедельные отчеты и созвоны</li> <li>Приоритетная поддержка 24/7</li> <li>Интеграция с CRM и аналитикой</li> </ul> <button class="btn btn--outline" data-modal="order" data-plan="Премиум">Выбрать тариф</button> </div> </div> <p class="prices__note">* Точная стоимость рассчитывается после анализа вашего сайта и целей. <a href="#contacts" class="link">Закажите бесплатную консультацию</a>.</p> </div> </section> <!-- О нас --> <section class="section about" id="about"> <div class="container"> <div class="about__inner"> <div class="about__content"> <h2 class="section__title">Агентство IA8</h2> <p class="about__text">Мы — команда сертифицированных специалистов в области SEO, контекстной рекламы и digital-маркетинга. Работаем с 2016 года и помогли более 200 компаниям увеличить их онлайн-продажи.</p> <p class="about__text">Наш подход основан на глубоком анализе ниши, конкурентов и поведения аудитории. Мы не просто «выводим в топ», а строим систему постоянного притока клиентов, которая окупает вложения.</p> <div class="about__stats"> <div class="stat"> <span class="stat__value">8+</span> <span class="stat__label">лет опыта</span> </div> <div class="stat"> <span class="stat__value">200+</span> <span class="stat__label">проектов</span> </div> <div class="stat"> <span class="stat__value">94%</span> <span class="stat__label">клиентов остаются</span> </div> </div> </div> </div> </div> </section> <!-- Отзывы --> <section class="section reviews" id="reviews"> <div class="container"> <h2 class="section__title">Отзывы клиентов</h2> <p class="section__subtitle">Что говорят о работе с нами владельцы бизнеса.</p> <div class="reviews__slider"> <!-- Отзыв 1 --> <div class="review-card"> <div class="review-card__header"> <img src="images/client-1.jpg" alt="Фото Анны К." class="review-card__photo" width="60" height="60" loading="lazy" /> <div> <h3 class="review-card__name">Анна К.</h3> <span class="review-card__company">Директор магазина детской одежды</span> </div> </div> <p class="review-card__text">«Сотрудничаем с IA8 уже второй год. За это время трафик на сайт вырос в 3 раза, а продажи — в 2.5. Особенно впечатлила детальная аналитика: всегда видно, за что платим. Команда профессиональная, всегда на связи.»</p> <div class="review-card__rating">★★★★★</div> </div> <!-- Отзыв 2 --> <div class="review-card"> <div class="review-card__header"> <img src="images/client-2.jpg" alt="Фото Дмитрия С." class="review-card__photo" width="60" height="60" loading="lazy" /> <div> <h3 class="review-card__name">Дмитрий С.</h3> <span class="review-card__company">Владелец сети кофеен</span> </div> </div> <p class="review-card__text">«Запускали контекстную рекламу в Яндекс и Google. Ребята не только настроили кампании, но и провели обучение нашего менеджера. Результат: стоимость заявки снизилась на 40%, количество онлайн-заказов выросло. Рекомендую!»</p> <div class="review-card__rating">★★★★★</div> </div> <!-- Отзыв 3 --> <div class="review-card"> <div class="review-card__header"> <img src="images/client-3.jpg" alt="Фото Ольги М." class="review-card__photo" width="60" height="60" loading="lazy" /> <div> <h3 class="review-card__name">Ольга М.</h3> <span class="review-card__company">CEO IT-стартапа</span> </div> </div> <p class="review-card__text">«Нужно было быстро занять топовые позиции в высококонкурентной нише. IA8 предложили комплексный план: техническая оптимизация, контент-маркетинг и грамотная ссылочная стратегия. Через 9 месяцев мы в топ-5 по основным запросам. Спасибо!»</p> <div class="review-card__rating">★★★★★</div> </div> </div> </div> </section> <!-- Блог --> <section class="section blog" id="blog"> <div class="container"> <h2 class="section__title">Полезные статьи о продвижении</h2> <p class="section__subtitle">Актуальные материалы по SEO, контекстной рекламе и digital-трендам.</p> <div class="blog__grid"> <!-- Статья 1 --> <article class="post-card"> <h3 class="post-card__title"><a href="#blog">Как выбрать ключевые слова для SEO в 2024 году</a></h3> <p class="post-card__excerpt">Подробное руководство по составлению семантического ядра: от сбора запросов до их кластеризации. Разбираем инструменты и частые ошибки.</p> <div class="post-card__meta"> <span class="post-card__date">15.04.2024</span> <span class="post-card__readtime">8 мин. чтения</span> </div> </article> <!-- Статья 2 --> <article class="post-card"> <h3 class="post-card__title"><a href="#blog">Core Web Vitals: как ускорить сайт и улучшить позиции</a></h3> <p class="post-card__excerpt">Практические советы по оптимизации скорости загрузки страниц. Влияние LCP, FID, CLS на ранжирование в Google.</p> <div class="post-card__meta"> <span class="post-card__date">02.04.2024</span> <span class="post-card__readtime">6 мин. чтения</span> </div> </article> <!-- Статья 3 --> <article class="post-card"> <h3 class="post-card__title"><a href="#blog">Таргетированная vs Контекстная реклама: что выбрать для B2B?</a></h3> <p class="post-card__excerpt">Сравниваем два канала привлечения трафика для бизнеса, работающего с другими компаниями. Кейсы и расчет ROI.</p> <div class="post-card__meta"> <span class="post-card__date">20.03.2024</span> <span class="post-card__readtime">10 мин. чтения</span> </div> </article> </div> <div class="blog__cta"> <p>Больше полезных материалов в нашем <a href="#blog" class="link">Блоге</a> или подпишитесь на рассылку.</p> </div> </div> </section> <!-- Контакты и CTA --> <section class="section cta" id="contacts"> <div class="container"> <div class="cta__inner"> <div class="cta__content"> <h2 class="cta__title">Готовы увеличить продажи через интернет?</h2> <p class="cta__text">Оставьте заявку и получите бесплатный аудит вашего сайта с планом продвижения в течение 24 часов.</p> <form class="cta__form" id="contact-form"> <div class="form-group"> <input type="text" name="name" placeholder="Ваше имя" required /> </div> <div class="form-group"> <input type="tel" name="phone" placeholder="Телефон" required /> </div> <div class="form-group"> <input type="email" name="email" placeholder="E-mail" required /> </div> <div class="form-group"> <input type="url" name="site" placeholder="Адрес вашего сайта" /> </div> <button type="submit" class="btn btn--primary btn--block">Получить аудит бесплатно</button> <p class="form-note">Нажимая кнопку, вы соглашаетесь с <a href="#privacy" class="link">политикой конфиденциальности</a>.</p> </form> </div> <div class="cta__contacts"> <h3 class="cta__subtitle">Контакты</h3> <address class="contacts"> <p><strong>Телефон:</strong> <a href="tel:+74151234567">+7 (415) 123-45-67</a></p> <p><strong>E-mail:</strong> <a href="mailto:info@ia8.ru">info@ia8.ru</a></p> <p><strong>Адрес:</strong> Москва, Большая Садовая улица 5 корп 1 (офис 45)</p> <p><strong>Часы работы:</strong> Пн-Пт: 9:00–18:00</p> </address> <div class="social"> <a href="#" aria-label="Мы в Telegram"><img src="images/icon-tg.svg" alt="Telegram" width="24" height="24" /></a> <a href="#" aria-label="Мы в WhatsApp"><img src="images/icon-wa.svg" alt="WhatsApp" width="24" height="24" /></a> <a href="#" aria-label="Мы в VK"><img src="images/icon-vk.svg" alt="VKontakte" width="24" height="24" /></a> </div> </div> </div> </div> </section> </main> <!-- Подвал --> <footer class="footer"> <div class="container"> <div class="footer__inner"> <div class="footer__col"> <a href="#hero" class="logo footer__logo"> <img src="images/logo.svg" width="150" height="40" alt="IA8" loading="lazy" /> </a> <p class="footer__text">Профессиональное продвижение сайтов в Москве и по России. SEO, контекст, SMM.</p> </div> <div class="footer__col"> <h4 class="footer__title">Услуги</h4> <ul class="footer__list"> <li><a href="#services">SEO-продвижение</a></li> <li><a href="#services">Контекстная реклама</a></li> <li><a href="#services">Продвижение в соцсетях</a></li> <li><a href="#services">Аудит сайта</a></li> </ul> </div> <div class="footer__col"> <h4 class="footer__title">Компания</h4> <ul class="footer__list"> <li><a href="#about">О нас</a></li> <li><a href="#cases">Кейсы</a></li> <li><a href="#reviews">Отзывы</a></li> <li><a href="#blog">Блог</a></li> <li><a href="#contacts">Контакты</a></li> </ul> </div> <div class="footer__col"> <h4 class="footer__title">Контакты</h4> <address class="footer__contacts"> <a href="tel:+74151234567">+7 (415) 123-45-67</a><br /> <a href="mailto:info@ia8.ru">info@ia8.ru</a><br /> Москва, Большая Садовая улица 5 корп 1 </address> <div class="footer__social"> <a href="#" aria-label="Telegram">Telegram</a> <a href="#" aria-label="WhatsApp">WhatsApp</a> </div> </div> </div> <div class="footer__bottom"> <p class="footer__copyright">© 2026 IA8. Все права защищены.</p> <p class="footer__links"> <a href="#privacy">Политика конфиденциальности</a> | <a href="#offer">Договор оферты</a> </p> </div> </div> </footer> <!-- Модальные окна --> <!-- Обертка для каждого модального окна --> <div class="modal-overlay" id="modal-overlay-audit"> <div class="modal" id="modal-audit"> <button class="modal__close" aria-label="Закрыть">×</button> <h3 class="modal__title">Бесплатный аудит сайта</h3> <p>Оставьте контакты, и мы проанализируем ваш сайт по 30+ параметрам и вышлем отчет с рекомендациями.</p> <form id="audit-form"> <div class="form-group"> <input type="text" name="name" placeholder="Имя" required /> </div> <div class="form-group"> <input type="email" name="email" placeholder="E-mail" required /> </div> <div class="form-group"> <input type="url" name="site" placeholder="Адрес сайта" required /> </div> <button type="submit" class="btn btn--primary btn--block">Получить аудит</button> </form> </div> </div> <div class="modal-overlay" id="modal-overlay-consult"> <div class="modal" id="modal-consult"> <button class="modal__close" aria-label="Закрыть">×</button> <h3 class="modal__title">Заказать консультацию</h3> <p>Обсудим ваши задачи и предложим оптимальное решение.</p> <form id="consult-form"> <div class="form-group"> <input type="text" name="name" placeholder="Имя" required /> </div> <div class="form-group"> <input type="tel" name="phone" placeholder="Телефон" required /> </div> <button type="submit" class="btn btn--primary btn--block">Жду звонка</button> </form> </div> </div> <div class="modal-overlay" id="modal-overlay-order"> <div class="modal" id="modal-order"> <button class="modal__close" aria-label="Закрыть">×</button> <h3 class="modal__title">Заявка на тариф <span id="selected-plan"></span></h3> <p>Мы свяжемся с вами для уточнения деталей и подготовки индивидуального коммерческого предложения.</p> <form id="order-form"> <input type="hidden" name="plan" id="plan-input" /> <div class="form-group"> <input type="text" name="name" placeholder="Имя" required /> </div> <div class="form-group"> <input type="tel" name="phone" placeholder="Телефон" required /> </div> <div class="form-group"> <input type="email" name="email" placeholder="E-mail" required /> </div> <button type="submit" class="btn btn--primary btn--block">Отправить заявку</button> </form> </div> </div> <!-- Скрипт --> <script src="js/main.js"></script> </body> </html>
File size: 28.88 kB (29,556 Bytes) String length: 29,578 Bytes
copy data string
|
✕ clear
show table
0
"ru">
Number of points: 0