Основная структура сайта html

Время чтения: 2 минут
Просмотров: 1305
Создание сайта начинается с его структуры, которая лежит в основе любого веб-проекта. Основная структура сайта на HTML определяет, как будет выглядеть и функционировать пользовательский интерфейс. HTML (HyperText Markup Language) является стандартным языком разметки для веб-страниц и служит основой для всех сайтов в интернете.
Понимание ключевых компонентов HTML позволяет разработчикам создавать эффективные и удобные веб-страницы. Эти компоненты включают такие элементы, как заголовки, абзацы, списки и ссылки. Каждый из этих элементов служит своей конкретной цели, обеспечивая правильное отображение информации и улучшая взаимодействие с пользователем.
Кроме того, применение семантической разметки в структуре HTML помогает поисковым системам лучше индексировать содержание сайта. Это является важным аспектом для поисковой оптимизации и повышения видимости веб-ресурсов. Четкая и логически организованная структура не только улучшает пользовательский опыт, но и способствует успешному продвижению сайта.
Следующий элемент, который мы рассмотрим, это . Он содержит весь контент страницы, который будет виден пользователям. Все текстовые блоки, изображения, видео и другие медиа элементы находятся именно здесь. Пример:
    Добро пожаловать на наш сайт!
    Это пример параграфа.
    Основной язык веб-разработки – это HTML, который формирует структуру нашего цифрового мира.
    — Тим Бернерс-Ли
