Вид просмотр html кода

Время чтения: 48 минут

Просмотров: 5808

Автор: Светлана Руденко

Редактор: Екатерина Маркина

Фактчекер: Леонид Жданко

Дата проверки: 02.08.2026

Редакционный статус: Опубликовано

Опубликовано: 16.10.2024

Обновлено: 16.10.2024

В современном веб-разработке важным аспектом является возможность работы с HTML-кодом. Он служит основой для создания веб-страниц и обеспечивает структуру контента. Понимание HTML-кода позволяет разработчикам и дизайнерам эффективно взаимодействовать с технологиями, используемыми для построения современных веб-приложений.

Существует несколько способов просмотра и редактирования HTML-кода, позволяющих не только вносить изменения, но и анализировать структуру страниц. Эти инструменты и методы могут существенно ускорить процесс разработки и улучшить качество конечного продукта.

В данной статье мы рассмотрим различные подходы к просмотру HTML-кода, включая использование встроенных инструментов браузеров, текстовых редакторов и специализированных программ. Вы сможете узнать, какие инструменты наиболее эффективны и как их можно применять на практике.

Вид просмотра HTML кода: понимание и применение для веб-разработчиков

HTML (HyperText Markup Language) — это основной язык разметки, используемый для создания веб-страниц. Умение просматривать и интерпретировать HTML-код является важным навыком для веб-разработчиков, дизайнеров и SEO-специалистов. В этой статье мы рассмотрим различные способы просмотра HTML-кода, его структуры и потенциального влияния на SEO.

Понимание HTML-кода — это не только возможность видеть, как устроен сайт, но и способ оптимизировать его для поисковых систем. В этой статье мы углубимся в важные аспекты просмотра HTML-кода, изучим его элементы и атрибуты, а также обсудим, как их правильно использовать для достижения лучших результатов в поисковой выдаче.

Прежде всего, давайте рассмотрим, как можно просматривать HTML-код страницы. Существует множество методов, однако наиболее распространенные из них включают:1. Использование встроенных инструментов разработчика в браузере (обычно доступных через клавишу F12).2. Сохранение страницы в формате HTML и открытие файла в текстовом редакторе.3. Использование специализированных программ для работы с HTML-кодом.

Инструменты разработчика наталкивают нас на вопрос о том, какова структура HTML-документа. Каждый HTML-документ состоит из нескольких ключевых компонентов, включая , , и .

