Просмотреть код страницы в chrome

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

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

Просмотр кода страницы в браузере Chrome — это один из основных навыков для веб-разработчиков и дизайнеров. Этот процесс позволяет не только анализировать структуру HTML документа, но и изучать CSS стили, которые применяются к элементам страницы. Благодаря встроенным инструментам разработчика, Chrome предоставляет удобный и мощный интерфейс для работы с кодом.

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

С помощью инструментов разработчика в Chrome можно не только просматривать, но и редактировать код в реальном времени, что помогает быстро тестировать изменения и получать немедленный отклик. Таким образом, изучение возможностей просмотра кода страницы в Chrome — это важный шаг на пути к мастерству веб-разработки.

Как просмотреть код страницы в Chrome: Полное руководство для начинающих и продвинутых пользователей

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

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

Чтобы просмотреть код страницы в Google Chrome, выполните следующие шаги:

1. Откройте Google Chrome. Найдите и запустите браузер, если он не открыт.

2. Перейдите на нужную веб-страницу. Введите URL-адрес веб-сайта в адресной строке и нажмите “Enter”.

3. Щелкните правой кнопкой мыши на странице. После загрузки страницы щелкните правой кнопкой мыши в любом месте страницы.

4. Выберите “Просмотреть код”. В появившемся контекстном меню выберите опцию “Просмотреть код”. Откроется новая вкладка с исходным кодом страницы.

5. Используйте сочетание клавиш. Для быстрого доступа к коду страницы можно использовать сочетание клавиш Ctrl + U на Windows или Command + Option + U на macOS.

6. Инструменты разработчика. Еще одним полезным способом просмотреть код страницы является использование инструментов разработчика, которые можно открыть с помощью клавиш F12 (на Windows) или Command + Option + I (на macOS). Это откроет интерфейс с более обширными возможностями — здесь вы сможете видеть структуру DOM, изменять стили CSS, анализировать производительность и находить ошибки в JavaScript.

Теперь давайте рассмотрим, что именно вы можете найти, просматривая код страницы, и как это может помочь в ваших целях.

Структура HTML