Основные проблемы по теме "Основная структура сайта html"
Недостаточное использование семантических тегов
Одной из основных проблем при создании основной структуры сайта на HTML является недостаточное использование семантических тегов. Многие разработчики забывают или не уделяют достаточного внимания верной структуризации контента с помощью тегов как 
, , , ,  и других, что затрудняет понимание содержания страницы и ее логическую структуру как поисковыми роботами, так и пользователями.
Недостаточная доступность для людей с ограниченными возможностями
Другой серьезной проблемой является недостаточная доступность сайта для людей с ограниченными возможностями. Некорректное использование атрибутов и элементов, отсутствие правильных метатегов, а также неоптимальное оформление структуры влияют на возможность корректного чтения и восприятия информации людьми с ограниченными возможностями и устройствами.
Отсутствие унифицированных подходов и стандартов
Третьей проблемой, связанной с основной структурой сайта на HTML, является отсутствие унифицированных подходов и стандартов. Множество различных методик и подходов к созданию основной структуры сайта ведет к разнородности кода, сложности его поддержки и дальнейшего развития, а также может повлечь за собой ошибки при интерпретации содержимого различными браузерами и устройствами.
    Какой тег используется для обозначения основной структуры HTML страницы?
    Основная структура HTML страницы обозначается тегом .
    Какой тег используется для создания области веб-страницы, в которой содержится весь контент?
    Для создания области веб-страницы, в которой содержится весь контент, используется тег .
    Какой тег используется для определения заголовка страницы?
    Для определения заголовка страницы используется тег  внутри раздела <head>.</p></div>

                            <p class="">Материал подготовлен командой <a href="/">seo-kompaniya.ru</a></p>

                        </div>
                        <div class="social-share">
                            <p class="social-share__title">Нашли опечатку? Выделите текст и нажмите Ctrl + Enter</p>
                            <p class="social-share__title">Поделиться в соц. сетях:</p>
                            <div class="social-share__wrapper">
                                <a href="#" class="social-share__link"><img src="/images/blog-share-vk.svg" alt="#" loading="lazy"></a>
                                <a href="#" class="social-share__link"><img src="/images/blog-share-facebook.svg" alt="#" loading="lazy"></a>
                            </div>
                        </div>
                        <p class="h2">Читать ещё</p>
                        <div class="blog-other-pages">
                            <div class="blog-service">
                                <div class="blog-service__header">
                                    <div class="blog-service__img">
                                        <img alt="Как сделать продающий сайт" src="/images/blog/kak-sdelat-prodayushchij-sajt/preview-1.webp" loading="lazy">
                                    </div>
                                    <a href="/blog/prodayushchij-sajt/" class="blog-service__circle">
                                        <img alt="vr more" src="/images/blog-dotted.svg" loading="lazy">
                                    </a>
                                </div>
                                <div class="blog-service__title">Как сделать продающий сайт</div>
                                <div class="blog-service__text">Приводим примеры по типам продающих сайтов, каким требованиям они должны отвечать и какие проблемы посетителей должны решать.</div>
                            </div>
                            <div class="blog-service">
                                <div class="blog-service__header">
                                    <div class="blog-service__img">
                                        <img alt="Правила группировки запросов" src="/images/blog/gruppirovka-zaprosov/preview-1.webp" loading="lazy">
                                    </div>
                                    <a href="/blog/pravila-gruppirovki-zaprosov/" class="blog-service__circle">
                                        <img alt="vr more" src="/images/blog-dotted.svg" loading="lazy">
                                    </a>
                                </div>
                                <div class="blog-service__title">Правила группировки запросов</div>
                                <div class="blog-service__text">Кластеризация семантического ядра - необходимый этап для качественного продвижения сайта в поиске.</div>
                            </div>
                            <div class="blog-service">
                                <div class="blog-service__header">
                                    <div class="blog-service__img">
                                        <img alt="10+ факторов формирования цены на SEO продвижение" src="/images/blog/skolko-stoit-seo-prodvijenie/preview-1.webp" loading="lazy">
                                    </div>
                                    <a href="/blog/iz-chego-skladyvaetsya-tsena-na-seo/" class="blog-service__circle">
                                        <img alt="vr more" src="/images/blog-dotted.svg" loading="lazy">
                                    </a>
                                </div>
                                <div class="blog-service__title">10+ факторов формирования цены на SEO продвижение</div>
                                <div class="blog-service__text">Из чего складывается цена SEO продвижения сайта? Ответы на вопросы, 10 факторов.</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="blog__aside">
                            <p class="blog__aside-title">Главное в тренде</p>
                            <a class="blog__aside-main" href="/blog/seo-dlya-saytov-internet-magazinov/">
                                <div style="background-image: url(/images/blog/seo-dlya-internet-magazinov/preview-1.webp);"></div>
                                <p>SEO оптимизация интернет-магазина</p>
                                <span>Как качественно настроить сео интернет-магазина? Какие основные этапы поисковой оптимизации необходимо соблюдать для роста трафика из поиска?</span>
                            </a>
                            <p class="blog__aside-title">Наши услуги</p>
                            <a class="blog__aside-page" href="/services/audit-saytov/">SEO аудит сайта</a>
                            <a class="blog__aside-page" href="/services/prodvizhenie-sayta-po-poziciyam/">Продвижение сайта по позициям</a>
                            <a class="blog__aside-page" href="/services/smm-prodvizhenie/">SMM продвижение</a>
                            <a class="blog__aside-page" href="/services/kontekstnaya-reklama-yandex/">Настройка контекстной рекламы</a>
                            <a class="blog__aside-page" href="/">SEO оптимизация</a>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>

    <!--noindex-->
    <div class="main__parts main__parts_blog_detail">
        <div class="part-bottom">
            <div class="container">
                <div class="row part-bottom-row">
                    <div class="col-lg-6 part-bottom-row__item">
                        <div class="part-bottom-row__content calculator">
                            <h2 class="calculator__title">Онлайн заявка</h2>
                            <form class="calculator__form sendLead" enctype="multipart/form-data" method="post" action="https://seo-kompaniya.ru/submit.php" data-form="default">
                                <div class="row form-row">
                                    <div class="col-12 form-row__item">
                                        <div class="row form-row form-row_default">
                                            <div class="col-12 form-row__item form-row__item_default form-row__item_input form-row__item_name">
                                                <div class="form-row__content form-content">
                                                    <p class="form-content__title">
                                                        <i class="fas fa-user form-content__icon"></i>
                                                        <span class="form-content__text">Имя</span>
                                                    </p>
                                                    <input type="text" name="name" spellcheck="false" autocomplete="on" class="form-content__input form-content__input_border" placeholder="Ваше имя" data-type="name">
                                                </div>
                                            </div>
                                            <div class="col-sm-6 form-row__item form-row__item_input">
                                                <div class="form-row__content form-content">
                                                    <p class="form-content__title">
                                                        <i class="fas fa-phone form-content__icon form-content__icon_phone"></i>
                                                        <span class="form-content__text">Телефон</span>
                                                    </p>
                                                    <input type="text" name="phone" spellcheck="false" autocomplete="on" class="form-content__input required" placeholder="+7" data-type="phone">
                                                </div>
                                            </div>
                                            <div class="col-sm-6 form-row__item form-row__item_input">
                                                <div class="form-row__content form-content">
                                                    <p class="form-content__title">
                                                        <i class="fas fa-envelope form-content__icon"></i>
                                                        <span class="form-content__text">E-mail</span>
                                                    </p>
                                                    <input type="text" name="email" spellcheck="false" autocomplete="on" class="form-content__input" placeholder="E-mail" data-type="email">
                                                </div>
                                            </div>
                                            <div class="col-12 form-row__item form-row__item_default form-row__item_input">
                                                <div class="form-row__content form-content">
                                                    <p class="form-content__title">
                                                        <i class="fas fa-globe-asia form-content__icon"></i>
                                                        <span class="form-content__text">Адрес вашего сайта</span>
                                                    </p>
                                                    <input type="text" name="url" spellcheck="false" autocomplete="on" class="form-content__input" placeholder="Url сайта" value="http://" data-type="url">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12 form-row__item">
                                        <div class="row form-row">
                                            <div class="col-sm-6 form-row__item form-row__item_default form-row__item_checkbox">
                                                <div class="form-row__content form-content">
                                                    <div class="form-content__checkbox form-checkbox clearfix">
                                                        <input type="checkbox" id="form-section-one" class="form-checkbox__checkbox" data-type="choice">
                                                        <label for="form-section-one" class="form-checkbox__label form-checkbox__label_ml">
                                                            <span class="form-checkbox__box"></span>
                                                            <i class="fas fa-check form-checkbox__icon"></i>
                                                            <span class="form-checkbox__text">Доработки и сопровождение сайта</span>
                                                        </label>
                                                    </div>
                                                    <div class="form-content__checkbox form-checkbox clearfix">
                                                        <input type="checkbox" id="form-section-two" class="form-checkbox__checkbox" data-type="choice">
                                                        <label for="form-section-two" class="form-checkbox__label form-checkbox__label_ml">
                                                            <span class="form-checkbox__box"></span>
                                                            <i class="fas fa-check form-checkbox__icon"></i>
                                                            <span class="form-checkbox__text">Оптимизация мобильной версии</span>
                                                        </label>
                                                    </div>
                                                    <div class="form-content__checkbox form-checkbox clearfix">
                                                        <input type="checkbox" id="form-section-three" class="form-checkbox__checkbox" data-type="choice">
                                                        <label for="form-section-three" class="form-checkbox__label form-checkbox__label_ml">
                                                            <span class="form-checkbox__box"></span>
                                                            <i class="fas fa-check form-checkbox__icon"></i>
                                                            <span class="form-checkbox__text">Внутренняя оптимизация сайта</span>
                                                        </label>
                                                    </div>
                                                    <div class="form-content__checkbox form-checkbox clearfix">
                                                        <input type="checkbox" id="form-section-four" class="form-checkbox__checkbox" data-type="choice">
                                                        <label for="form-section-four" class="form-checkbox__label form-checkbox__label_ml">
                                                            <span class="form-checkbox__box"></span>
                                                            <i class="fas fa-check form-checkbox__icon"></i>
                                                            <span class="form-checkbox__text">Внешняя оптимизация сайта</span>
                                                        </label>
                                                    </div>
                                                    <div class="form-content__checkbox form-checkbox clearfix">
                                                        <input type="checkbox" id="form-section-five" class="form-checkbox__checkbox" data-type="choice">
                                                        <label for="form-section-five" class="form-checkbox__label form-checkbox__label_ml">
                                                            <span class="form-checkbox__box"></span>
                                                            <i class="fas fa-check form-checkbox__icon"></i>
                                                            <span class="form-checkbox__text">Интернет реклама</span>
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-sm-6 form-row__item form-row__item_default form-row__item_checkbox">
                                                <div class="form-row__content form-content">
                                                    <div class="form-content__checkbox form-checkbox clearfix">
                                                        <input type="checkbox" id="form-section-six" class="form-checkbox__checkbox" data-type="choice">
                                                        <label for="form-section-six" class="form-checkbox__label form-checkbox__label_ml">
                                                            <span class="form-checkbox__box"></span>
                                                            <i class="fas fa-check form-checkbox__icon"></i>
                                                            <span class="form-checkbox__text">Разработка сайтов</span>
                                                        </label>
                                                    </div>
                                                    <div class="form-content__checkbox form-checkbox clearfix">
                                                        <input type="checkbox" id="form-section-seven" class="form-checkbox__checkbox" data-type="choice">
                                                        <label for="form-section-seven" class="form-checkbox__label form-checkbox__label_ml">
                                                            <span class="form-checkbox__box"></span>
                                                            <i class="fas fa-check form-checkbox__icon"></i>
                                                            <span class="form-checkbox__text">Соцсети, SMM</span>
                                                        </label>
                                                    </div>
                                                    <div class="form-content__checkbox form-checkbox clearfix">
                                                        <input type="checkbox" id="form-section-eight" class="form-checkbox__checkbox" data-type="choice">
                                                        <label for="form-section-eight" class="form-checkbox__label form-checkbox__label_ml">
                                                            <span class="form-checkbox__box"></span>
                                                            <i class="fas fa-check form-checkbox__icon"></i>
                                                            <span class="form-checkbox__text">Партнерство</span>
                                                        </label>
                                                    </div>
                                                    <div class="form-content__checkbox form-checkbox clearfix">
                                                        <input type="checkbox" id="form-section-nine" class="form-checkbox__checkbox" data-type="choice">
                                                        <label for="form-section-nine" class="form-checkbox__label form-checkbox__label_ml">
                                                            <span class="form-checkbox__box"></span>
                                                            <i class="fas fa-check form-checkbox__icon"></i>
                                                            <span class="form-checkbox__text">Репутация</span>
                                                        </label>
                                                    </div>
                                                    <div class="form-content__checkbox form-checkbox clearfix">
                                                        <input type="checkbox" id="form-section-ten" class="form-checkbox__checkbox" data-type="choice">
                                                        <label for="form-section-ten" class="form-checkbox__label form-checkbox__label_ml">
                                                            <span class="form-checkbox__box"></span>
                                                            <i class="fas fa-check form-checkbox__icon"></i>
                                                            <span class="form-checkbox__text">Аудиты</span>
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12 form-row__item">
                                        <div class="form-row__content form-content">
                                            <p class="form-content__title">
                                                <i class="fas fa-comment form-content__icon"></i>
                                                <span class="form-content__text">Ваш комментарий</span>
                                            </p>
                                            <textarea name="comment" autocomplete="on" class="form-content__textarea" placeholder="Ваш комментарий"></textarea>
                                        </div>
                                    </div>
                                    <div class="col-12 form-row__item">
                                        <div class="form-checkbox form-checkbox_agreement clearfix">
                                            <input type="checkbox" id="agreement-rules-1" class="form-checkbox__checkbox" data-type="agreement">
                                            <label for="agreement-rules-1" class="form-checkbox__label form-checkbox__label_agreement clearfix">
                                                <span class="form-checkbox__box"></span>
                                                <i class="fas fa-check form-checkbox__icon"></i>
                                            </label>
                                            <div class="form-checkbox__text form-checkbox__text_agreement">
                                                Я согласен с <a href="/privacy/" target="_blank" class="form-checkbox__link">Политикой конфиденциальности</a>
                                            </div>
                                        </div>
                                        <div class="form-checkbox form-checkbox_newsletter clearfix">
                                            <input type="checkbox" id="newsletter" class="form-checkbox__checkbox" data-type="newsletter">
                                            <label for="newsletter" class="form-checkbox__label form-checkbox__label_newsletter clearfix">
                                                <span class="form-checkbox__box"></span>
                                                <i class="fas fa-check form-checkbox__icon"></i>
                                            </label>
                                            <div class="form-checkbox__text form-checkbox__text_newsletter">Подписаться на рассылку</div>
                                        </div>
                                    </div>
                                    <div class="col-12 form-row__item form-row__item_button">
                                        <input type="hidden" name="lastname" value="">
                                        <button type="submit" onclick="ym(52863247,'reachGoal','order');" class="btn form-row__button form-button form-button_default" data-pos="calculate">
                                            <i class="fas fa-arrow-right form-button__icon"></i>
                                            Рассчитать
                                        </button>
                                    </div>
                                    <div class="col-12 form-row__item">
                                        <p class="form-row__recaptcha form-recaptcha">This site is protected by reCAPTCHA and the Google <a href="https://policies.google.com/privacy" rel="nofollow" target="_blank">Privacy Policy</a> and <a href="https://policies.google.com/terms" rel="nofollow" target="_blank">Terms of Service</a> apply.</p>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--/noindex-->