Правильная разметка и структура HTML имеют важное значение для поисковой оптимизации. Например, </code> и <code><meta></code> теги в разделе <code><head></code> помогают поисковым системам понять содержание страницы. Оптимизация этих элементов способствует улучшению видимости сайта в поисковых системах.</p><p>Кроме того, стоит упомянуть о том, как важны заголовки (теги <code><h1></code>, <code><h2></code>, и т.д.) для SEO. Они помогают структуировать контент и добавляют значимость ключевым словам, что в свою очередь повышает вероятность попадания сайта в топ выдачи.</p><p>Глядя на страницу в инструментах разработчика, вы можете не просто видеть HTML-код, но и понять, как он взаимодействует с CSS и JavaScript. Эти аспекты играют ключевую роль в формировании общего пользовательского опыта.</p><p>Возвращаясь к SEO, есть несколько ключевых моментов, на которые стоит обратить внимание: использование семантики, атрибуты alt для изображений, а также правильное использование ссылок.</p><p>Семантическая разметка — это использование HTML-элементов для определения содержания. Например, <code><article rel="nofollow"></code> для статей, <code><footer></code> для нижних колонтитулов и <code><nav></code> для навигационных меню. Это не только помогает пользователям, но и облегчает поисковым системам «понимать» ваш контент.</p><p>Атрибут alt в теге <code><img></code> обеспечивает текстовое описание изображений. Это полезно не только для SEO, но и для доступности, позволяя пользователям с нарушениями зрения понимать, что изображено на картинке.</p><p>Использование правильных ссылок также критически важно. Важно не просто размещать ссылки, но и оптимизировать их с точки зрения anchor text и структуры URL. Ясные и описательные ссылки способствуют лучшему пониманию как пользователями, так и поисковыми системами.</p><p>Несколько слов об ошибках в HTML-коде. Ошибки могут привести к неправильному отображению страницы в браузерах, и даже могут негативно сказаться на SEO. Поэтому важно периодически проверять ваш HTML-код на наличие ошибок с помощью валидаторов.</p><p>Для большей эффективности, разработчики часто прибегают к практике «чистого кода». Чистый HTML-код проще читать, легче поддерживать и оптимизировать для поисковых систем.</p><p>Следующим важным аспектом является семантический подход в разметке HTML. Использование элементов, таких как <code><section></code>, <code><article rel="nofollow"></code> и <code><aside rel="nofollow"></code>, позволяет более четко структурировать контент, делая его более понятным для поисковых систем и пользователей.</p><p>Если вы хотите извлечь максимум из вашего HTML-кода для SEO, вам также следует обращать внимание на скорость загрузки. Оптимизация изображений и сокращение размера HTML-файла могут существенно повлиять на время загрузки страницы. Используйте минимизацию, объединение CSS и JavaScript, а также различные методы кэширования.</p><p>Для более глубокого понимания оптимизации HTML-кода, вы можете использовать различные инструменты и плагины для анализа вашего сайта. Такие инструменты, как Google PageSpeed Insights, позволяют получить информацию о скорости загрузки и советах по улучшению.</p><p>На сетях доступны различные диагностические плагины для популярнейших систем управления контентом (CMS), таких как WordPress. Эти инструменты помогут вам анализировать ваш сайт и находить способы его оптимизации на основе HTML-кода.</p><p>Также помимо SEO, вы должны учитывать аспекты доступности (a11y) для людей с ограниченными возможностями. Например, использование атрибутов ARIA и семантической разметки может значительно повысить доступность вашего сайта.</p><p>Чтобы улучшить качество вашего HTML-кода, регулярно обновляйте свои знания об языках и стандартах разметки. Применяйте новые практики и техники, следите за последними трендами в веб-разработке, чтобы держать ваш проект актуальным и эффективным.</p><p>Финальная часть статьи заключается в понимании важности тестирования. Проверяйте ваш HTML-код в различных браузерах и на разных устройствах, это поможет убедиться, что ваш сайт работает корректно и обеспечивает хороший пользовательский опыт.</p><p>Кратко подводя итоги: просмотр HTML-кода — это не просто техническая необходимость. Это — основа мастерства в веб-разработке. Понимание структуры HTML, использование семантической разметки и соблюдение лучших практик в SEO обеспечат вашего сайта высокие позиции в результатах поиска и положительный пользовательский опыт.</p><p>Теперь, когда вы знаете основные аспекты просмотра и оптимизации HTML-кода, вы можете с уверенностью применять эти знания на практике. Надеемся, что эта информация была для вас полезной и вдохновит вас на дальнейшее изучение веб-разработки и SEO.</p><blockquote> <p>Техническая грамотность — это не просто умение использовать инструменты, но и понимание того, как эти инструменты работают.</p> <p>Стив Джобс</p></blockquote><div class="table-wrapper"><table class="blog-custom__table"> <thead> <tr> <th>Вид</th> <th>Описание</th> <th>Применение</th> </tr> </thead> <tbody> <tr> <td>Сквозной просмотр</td> <td>Просмотр кода всей страницы</td> <td>Анализ структуры документа</td> </tr> <tr> <td>Локальный просмотр</td> <td>Просмотр кода отдельно взятого элемента</td> <td>Редактирование стилей и свойств</td> </tr> <tr> <td>Визуальный режим</td> <td>Просмотр кода в графическом интерфейсе</td> <td>Удобно для начинающих пользователей</td> </tr> <tr> <td>Кодировка</td> <td>Изменение формата кода</td> <td>Поддержка различных языков программирования</td> </tr> <tr> <td>Консоль</td> <td>Просмотр ошибок и предупреждений</td> <td>Отладка JavaScript кода</td> </tr> <tr> <td>Сравнительный просмотр</td> <td>Сравнение различных версий кодов</td> <td>Отслеживание изменений в проекте</td> </tr> </tbody></table></div><h2>Основные проблемы по теме "Вид просмотр html кода"</h2><p class="h3">Сложности в чтении кода</p><p>Вид просмотр HTML кода может быть сложным из-за его структуры и вложенности тегов. Чтение и понимание кода требует определенного опыта и знаний, что может быть вызовом для новичков.</p><p class="h3">Отсутствие комментариев</p><p>Часто разработчики не добавляют достаточно комментариев к коду, что усложняет его понимание. Отсутствие пояснений к каждому участку кода может затруднить работу с ним в будущем.</p><p class="h3">Неэффективный дизайн</p><p>Иногда разработчики создают HTML код, который не оптимизирован для просмотра. Неправильная организация структуры, отсутствие переносов строк и пробелов может сделать код запутанным и трудным для анализа.</p><div class="faq"> <h3>Как открыть код HTML страницы в браузере?</h3> <p>Для просмотра кода HTML страницы в браузере можно использовать комбинацию клавиш Ctrl+U или зайти в меню браузера и выбрать "Просмотреть код страницы".</p></div><div class="faq"> <h3>Как можно узнать кодировку страницы?</h3> <p>Чтобы узнать кодировку страницы, нужно открыть код HTML и найти строку, начинающуюся с <meta charset="...">. Кодировка указывается в атрибуте charset.</p></div><div class="faq"> <h3>Можно ли посмотреть код сайта на мобильном устройстве?</h3> <p>Да, возможно просмотреть код сайта на мобильном устройстве. Для этого нужно зайти в меню браузера и выбрать опцию "Просмотр кода" или использовать специальные приложения для разработчиков.</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-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>  <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 required" 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>  </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-Компания" width="240" height="42"> </a> </div>  <div class="col-lg-9 footer-top-row__item footer-top-row__item_default"> <p class="footer-top-row__text">Искали где заказать seo продвижение? Оптимизация сайтов от московского SEO-агентства - это гарантия качества и результата. Увеличение трафика сайта и привлечение новых клиентов к заказчику - наша цель. Продвигай и выходи в ТОП вместе с SEO-Компания.</p> </div>  </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/seo-audit-sayta/" 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-sayta-po-poziciyam/" class="footer-top-list__link">Продвижение по позициям</a> </li> <li class="footer-top-list__item"> <a href="/services/kompleksnoe-prodvizhenie/" 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> </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="/blog/iz-chego-skladyvaetsya-tsena-na-seo/" 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="/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">117461, Россия, Москва, ул. Каховка, д. 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:+74991124116"> <span class="">+7 (499) 112-41-16</span> </a> <span class="js-copy-svg" data-copy="+7 (499) 112-41-16"> <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:+74991124116" class="footer-top-list__link">+7 (499) 112-41-16</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/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">Режим работы: ежедневно с 9:00 до 21:00</p> <p class="footer-bottom-row__copyright">© 2015 - 2024 SEO-Компания</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/seo-audit-sayta/">Комплексный аудит сайтов</a></li> <li><a href="/services/zakazat-marketingovyj-audit/">Маркетинговый анализ</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-optimizaciya-sayta/">Внешняя оптимизация</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>  <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 required" 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>  <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>  <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) 112-41-16</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/vid-prosmotr-html-koda/", "name": "Вид просмотр html кода" } } ] } </script>  <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>

Редакционная прозрачность