HTML (HyperText Markup Language) является основным языком, используемым для создания страниц в интернете. Когда вы просматриваете код страницы, вы по сути видите структуру контента, заключенного в теги. Например, теги </strong>, <strong><meta></strong>, <strong><h1></strong> и другие представляют собой важные элементы, которые влияют на SEO и пользовательский опыт.</p><p>Среди прочей информации, вы можете найти:</p><ul> <li><strong>Теги заголовков:</strong> Теги <strong><h1></strong> и <strong><h2></strong> играют важную роль в SEO.</li> <li><strong>Мета-данные:</strong> Мета-теги содержат информацию о странице, такую как описание и ключевые слова.</li> <li><strong>Теги изображений:</strong> Теги <strong><img></strong> часто содержат атрибуты <strong>alt</strong>, которые важны для поисковой оптимизации.</li></ul><p><strong>CSS и JavaScript</strong></p><p>Помимо HTML, код страницы также может содержать ссылки на CSS-файлы и JavaScript. CSS (Cascading Style Sheets) отвечает за внешний вид элементов на странице, в то время как JavaScript обеспечивает интерактивность. Понимание того, как эти технологии работают в сочетании с HTML, очень важно для различных направлений, включая веб-разработку и SEO.</p><p>При просмотре кода страницы вы можете:</p><ul> <li>Изменять стили прямо в инструментах разработчика.</li> <li>Проверять наличие ошибок в JavaScript, которые могут нарушать функциональность сайта.</li> <li>Понять, как различные элементы страницы зависят друг от друга.</li></ul><p><strong>Оптимизация страницы</strong></p><p>Знание кода страницы также поможет вам в оптимизации. Оптимизация включает в себя ряд практик, целью которых является улучшение позиции сайта в поисковых системах. Это может включать следующие аспекты:</p><ul> <li><strong>Оптимизация мета-тегов:</strong> Позаботьтесь о том, чтобы в теге <strong><title></strong> содержалось ключевое слово, по которому вы хотите быть найденными.</li> <li><strong>Чистый и структурированный код:</strong> Чем менее загроможден код, тем проще его анализировать.</li> <li><strong>Проверка скорости загрузки:</strong> Инструменты разработчика могут помочь вам понять, что замедляет вашу страницу.</li></ul><p>Иногда, чтобы оптимизировать код, может быть необходимо переписывание его части или добавление новых скриптов. Однако это также требует знаний и опыта в веб-разработке.</p><p><strong>Дополнительные инструменты</strong></p><p>Помимо встроенных инструментов в браузере, существует ряд сторонних ресурсов, которые помогут вам получить больше информации о коде страницы:</p><ul> <li><strong>Google PageSpeed Insights:</strong> Этот инструмент анализирует страницу и дает рекомендации по оптимизации.</li> <li><strong>GTmetrix:</strong> Он также предоставляет информацию о скорости загрузки и предложениях по улучшению.</li> <li><strong>W3C Markup Validation Service:</strong> Этот инструмент проверяет код на соответствие стандартам.</li></ul><p>Понимание и анализ кода страницы — это лишь первый шаг к успешной оптимизации вашего веб-сайта. С углублением в эту тему вы сможете применять более сложные техники и подходы.</p><p><strong>Завершение</strong></p><p>В заключение, процесс просмотра кода страницы в Google Chrome является важным моментом для любого, кто хочет стать более компетентным в веб-разработке и SEO. Научитесь использовать инструменты разработчика, проверяйте и анализируйте код — и ваш сайт обязательно станет лучше.</p><p>Надеемся, что данное руководство оказалось полезным для вас! Не забывайте регулярно проверять свои знания и изучать новые инструменты для оптимизации кодирования и SEO, так как интернет постоянно меняется, и с ним меняются и правила успешной разработки.</p>Эта структура охватывает все аспекты просмотра кода страницы в Google Chrome и даёт полезную информацию для пользователей разного уровня.<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>1</td> <td>Откройте Chrome</td> <td>Изображение1</td> </tr> <tr> <td>2</td> <td>Перейдите на нужный сайт</td> <td>Изображение2</td> </tr> <tr> <td>3</td> <td>Кликните правой кнопкой мыши</td> <td>Изображение3</td> </tr> <tr> <td>4</td> <td>Выберите 'Просмотреть код' или 'Просмотреть источник'</td> <td>Изображение4</td> </tr> <tr> <td>5</td> <td>Откроется панель разработчика</td> <td>Изображение5</td> </tr> <tr> <td>6</td> <td>Просмотрите HTML-код страницы</td> <td>Изображение6</td> </tr> </tbody></table></div><h2>Основные проблемы по теме "Просмотреть код страницы в chrome"</h2><p class="h3">Отображение кода страницы не соответствует реальному</p><p>Одной из основных проблем при просмотре кода страницы в Chrome является то, что иногда отображаемый код не полностью соответствует реальному. Это может быть вызвано ошибками браузера или проблемами с загрузкой страницы. В таких случаях сложно анализировать код и делать правильные выводы.</p><p class="h3">Трудности в поиске конкретного элемента</p><p>Еще одной проблемой является сложность в поиске конкретного элемента на странице среди большого объема кода. Хотя инструменты Chrome DevTools предоставляют функционал для поиска по коду, но не всегда возможно быстро найти нужный элемент, особенно если он динамически изменяется или вложен в другие элементы.</p><p class="h3">Неудобство при работе с длинным и сложным кодом</p><p>Наконец, еще одной проблемой является неудобство при работе с длинным и сложным кодом страницы в Chrome. Если код страницы имеет большой объем и содержит много вложенных элементов, то анализировать его может быть очень сложно. Это затрудняет отладку и исправление ошибок, а также усложняет понимание структуры страницы.</p><div class="faq"> <h3>Как открыть инструменты разработчика в браузере Google Chrome?</h3> <p>Чтобы открыть инструменты разработчика в браузере Google Chrome, нужно нажать правой кнопкой мыши на странице и выбрать пункт "Инспектировать" или нажать комбинацию клавиш Ctrl+Shift+I.</p></div><div class="faq"> <h3>Как просмотреть исходный код страницы в инструментах разработчика Chrome?</h3> <p>Чтобы просмотреть исходный код страницы в инструментах разработчика Chrome, нужно открыть вкладку "Elements" (Элементы). В этой вкладке отображается HTML-код страницы.</p></div><div class="faq"> <h3>Можно ли изменять код страницы на лету с помощью инструментов разработчика в Chrome?</h3> <p>Да, с помощью инструментов разработчика в Chrome можно изменять код страницы на лету. Достаточно кликнуть по нужному элементу во вкладке "Elements" и внести изменения в код, которые сразу же отобразятся на странице.</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>  <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-online" 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-Online.</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/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="/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">Россия, Москва. ул. Каховка д. 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/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 - 2024 Seo-online</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>  <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) 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/prosmotret-kod-stranicy-v-chrome/", "name": "Просмотреть код страницы в chrome" } } ] } </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>