</main>
<footer class="footer footer_default">
    <div class="footer__top footer-top">
        <div class="container footer-top__container">
            <div class="row footer-top-row footer-top-row_default">
                <div class="col-lg-3 footer-top-row__item footer-top-row__item_default footer-top-row__item_logotip">
                    <a href="/" class="logotip logotip_footer">
                        <img loading="lazy" src="/images/elements/logo.svg" class="logotip__image" alt="Seo-online" width="240" height="42">
                    </a>
                </div>
                <!--noindex-->
                <div class="col-lg-9 footer-top-row__item footer-top-row__item_default">
                    <p class="footer-top-row__text">Искали где заказать seo продвижение? Оптимизация сайтов от московского SEO-агентства - это гарантия качества и результата. Увеличение трафика сайта и привлечение новых клиентов к заказчику - наша цель. Продвигай и выходи в ТОП вместе с SEO-Online.</p>
                </div>
                <!--/noindex-->
            </div>
            <div class="row footer-top-row footer-top-row_documentation">
                <div class="col-lg-3 col-md-4 col-sm-6 footer-top-row__item footer-top-row__item_documentation">
                    <p class="footer-top-row__title">Услуги</p>
                    <ul class="footer-top-row__list footer-top-list">
                        <li class="footer-top-list__item">
                            <a href="/services/zakazat-seo-audit/" class="footer-top-list__link">SEO-аудит сайта</a>
                        </li>
                        <li class="footer-top-list__item">
                            <a href="/services/seo-prodvizhenie-molodogo-sajta/" class="footer-top-list__link">Продвижение молодого сайта</a>
                        </li>
                        <li class="footer-top-list__item">
                            <a href="/services/seo-prodvizhenie-internet-magazina/" class="footer-top-list__link">Продвижение интернет-магазина</a>
                        </li>
                        <li class="footer-top-list__item">
                            <a href="/services/prodvizhenie-po-poziciyam/" class="footer-top-list__link">Продвижение по позициям</a>
                        </li>
                        <li class="footer-top-list__item">
                            <a href="/services/sem/" class="footer-top-list__link">Комплексное продвижение</a>
                        </li>
                        <li class="footer-top-list__item">
                            <a href="/services/smm-prodvizhenie/" class="footer-top-list__link">SMM-продвижение</a>
                        </li>
                        <li class="footer-top-list__item">
                            <a href="/services/partnerskaya-programma-i-sotrudnichestvo/" class="footer-top-list__link">Партнёрская программа</a>
                        </li>
                    </ul>
                </div>
                <div class="col-lg-3 col-md-4 col-sm-6 footer-top-row__item footer-top-row__item_documentation">
                    <p class="footer-top-row__title">Цены</p>
                    <ul class="footer-top-row__list footer-top-list">
                        <!-- <li class="footer-top-list__item">
                          <a href="/services/" class="footer-top-list__link">Калькулятор</a>
                        </li> -->
                        <li class="footer-top-list__item">
                            <a href="/blog/iz-chego-skladyvaetsya-tsena-na-seo/" class="footer-top-list__link">Из чего складывается цена</a>
                        </li>
                    </ul>
                </div>
                <!--<div class="col-lg-2 col-md-4 col-sm-6 footer-top-row__item footer-top-row__item_documentation">
                  <p class="footer-top-row__title">Портфолио</p>
                  <ul class="footer-top-row__list footer-top-list">
                    <li class="footer-top-list__item">
                      <a href="/company/" class="footer-top-list__link">Команда SEO-Online</a>
                    </li>
                    <li class="footer-top-list__item">
                      <a href="/company/" class="footer-top-list__link">Наши клиенты</a>
                    </li>
                  </ul>
                </div>-->
                <div class="col-lg-3 col-md-4 col-sm-6 footer-top-row__item footer-top-row__item_documentation">
                    <p class="footer-top-row__title">О компании</p>
                    <ul class="footer-top-row__list footer-top-list">
                        <li class="footer-top-list__item">
                            <a href="/portfolio/" class="footer-top-list__link">Лучшие кейсы</a>
                        </li>
                        <!-- <li class="footer-top-list__item">
                          <a href="/upload/presentation.pdf" class="footer-top-list__link">Кто мы?</a>
                        </li>
                        <li class="footer-top-list__item">
                          <a href="/portfolio/" class="footer-top-list__link">Проекты</a>
                        </li> -->
                        <li class="footer-top-list__item">
                            <a href="/faq/" class="footer-top-list__link">FAQ</a>
                        </li>
                    </ul>
                </div>
                <div class="col-lg-3 col-md-8 col-sm-6 footer-top-row__item footer-top-row__item_documentation">
                    <p class="footer-top-row__title">Контакты</p>
                    <ul class="footer-top-row__list footer-top-list">
                        <li class="footer-top-list__item">
                            <p class="footer-top-list__text footer-top-list__text_link">Россия, Москва. ул. Каховка д. 24</p>
                        </li>
                        <li class="footer-top-list__item clearfix footer-top-row--pc">
                            <div class="footer-top-list__wrapper footer-top-list-wrapper">
                                <a class="short-request__text footer-top-list-wrapper__text" href="mailto:info@seo-kompaniya.ru">
                                    <span class="">info@seo-kompaniya.ru</span>
                                </a>
                                <span class="js-copy-svg" data-copy="info@seo-kompaniya.ru">
                      <svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M8.30285 16.1215C7.83981 16.1215 7.44788 15.9611 7.12706 15.6403C6.80623 15.3195 6.64581 14.9275 6.64581 14.4645V4.02864C6.64581 3.5656 6.80623 3.17367 7.12706 2.85283C7.44788 2.532 7.83981 2.37158 8.30285 2.37158H15.9887C16.4517 2.37158 16.8437 2.532 17.1645 2.85283C17.4853 3.17367 17.6457 3.5656 17.6457 4.02864V14.4645C17.6457 14.9275 17.4853 15.3195 17.1645 15.6403C16.8437 15.9611 16.4517 16.1215 15.9887 16.1215H8.30285ZM8.30285 14.7466H15.9887C16.0592 14.7466 16.1239 14.7172 16.1826 14.6584C16.2414 14.5996 16.2708 14.535 16.2708 14.4645V4.02864C16.2708 3.95812 16.2414 3.89347 16.1826 3.8347C16.1239 3.77594 16.0592 3.74656 15.9887 3.74656H8.30285C8.23232 3.74656 8.16768 3.77594 8.10893 3.8347C8.05015 3.89347 8.02076 3.95812 8.02076 4.02864V14.4645C8.02076 14.535 8.05015 14.5996 8.10893 14.6584C8.16768 14.7172 8.23232 14.7466 8.30285 14.7466ZM5.09454 19.3298C4.63151 19.3298 4.23958 19.1694 3.91875 18.8486C3.59792 18.5277 3.4375 18.1358 3.4375 17.6728V5.86197H4.81248V17.6728C4.81248 17.7433 4.84186 17.808 4.90061 17.8667C4.95939 17.9255 5.02403 17.9549 5.09454 17.9549H14.1554V19.3298H5.09454Z" fill="currentColor"></path>
                      </svg>
                    </span>
                            </div>
                        </li>
                        <li class="footer-top-list__item clearfix footer-top-row--pc">
                            <div class="footer-top-list__wrapper footer-top-list-wrapper">
                                <a class="short-request__text footer-top-list-wrapper__text" href="tel:+74992887153">
                                    <span class="">+7 (499) 288-71-53</span>
                                </a>
                                <span class="js-copy-svg" data-copy="+7 (499) 288-71-53">
              <svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M8.30285 16.1215C7.83981 16.1215 7.44788 15.9611 7.12706 15.6403C6.80623 15.3195 6.64581 14.9275 6.64581 14.4645V4.02864C6.64581 3.5656 6.80623 3.17367 7.12706 2.85283C7.44788 2.532 7.83981 2.37158 8.30285 2.37158H15.9887C16.4517 2.37158 16.8437 2.532 17.1645 2.85283C17.4853 3.17367 17.6457 3.5656 17.6457 4.02864V14.4645C17.6457 14.9275 17.4853 15.3195 17.1645 15.6403C16.8437 15.9611 16.4517 16.1215 15.9887 16.1215H8.30285ZM8.30285 14.7466H15.9887C16.0592 14.7466 16.1239 14.7172 16.1826 14.6584C16.2414 14.5996 16.2708 14.535 16.2708 14.4645V4.02864C16.2708 3.95812 16.2414 3.89347 16.1826 3.8347C16.1239 3.77594 16.0592 3.74656 15.9887 3.74656H8.30285C8.23232 3.74656 8.16768 3.77594 8.10893 3.8347C8.05015 3.89347 8.02076 3.95812 8.02076 4.02864V14.4645C8.02076 14.535 8.05015 14.5996 8.10893 14.6584C8.16768 14.7172 8.23232 14.7466 8.30285 14.7466ZM5.09454 19.3298C4.63151 19.3298 4.23958 19.1694 3.91875 18.8486C3.59792 18.5277 3.4375 18.1358 3.4375 17.6728V5.86197H4.81248V17.6728C4.81248 17.7433 4.84186 17.808 4.90061 17.8667C4.95939 17.9255 5.02403 17.9549 5.09454 17.9549H14.1554V19.3298H5.09454Z" fill="currentColor"></path>
              </svg>
            </span>
                            </div>
                        </li>
                        <li class="footer-top-list__item clearfix footer-top-row--mobile">
                            <a href="mailto:info@seo-kompaniya.ru" class="footer-top-list__link">info@seo-kompaniya.ru</a>
                        </li>
                        <li class="footer-top-list__item clearfix footer-top-row--mobile">
                            <a href="tel:+74992887153" class="footer-top-list__link">+7 (499) 288-71-53</a>
                        </li>
                        <li class="footer-top-list__item">
                            <a href="https://vk.com/public178247053" rel="nofollow" class="footer-top-list__link">Мы Вконтакте</a>
                        </li>
                    </ul>
                </div>
            </div>
            <ul class="footer-top-list footer-top-list_documentation clearfix">
                <li class="footer-top-list__item footer-top-list__item_documentation">
                    <a href="/upload/presentation.pdf" target="_blank" class="footer-top-list__link footer-top-list__link_documentation">PDF Презентация</a>
                </li>
                <li class="footer-top-list__item footer-top-list__item_documentation">
                    <a href="/upload/brief-na-seo-uslugi.pdf" target="_blank" class="footer-top-list__link footer-top-list__link_documentation">Скачать Бриф</a>
                </li>
                <li class="footer-top-list__item footer-top-list__item_documentation">
                    <a href="/upload/dogovor-as.pdf" target="_blank" class="footer-top-list__link footer-top-list__link_documentation">Скачать Типовой договор</a>
                </li>
            </ul>
        </div>
    </div>
    <div class="footer__form footer-form">
        <div class="scroll-top scroll-top_default">
            <i class="fas fa-angle-up scroll-top__icon"></i>
        </div>
        <div class="container footer-form__container">
            <p class="footer-form__heading">Заполните форму и мы свяжемся с вами!</p>
            <div class="row footer-form-mobile-row">
                <div class="col-lg-12 col-sm-6 footer-form-mobile-row__item">
                    <form class="footer-form__form sendLead" enctype="multipart/form-data" method="post" action="https://seo-kompaniya.ru/submit.php" data-form="default">
                        <div class="row footer-form-row">
                            <div class="col-lg-3 footer-form-row__item">
                                <div class="footer-form-item">
                                    <div class="footer-form-item__title">
                                        <div class="footer-form-item__wrap-icon">
                                            <i class="fas fa-user footer-form-item__icon footer-form-item__icon_user"></i>
                                        </div>
                                        Ваше имя
                                    </div>
                                    <input type="text" name="name" spellcheck="false" autocomplete="on" class="footer-form-item__input required" placeholder="Ваше имя" data-type="name">
                                </div>
                            </div>
                            <div class="col-lg-3 footer-form-row__item">
                                <div class="footer-form-item">
                                    <p class="footer-form-item__title">
                                        <i class="fas fa-phone footer-form-item__icon footer-form-item__icon_phone"></i>
                                        Телефон
                                    </p>
                                    <input type="text" name="phone" spellcheck="false" autocomplete="on" class="footer-form-item__input required" placeholder="+7" data-type="phone">
                                </div>
                            </div>
                            <div class="col-lg-3 footer-form-row__item">
                                <div class="footer-form-item">
                                    <p class="footer-form-item__title">
                                        <i class="fas fa-envelope footer-form-item__icon footer-form-item__icon_mail"></i>
                                        E-mail
                                    </p>
                                    <input type="text" name="email" spellcheck="false" autocomplete="on" class="footer-form-item__input required" placeholder="E-mail" data-type="email">
                                </div>
                            </div>
                            <div class="col-12 order-lg-12 footer-form-row__item footer-form-row__item_policy">
                                <div class="footer-form-item">
                                    <div class="footer-form-item__checkbox footer-form-checkbox clearfix">
                                        <input type="checkbox" id="agreement-rules-2" class="footer-form-checkbox__checkbox" data-type="agreement">
                                        <label for="agreement-rules-2" class="footer-form-checkbox__label">
                                            <span class="footer-form-checkbox__box"></span>
                                            <i class="fas fa-check footer-form-checkbox__icon"></i>
                                        </label>
                                        <div class="footer-form-checkbox__text">Я согласен с <a href="/privacy/" target="_blank" class="footer-form-checkbox__link">Политика конфиденциальности</a></div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 order-lg-9 footer-form-row__item footer-form-row__item_send">
                                <div class="footer-form-item footer-form-item_button">
                                    <input type="hidden" name="message_type" value="footer-form">
                                    <input type="hidden" name="lastname" value="">
                                    <button type="submit" class="btn footer-form-item__button" data-pos="footer">Отправить</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="col-lg-12 col-sm-6 footer-form-mobile-row__item">
                    <div class="we-in-social we-in-social_mobile clearfix">
                        <a href="https://vk.com/public178247053" rel="nofollow" target="_blank" class="we-in-social__link we-in-social__link_mobile">
                            <i class="fab fa-vk we-in-social__icon"></i>
                        </a>
                    </div>
                    <ul class="footer-top-list footer-top-list_mobile clearfix">
                        <!-- <li class="footer-top-list__item footer-top-list__item_mobile">
                          <a href="/upload/dogovor-as.doc" target="_blank" class="footer-top-list__link footer-top-list__link_documentation footer-top-list__link_mobile">Скачать Типовой договор</a>
                        </li> -->
                        <li class="footer-top-list__item footer-top-list__item_mobile">
                            <a href="/upload/presentation.pdf" class="footer-top-list__link footer-top-list__link_documentation footer-top-list__link_mobile">PDF Презентация</a>
                        </li>
                        <li class="footer-top-list__item footer-top-list__item_mobile">
                            <a href="/upload/brief-na-seo-uslugi.pdf" target="_blank" class="footer-top-list__link footer-top-list__link_documentation footer-top-list__link_mobile">Скачать Бриф</a>
                        </li>
                        <li class="footer-top-list__item footer-top-list__item_mobile">
                            <a href="/privacy/" class="footer-top-list__link footer-top-list__link_documentation footer-top-list__link_policy">Политика конфиденциальности</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="footer__bottom footer-bottom">
        <div class="container footer-bottom__container">
            <div class="row footer-bottom-row">
                <div class="col-lg-2 col-6 footer-bottom-row__item">
                    <div class="footer-bottom-share">
                        <p class="footer-bottom-share__title">Рассказать друзьям:</p>
                        <div class="footer-bottom-share__wrap">
                            <a href="#" class="footer-bottom-share__link share-link share-link_vk">
                                <i class="fab fa-vk share-link__icon share-link__icon_vk"></i>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-6 footer-bottom-row__item">
                    <div class="footer-bottom-ways">
                        <p class="footer-bottom-ways__title">Способы оплаты:</p>
                        <div class="footer-bottom-ways__wrap clearfix">
                            <img loading="lazy" src="/images/payments/visa.svg" class="footer-bottom-ways__image" alt="Visa">
                            <img loading="lazy" src="/images/payments/visa-electron.svg" class="footer-bottom-ways__image" alt="Visa-electron">
                            <img loading="lazy" src="/images/payments/mastercard.svg" class="footer-bottom-ways__image" alt="MasterCard">
                            <img loading="lazy" src="/images/payments/maestro.svg" class="footer-bottom-ways__image" alt="Maestro">
                        </div>
                    </div>
                </div>
                <div class="col-lg-7 col-md-12 footer-bottom-row__item">
                    <div class="we-in-social we-in-social_default clearfix">
                        <a href="https://vk.com/public178247053" rel="nofollow" target="_blank" class="we-in-social__link">
                            <i class="fab fa-vk we-in-social__icon"></i>
                        </a>
                    </div>
                    <div class="sitemap sitemap_default">
                        <a href="/sitemap.xml" class="sitemap__link">Карта сайта</a>
                    </div>
                    <div class="public-offer public-offer_default">
                        <a href="/upload/public-offer.pdf" class="public-offer__link">Публичная оферта</a>
                    </div>
                </div>
                <div class="col-12 footer-bottom-row__item footer-bottom-row__item_development">
                    <p class="footer-bottom-row__copyright">Режим работы: Пн-Пт с 10 до 19, Сб-Вс - выходные</p>
                    <p class="footer-bottom-row__copyright">© 2015 - <span id="footer-bottom-row__current-year"></span> Seo-online</p>
                    <!-- <p class="footer-bottom-row__text"><a href="https://ios-apps.ru/" target="_blank" class="footer-bottom-row__link">Разработано в iOS-Apps.ru</a></p> -->
                </div>
            </div>
        </div>
    </div>
</footer>

<div class="m-nav">
    <div class="m-nav__links">
        <a class="m-nav__link" href="/">
            <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                <mask id="icon-home-mask" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="1" y="0" width="18" height="19">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M1.6665 0.833984H18.7497V18.7548H1.6665V0.833984Z" fill="white"></path>
                </mask>
                <g mask="url(#icon-home-mask)">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4307 12.7434C12.434 12.7434 13.2507 13.5542 13.2507 14.5509V17.1142C13.2507 17.3284 13.4223 17.5 13.6423 17.505H15.2307C16.4823 17.505 17.4998 16.5 17.4998 15.265V7.99503C17.494 7.57003 17.2915 7.17003 16.944 6.90419L11.4498 2.52253C10.7123 1.93836 9.68067 1.93836 8.94067 2.52419L3.484 6.90253C3.12317 7.17669 2.92067 7.57669 2.9165 8.00919V15.265C2.9165 16.5 3.934 17.505 5.18567 17.505H6.789C7.01484 17.505 7.19817 17.3259 7.19817 17.1059C7.19817 17.0575 7.204 17.0092 7.214 16.9634V14.5509C7.214 13.56 8.02567 12.75 9.0215 12.7434H11.4307ZM15.2307 18.755H13.6273C12.709 18.7334 12.0007 18.0125 12.0007 17.1142V14.5509C12.0007 14.2434 11.7448 13.9934 11.4307 13.9934H9.02567C8.71817 13.995 8.464 14.2459 8.464 14.5509V17.1059C8.464 17.1684 8.45567 17.2284 8.43817 17.285C8.34817 18.11 7.64317 18.755 6.789 18.755H5.18567C3.24484 18.755 1.6665 17.1892 1.6665 15.265V8.00336C1.67484 7.17503 2.0565 6.41669 2.71567 5.91753L8.1615 1.54669C9.36067 0.596693 11.0315 0.596693 12.2282 1.54503L17.7132 5.92003C18.3573 6.41086 18.739 7.16753 18.7498 7.98586V15.265C18.7498 17.1892 17.1715 18.755 15.2307 18.755V18.755Z" fill="#A5A9D0"></path>
                </g>
            </svg>
            <span>Главная</span>
        </a>
        <a class="m-nav__link" href="/portfolio/">
            <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" clip-rule="evenodd" d="M9.99609 14.5224C9.65109 14.5224 9.37109 14.2424 9.37109 13.8974V11.7832C9.37109 11.4382 9.65109 11.1582 9.99609 11.1582C10.3411 11.1582 10.6211 11.4382 10.6211 11.7832V13.8974C10.6211 14.2424 10.3411 14.5224 9.99609 14.5224" fill="#A5A9D0"></path>
                <mask id="icon-portfolio-mask-1" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="1" y="3" width="18" height="10">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M1.66699 3.81641H18.3252V12.4089H1.66699V3.81641Z" fill="white"></path>
                </mask>
                <g mask="url(#icon-portfolio-mask-1)">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M2.91699 9.49391C4.89699 10.5697 7.39366 11.1589 9.99199 11.1589C12.5953 11.1589 15.0945 10.5697 17.0753 9.49391V6.99224C17.0753 5.92974 16.2162 5.06641 15.1587 5.06641H4.84199C3.78033 5.06641 2.91699 5.92641 2.91699 6.98391V9.49391ZM9.99199 12.4089C7.03783 12.4089 4.19033 11.6939 1.97616 10.3972C1.78449 10.2856 1.66699 10.0806 1.66699 9.85807V6.98391C1.66699 5.23724 3.09116 3.81641 4.84199 3.81641H15.1587C16.9053 3.81641 18.3253 5.24057 18.3253 6.99224V9.85807C18.3253 10.0806 18.207 10.2856 18.0162 10.3972C15.802 11.6939 12.952 12.4089 9.99199 12.4089V12.4089Z" fill="#A5A9D0"></path>
                </g>
                <mask id="icon-portfolio-mask-2" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="6" y="1" width="8" height="5">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.45459 1.66602H13.5379V5.0626H6.45459V1.66602Z" fill="white"></path>
                </mask>
                <g mask="url(#icon-portfolio-mask-2)">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M12.9129 5.06268C12.5679 5.06268 12.2879 4.78268 12.2879 4.43768V4.13268C12.2879 3.46185 11.7421 2.91602 11.0713 2.91602H8.92126C8.25042 2.91602 7.70459 3.46185 7.70459 4.13268V4.43768C7.70459 4.78268 7.42459 5.06268 7.07959 5.06268C6.73459 5.06268 6.45459 4.78268 6.45459 4.43768V4.13268C6.45459 2.77268 7.56126 1.66602 8.92126 1.66602H11.0713C12.4313 1.66602 13.5379 2.77268 13.5379 4.13268V4.43768C13.5379 4.78268 13.2579 5.06268 12.9129 5.06268" fill="#A5A9D0"></path>
                </g>
                <path fill-rule="evenodd" clip-rule="evenodd" d="M14.8291 18.1154H5.16247C3.4333 18.1154 1.97747 16.7645 1.84664 15.0395L1.6883 12.9487C1.66247 12.6045 1.9208 12.3037 2.26497 12.2779C2.6108 12.2654 2.90914 12.5095 2.9358 12.8545L3.0933 14.9445C3.17497 16.0212 4.0833 16.8654 5.16247 16.8654H14.8291C15.9083 16.8654 16.8175 16.0212 16.8983 14.9445L17.0566 12.8545C17.0833 12.5095 17.3891 12.2645 17.7275 12.2779C18.0716 12.3037 18.3291 12.6045 18.3033 12.9487L18.145 15.0395C18.0141 16.7645 16.5583 18.1154 14.8291 18.1154" fill="#A5A9D0"></path>
            </svg>
            <span>Портфолио</span>
        </a>
        <a class="m-nav__link" href="/services/">
            <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" clip-rule="evenodd" d="M13.0963 14.1445H7.07959C6.73459 14.1445 6.45459 13.8645 6.45459 13.5195C6.45459 13.1745 6.73459 12.8945 7.07959 12.8945H13.0963C13.4413 12.8945 13.7213 13.1745 13.7213 13.5195C13.7213 13.8645 13.4413 14.1445 13.0963 14.1445Z" fill="#A5A9D0"></path>
                <path fill-rule="evenodd" clip-rule="evenodd" d="M13.0963 10.6543H7.07959C6.73459 10.6543 6.45459 10.3743 6.45459 10.0293C6.45459 9.6843 6.73459 9.4043 7.07959 9.4043H13.0963C13.4413 9.4043 13.7213 9.6843 13.7213 10.0293C13.7213 10.3743 13.4413 10.6543 13.0963 10.6543Z" fill="#A5A9D0"></path>
                <path fill-rule="evenodd" clip-rule="evenodd" d="M9.37542 7.17383H7.07959C6.73459 7.17383 6.45459 6.89383 6.45459 6.54883C6.45459 6.20383 6.73459 5.92383 7.07959 5.92383H9.37542C9.72042 5.92383 10.0004 6.20383 10.0004 6.54883C10.0004 6.89383 9.72042 7.17383 9.37542 7.17383Z" fill="#A5A9D0"></path>
                <mask id="icon-brief-mask" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="2" y="1" width="16" height="18">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 1.66602H17.6372V18.2575H2.5V1.66602Z" fill="white"></path>
                </mask>
                <g mask="url(#icon-brief-mask)">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M13.257 2.91602L6.84951 2.91935C4.90951 2.93102 3.74951 4.13102 3.74951 6.13018V13.7935C3.74951 15.806 4.92035 17.0077 6.87951 17.0077L13.287 17.0052C15.227 16.9935 16.387 15.7918 16.387 13.7935V6.13018C16.387 4.11768 15.217 2.91602 13.257 2.91602ZM6.88034 18.2577C4.26034 18.2577 2.49951 16.4635 2.49951 13.7935V6.13018C2.49951 3.43602 4.20535 1.68518 6.84535 1.66935L13.2562 1.66602H13.257C15.877 1.66602 17.637 3.46018 17.637 6.13018V13.7935C17.637 16.4868 15.9312 18.2385 13.2912 18.2552L6.88034 18.2577Z" fill="#A5A9D0"></path>
                </g>
            </svg>
            <span>Цены</span>
        </a>
        <a class="m-nav__link m-nav__link--button js-m-nav-list">
            <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" clip-rule="evenodd" d="M5.20817 2.91602C2.9165 2.91602 2.9165 3.08935 2.9165 5.20768V5.22852C2.9165 6.15102 2.9165 6.81768 3.14234 7.09935C3.36317 7.37268 4.019 7.49935 5.20817 7.49935C6.39734 7.49935 7.05317 7.37185 7.274 7.09852C7.49984 6.81768 7.49984 6.15102 7.49984 5.22768C7.49984 3.08935 7.49984 2.91602 5.20817 2.91602ZM5.20817 8.74935C3.80317 8.74935 2.749 8.60185 2.16984 7.88268C1.6665 7.25852 1.6665 6.40685 1.6665 5.22852L2.2915 5.20768H1.6665C1.6665 2.81602 1.81734 1.66602 5.20817 1.66602C8.599 1.66602 8.74984 2.81602 8.74984 5.20768C8.74984 6.40602 8.74984 7.25852 8.2465 7.88268C7.66734 8.60185 6.61317 8.74935 5.20817 8.74935Z" fill="white"></path>
                <path fill-rule="evenodd" clip-rule="evenodd" d="M14.3747 2.91602C12.083 2.91602 12.083 3.08935 12.083 5.20768V5.22852C12.083 6.15102 12.083 6.81768 12.3088 7.09935C12.5297 7.37268 13.1855 7.49935 14.3747 7.49935C15.5638 7.49935 16.2197 7.37185 16.4405 7.09852C16.6663 6.81768 16.6663 6.15102 16.6663 5.22768C16.6663 3.08935 16.6663 2.91602 14.3747 2.91602ZM14.3747 8.74935C12.9697 8.74935 11.9155 8.60185 11.3363 7.88268C10.833 7.25852 10.833 6.40685 10.833 5.22852L11.458 5.20768H10.833C10.833 2.81602 10.9838 1.66602 14.3747 1.66602C17.7655 1.66602 17.9163 2.81602 17.9163 5.20768C17.9163 6.40602 17.9163 7.25852 17.413 7.88268C16.8338 8.60185 15.7797 8.74935 14.3747 8.74935Z" fill="white"></path>
                <path fill-rule="evenodd" clip-rule="evenodd" d="M5.20817 12.082C2.9165 12.082 2.9165 12.2554 2.9165 14.3737V14.3945C2.9165 15.317 2.9165 15.9837 3.14234 16.2654C3.36317 16.5387 4.019 16.6654 5.20817 16.6654C6.39734 16.6654 7.05317 16.5379 7.274 16.2645C7.49984 15.9837 7.49984 15.317 7.49984 14.3937C7.49984 12.2554 7.49984 12.082 5.20817 12.082ZM5.20817 17.9154C3.80317 17.9154 2.749 17.7679 2.16984 17.0487C1.6665 16.4245 1.6665 15.5729 1.6665 14.3945L2.2915 14.3737H1.6665C1.6665 11.982 1.81734 10.832 5.20817 10.832C8.599 10.832 8.74984 11.982 8.74984 14.3737C8.74984 15.572 8.74984 16.4245 8.2465 17.0487C7.66734 17.7679 6.61317 17.9154 5.20817 17.9154Z" fill="white"></path>
                <path fill-rule="evenodd" clip-rule="evenodd" d="M14.3747 12.082C12.083 12.082 12.083 12.2554 12.083 14.3737V14.3945C12.083 15.317 12.083 15.9837 12.3088 16.2654C12.5297 16.5387 13.1855 16.6654 14.3747 16.6654C15.5638 16.6654 16.2197 16.5379 16.4405 16.2645C16.6663 15.9837 16.6663 15.317 16.6663 14.3937C16.6663 12.2554 16.6663 12.082 14.3747 12.082ZM14.3747 17.9154C12.9697 17.9154 11.9155 17.7679 11.3363 17.0487C10.833 16.4245 10.833 15.5729 10.833 14.3945L11.458 14.3737H10.833C10.833 11.982 10.9838 10.832 14.3747 10.832C17.7655 10.832 17.9163 11.982 17.9163 14.3737C17.9163 15.572 17.9163 16.4245 17.413 17.0487C16.8338 17.7679 15.7797 17.9154 14.3747 17.9154Z" fill="white"></path>
            </svg>
            <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M15.8332 5.34102L14.6582 4.16602L9.99984 8.82435L5.3415 4.16602L4.1665 5.34102L8.82484 9.99935L4.1665 14.6577L5.3415 15.8327L9.99984 11.1743L14.6582 15.8327L15.8332 14.6577L11.1748 9.99935L15.8332 5.34102Z" fill="white"></path>
            </svg>
            <span>Услуги</span>
        </a>
    </div>
    <div class="m-nav__services">
        <div class="container">
            <ul class="m-nav__services-list">
                <li><a href="/services/" class="mobile-navigation-options__link">Услуги и цены</a></li>
                <li><a href="/services/stoimost-seo-prodvizheniya-sayta/">Продвижение сайтов</a></li>
                <li><a href="/services/prodvizhenie-sayta-po-poziciyam/">Продвижение сайтов по позициям</a></li>
                <li><a href="/services/prodvizhenie-sayta-statyami/">Продвижение сайта статьями</a></li>
                <li><a href="/services/seo-prodvizhenie-po-trafiku/">Продвижение сайта с оплатой за трафик</a></li>
                <li><a href="/services/seo-prodvizhenie-internet-magazina/">SEO продвижение интернет-магазина</a></li>
                <li><a href="/services/seo-prodvizhenie-lendinga/">Продвижение лендинга под ключ</a></li>
                <li><a href="/services/seo-prodvizhenie-molodogo-sajta/">Продвижение молодого (нового) сайта</a></li>
                <li><a href="/services/seo-prodvizhenie-po-lidam/">SEO-продвижение по лидам</a></li>
                <li><a href="/services/prodvizhenie-prilozheniy-i-igr/">Продвижение приложений и игр</a></li>
                <li><a href="/services/smm-prodvizhenie/">SMM-продвижение</a></li>
                <li><a href="/services/kontekstnaya-reklama-yandex/">Настройка контекстной рекламы</a></li>
                <li><a href="/services/kompleksnoe-prodvizhenie/">Комплексное продвижение сайта</a></li>
                <li><a href="/services/kompleksnyj-audit/">Комплексный аудит сайтов</a></li>
                <li><a href="/services/marketingovyj-analiz-sayta/">Маркетинговый анализ</a></li>
                <li><a href="/services/audit-saytov/">Аудит сайтов</a></li>
                <li><a href="/services/seo-audit-sayta/">SEO-аудит сайта</a></li>
                <li><a href="/services/yuzabiliti-audit-sayta/">Юзабилити-аудит сайта</a></li>
                <li><a href="/services/tekhnicheskij-audit-sayta/">Технический аудит сайтов</a></li>
                <li><a href="/services/razrabotka-strategii-prodvizheniya-sayta/">Разработка стратегии продвижения</a></li>
                <li><a href="/services/zakazat-analiz-vneshnikh-ssylok/">Заказать анализ внешних ссылок</a></li>
                <li><a href="/services/proverka-seo-spetsialista/">Проверка вашего SEO специалиста</a></li>
                <li><a href="/services/seo-optimizacziya-sajta/">Оптимизация сайта</a></li>
                <li><a href="/services/vneshnyaya-optimizacziya/">Внешняя оптимизация</a></li>
                <li><a href="/services/sbor-semantiki-dlya-seo/">Сбор семантического ядра</a></li>
                <li><a href="/services/optimizacziya-kontenta-sayta/">Оптимизация контента</a></li>
            </ul>
        </div>
    </div>
</div>

<!-- Modals -->
<div class="modal fade meeting-call" id="meeting-call" tabindex="-1" role="dialog" aria-labelledby="meeting-call" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered meeting-call__dialog" role="document">
        <div class="modal-content meeting-call__content meeting-call-content">
            <div class="modal-header meeting-call-content__header">
                <p class="meeting-call-content__heading">Оставить заявку</p>
                <i class="fas fa-times meeting-call-content__close" data-dismiss="modal"></i>
            </div>
            <div class="modal-body meeting-call-content__body">
                <form class="meeting-call-content__form sendLead" enctype="multipart/form-data" method="post" action="https://seo-kompaniya.ru/submit.php" data-form="modal">
                    <div class="form-content form-content_modal_meeting_call">
                        <p class="form-content__title">
                            <i class="fas fa-user form-content__icon"></i>
                            <span class="form-content__text">Имя</span>
                        </p>
                        <input type="text" name="name" spellcheck="false" autocomplete="on" class="form-content__input form-content__input_border" placeholder="Ваше имя" data-type="name">
                    </div>
                    <div class="form-content form-content_modal_meeting_call">
                        <p class="form-content__title">
                            <i class="fas fa-phone form-content__icon form-content__icon_phone"></i>
                            <span class="form-content__text">Телефон</span>
                        </p>
                        <input type="text" name="phone" spellcheck="false" autocomplete="on" class="form-content__input form-content__input_border required" placeholder="+7" data-type="phone">
                    </div>
                    <div class="form-checkbox form-checkbox_agreement form-checkbox_modal_meeting_call clearfix">
                        <input type="checkbox" id="agreement-rules-modal" class="form-checkbox__checkbox" data-type="agreement">
                        <label for="agreement-rules-modal" class="form-checkbox__label form-checkbox__label_agreement clearfix">
                            <span class="form-checkbox__box"></span>
                            <i class="fas fa-check form-checkbox__icon"></i>
                        </label>
                        <div class="form-checkbox__text form-checkbox__text_meeting_call form-checkbox__text_agreement">
                            Я согласен с <a href="/privacy/" target="_blank" class="form-checkbox__link">Политикой конфиденциальности</a>
                        </div>
                    </div>
                    <input type="hidden" name="modal_title" data-type="title">
                    <input type="hidden" name="message_type" value="meeting-call">
                    <input type="hidden" name="lastname" value="">
                    <button type="submit" class="btn form-button form-button_modal_meeting_call" data-pos="send">
                        <i class="fas fa-arrow-right form-button__icon"></i>
                        Отправить
                    </button>
                    <p class="form-recaptcha form-recaptcha_call">This site is protected by reCAPTCHA and the Google <a href="https://policies.google.com/privacy" rel="nofollow" target="_blank">Privacy Policy</a> and <a href="https://policies.google.com/terms" rel="nofollow" target="_blank">Terms of Service</a> apply.</p>
                </form>
            </div>
        </div>
    </div>
</div>
<div class="modal fade modal-calculator" id="modal-calculator" tabindex="-1" role="dialog" aria-labelledby="modal-calculator" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-calculator__dialog" role="document">
        <div class="modal-content modal-calculator__content modal-calculator-content">
            <div class="modal-header modal-calculator-content__header">
                <p class="modal-calculator-content__heading">Онлайн заявка</p>
                <i class="fas fa-times modal-calculator-content__close" data-dismiss="modal"></i>
            </div>
            <div class="modal-body modal-calculator-content__body">
                <form class="modal-calculator-content__form sendLead" enctype="multipart/form-data" method="post" action="https://seo-kompaniya.ru/submit.php" data-form="modal">
                    <div class="row form-row">
                        <div class="col-12 form-row__item">
                            <div class="row form-row form-row_default">
                                <div class="col-12 form-row__item form-row__item_default form-row__item_input form-row__item_name">
                                    <div class="form-row__content form-content">
                                        <p class="form-content__title">
                                            <i class="fas fa-user form-content__icon"></i>
                                            <span class="form-content__text">Имя</span>
                                        </p>
                                        <input type="text" name="name" spellcheck="false" autocomplete="on" class="form-content__input form-content__input_border" placeholder="Ваше имя" data-type="name">
                                    </div>
                                </div>
                                <div class="col-sm-6 form-row__item form-row__item_input">
                                    <div class="form-row__content form-content">
                                        <p class="form-content__title">
                                            <i class="fas fa-phone form-content__icon form-content__icon_phone"></i>
                                            <span class="form-content__text">Телефон</span>
                                        </p>
                                        <input type="text" name="phone" spellcheck="false" autocomplete="on" class="form-content__input form-content__input_border required" placeholder="+7" data-type="phone">
                                    </div>
                                </div>
                                <div class="col-sm-6 form-row__item form-row__item_input">
                                    <div class="form-row__content form-content">
                                        <p class="form-content__title">
                                            <i class="fas fa-envelope form-content__icon"></i>
                                            <span class="form-content__text">E-mail</span>
                                        </p>
                                        <input type="text" name="email" spellcheck="false" autocomplete="on" class="form-content__input form-content__input_border" placeholder="E-mail" data-type="email">
                                    </div>
                                </div>
                                <div class="col-12 form-row__item form-row__item_default form-row__item_input">
                                    <div class="form-row__content form-content">
                                        <p class="form-content__title">
                                            <i class="fas fa-globe-asia form-content__icon"></i>
                                            <span class="form-content__text">Адрес вашего сайта</span>
                                        </p>
                                        <input type="text" name="url" spellcheck="false" autocomplete="on" class="form-content__input form-content__input_border" placeholder="Url сайта" value="https://" data-type="url">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 form-row__item">
                            <div class="row form-row">
                                <div class="col-sm-6 form-row__item form-row__item_default form-row__item_checkbox">
                                    <div class="form-row__content form-content">
                                        <div class="form-content__checkbox form-checkbox clearfix">
                                            <input type="checkbox" id="modal-calculator-one" class="form-checkbox__checkbox" data-type="choice">
                                            <label for="modal-calculator-one" class="form-checkbox__label form-checkbox__label_ml">
                                                <span class="form-checkbox__box"></span>
                                                <i class="fas fa-check form-checkbox__icon"></i>
                                                <span class="form-checkbox__text">SEO оптимизация</span>
                                            </label>
                                        </div>
                                        <div class="form-content__checkbox form-checkbox clearfix">
                                            <input type="checkbox" id="modal-calculator-two" class="form-checkbox__checkbox" data-type="choice">
                                            <label for="modal-calculator-two" class="form-checkbox__label form-checkbox__label_ml">
                                                <span class="form-checkbox__box"></span>
                                                <i class="fas fa-check form-checkbox__icon"></i>
                                                <span class="form-checkbox__text">SEO аудит</span>
                                            </label>
                                        </div>
                                        <div class="form-content__checkbox form-checkbox clearfix">
                                            <input type="checkbox" id="modal-calculator-three" class="form-checkbox__checkbox" data-type="choice">
                                            <label for="modal-calculator-three" class="form-checkbox__label form-checkbox__label_ml">
                                                <span class="form-checkbox__box"></span>
                                                <i class="fas fa-check form-checkbox__icon"></i>
                                                <span class="form-checkbox__text">Разработка сайта</span>
                                            </label>
                                        </div>
                                        <div class="form-content__checkbox form-checkbox clearfix">
                                            <input type="checkbox" id="modal-calculator-four" class="form-checkbox__checkbox" data-type="choice">
                                            <label for="modal-calculator-four" class="form-checkbox__label form-checkbox__label_ml">
                                                <span class="form-checkbox__box"></span>
                                                <i class="fas fa-check form-checkbox__icon"></i>
                                                <span class="form-checkbox__text">Контекстная реклама</span>
                                            </label>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-6 form-row__item form-row__item_default form-row__item_checkbox">
                                    <div class="form-row__content form-content">
                                        <div class="form-content__checkbox form-checkbox clearfix">
                                            <input type="checkbox" id="modal-calculator-seven" class="form-checkbox__checkbox" data-type="choice">
                                            <label for="modal-calculator-seven" class="form-checkbox__label form-checkbox__label_ml">
                                                <span class="form-checkbox__box"></span>
                                                <i class="fas fa-check form-checkbox__icon"></i>
                                                <span class="form-checkbox__text">SMM продвижение</span>
                                            </label>
                                        </div>
                                        <div class="form-content__checkbox form-checkbox clearfix">
                                            <input type="checkbox" id="modal-calculator-eight" class="form-checkbox__checkbox" data-type="choice">
                                            <label for="modal-calculator-eight" class="form-checkbox__label form-checkbox__label_ml">
                                                <span class="form-checkbox__box"></span>
                                                <i class="fas fa-check form-checkbox__icon"></i>
                                                <span class="form-checkbox__text">Подключение сквозной аналитики</span>
                                            </label>
                                        </div>
                                        <div class="form-content__checkbox form-checkbox clearfix">
                                            <input type="checkbox" id="modal-calculator-nine" class="form-checkbox__checkbox" data-type="choice">
                                            <label for="modal-calculator-nine" class="form-checkbox__label form-checkbox__label_ml">
                                                <span class="form-checkbox__box"></span>
                                                <i class="fas fa-check form-checkbox__icon"></i>
                                                <span class="form-checkbox__text">Репутация</span>
                                            </label>
                                        </div>
                                        <div class="form-content__checkbox form-checkbox clearfix">
                                            <input type="checkbox" id="modal-calculator-ten" class="form-checkbox__checkbox" data-type="choice">
                                            <label for="modal-calculator-ten" class="form-checkbox__label form-checkbox__label_ml">
                                                <span class="form-checkbox__box"></span>
                                                <i class="fas fa-check form-checkbox__icon"></i>
                                                <span class="form-checkbox__text">Аудит дизайна сайта</span>
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 form-row__item">
                            <div class="form-row__content form-content">
                                <p class="form-content__title">
                                    <i class="fas fa-comment form-content__icon"></i>
                                    <span class="form-content__text">Ваш комментарий</span>
                                </p>
                                <textarea name="comment" autocomplete="on" class="form-content__textarea form-content__textarea_border" placeholder="Ваш комментарий"></textarea>
                            </div>
                        </div>
                        <div class="col-12 form-row__item">
                            <div class="form-checkbox form-checkbox_agreement clearfix">
                                <input type="checkbox" id="agreement-rules-modal-1" class="form-checkbox__checkbox" data-type="agreement">
                                <label for="agreement-rules-modal-1" class="form-checkbox__label form-checkbox__label_agreement clearfix">
                                    <span class="form-checkbox__box"></span>
                                    <i class="fas fa-check form-checkbox__icon"></i>
                                </label>
                                <div class="form-checkbox__text form-checkbox__text_agreement">
                                    Я согласен с <a href="/privacy/" target="_blank" class="form-checkbox__link">Политикой конфиденциальности</a>
                                </div>
                            </div>
                            <div class="form-checkbox form-checkbox_newsletter clearfix">
                                <input type="checkbox" id="newsletter-modal" class="form-checkbox__checkbox" data-type="newsletter">
                                <label for="newsletter-modal" class="form-checkbox__label form-checkbox__label_newsletter clearfix">
                                    <span class="form-checkbox__box"></span>
                                    <i class="fas fa-check form-checkbox__icon"></i>
                                </label>
                                <div class="form-checkbox__text form-checkbox__text_newsletter">Подписаться на рассылку</div>
                            </div>
                        </div>
                        <div class="col-12 form-row__item form-row__item_button">
                            <input type="hidden" name="lastname" value="">
                            <button type="submit" class="btn form-row__button form-button form-button_default" data-pos="calculate">
                                <i class="fas fa-arrow-right form-button__icon"></i>
                                Рассчитать
                            </button>
                        </div>
                        <div class="col-12 form-row__item">
                            <p class="form-row__recaptcha form-recaptcha">This site is protected by reCAPTCHA and the Google <a href="https://policies.google.com/privacy" rel="nofollow" target="_blank">Privacy Policy</a> and <a href="https://policies.google.com/terms" rel="nofollow" target="_blank">Terms of Service</a> apply.</p>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<div class="modal fade success" id="success" tabindex="-1" role="dialog" aria-labelledby="success" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered success__dialog" role="document">
        <div class="modal-content success__content success-content">
            <div class="success-content__header">
                <p class="success-content__heading">Заявка отправлена!</p>
                <i class="fas fa-times success-content__close" data-dismiss="modal"></i>
            </div>
            <div class="success-content__body">
                <p class="success-content__text">Ваша заявка успешно отправлена!</p>
            </div>
        </div>
    </div>
</div>

<!-- Markup -->
<div class="vcard">
    <a class="url fn n" href="https://seo-kompaniya.ru/"> <span class="given-name"></span>
        <span class="additional-name"></span>
        <span class="family-name"></span></a>
    <div class="org">Агентство SEO продвижения сайтов</div>
    <!-- <a class="email" href="mailto:info@seo-kompaniya.ru">info@seo-kompaniya.ru</a> -->
    <div class="adr">
        <div class="street-address">ул. Каховка дом 24</div>
        <span class="locality">Москва</span>,
        <span class="region">Москва</span>,
        <span class="postal-code">117461</span>
        <span class="country-name">Россия</span>
    </div>
    <div class="tel">+7 (499) 113-82-03</div>
    <div><span class="category">Продвижение сайтов</span></div>
</div>

<script type="application/ld+json">
    {
      "@context": "http://schema.org",
      "@type": "BreadcrumbList",
      "itemListElement": [
        {
          "@type": "ListItem",
          "position": 1,
          "item": {
            "@id": "https://seo-kompaniya.ru/blog/",
            "name": "Блог"
          }
        },
        {
          "@type": "ListItem",
          "position": 2,
          "item": {
            "@id": "https://seo-kompaniya.ru/blog/osnovnaia-struktura-saita-html/",
              "name": "Основная структура сайта html"
            }
          }
        ]
      }
</script>

<!-- Scripts -->
<script src="https://www.google.com/recaptcha/api.js?render=6LdulvohAAAAAGtyStKzANvVQm7XIxRE1HNToy92" defer></script>
<script src="/js/main.js" defer></script>
<script src="/js/blog.js" defer></script>
</body>
</html>