Mixed content — когда HTTPS-страница загружает ресурсы по HTTP. Браузер блокирует такие ресурсы, сайт выглядит небезопасным. Как найти смешанное содержимое и исправить его за 30 минут.
Вы перевели сайт на HTTPS, получили зелёный замочек в адресной строке и успокоились. Но пользователи сообщают, что на некоторых страницах вместо картинок — пустые квадраты, стили не работают, формы не отправляются. Причина — смешанное содержимое (mixed content). Это ситуация, когда HTTPS-страница загружает часть ресурсов по незашифрованному HTTP: изображения, стили, скрипты, шрифты. Браузер видит несоответствие и блокирует HTTP-ресурсы. В лучшем случае — просто не отображает их. В худшем — показывает предупреждение безопасности и пугает пользователя. Для SEO mixed content важен по двум причинам. Первая: незащищённые ресурсы подрывают доверие, пользователи уходят, поведенческие факторы ухудшаются. Вторая: поисковики могут не проиндексировать заблокированные ресурсы, и страница отобразится некорректно. Разберём, как найти mixed content и исправить его.
Что такое mixed content и какие виды бывают
Mixed content — это когда страница загружена по HTTPS, но содержит ссылки на ресурсы по HTTP. Различают два вида: passive mixed content (пассивное) и active mixed content (активное). Пассивное — это ресурсы, которые отображаются, но не выполняют код: изображения (img src=http://...), аудио, видео. Пассивное mixed content браузер обычно не блокирует, но показывает предупреждение «подключение не защищено». Активное — это ресурсы, которые могут изменять страницу: скрипты (script src=http://...), стили (link href=http://...), iframe, XMLHttpRequest. Активное mixed content браузер блокирует полностью. Если страница подгружает скрипт по HTTP, он не выполнится. Если стили по HTTP — они не применятся. Именно активный mixed content ломает сайты. Проверить, есть ли mixed content на странице, можно через Проверка смешанного содержимого — инструмент просканирует страницу и найдёт все HTTP-ресурсы на HTTPS-странице.
Почему mixed content появляется после переезда на HTTPS
Переезд на HTTPS — сложный процесс, и mixed content после него — обычное дело. Причины: первая — жёсткие ссылки в шаблонах. Дизайнер верстал сайт, когда он ещё был на HTTP, и прописал в коде пути вида http://ваш-сайт.ru/images/logo.png. При переезде на HTTPS эти пути не поменялись, и браузер видит HTTP-ресурс на HTTPS-странице. Вторая — абсолютные URL в контенте. Редакторы вставляли изображения с полными адресами: http://ваш-сайт.ru/uploads/2024/01/foto.jpg. После переезда контент не обновился. Третья — сторонние сервисы. Виджеты, счётчики, аналитика, которые подключаются по HTTP. Если сторонний сервис не поддерживает HTTPS, вы не сможете его использовать безопасно. Четвёртая — CDN или поддомены, которые не переведены на HTTPS. Статика может храниться на поддомене static.ваш-сайт.ru, который остался на HTTP. Все эти причины решаемы, но сначала нужно найти конкретные ресурсы.
Как найти mixed content на сайте
Самый простой способ — инструмент Проверка смешанного содержимого в SerpMax. Введите URL страницы, и инструмент покажет все ресурсы, загруженные по HTTP: их адреса, типы (изображение, скрипт, стиль, iframe) и где они находятся. Второй способ — инструменты разработчика в браузере. Откройте страницу, нажмите F12, перейдите на вкладку Console. Браузер покажет красные предупреждения о mixed content: «Mixed Content: The page at https://... was loaded over HTTPS, but requested an insecure image http://...». В консоли видно точный URL проблемного ресурса. Третий способ — вкладка Network: обновите страницу и найдите запросы, которые идут по http:// (не https://). Это и есть mixed content. Для массовой проверки всех страниц сайта используйте SEO аудит сайта онлайн — он просканирует сайт и найдёт все страницы с mixed content.
Как исправить mixed content: пошаговая инструкция
Шаг 1: найдите все проблемные ресурсы через Проверка смешанного содержимого. Шаг 2: замените http:// на https:// в URL ресурсов. Для своих ресурсов (изображения, скрипты, стили) — просто поменяйте протокол в коде шаблонов или контента. Шаг 3: используйте относительные URL. Вместо http://ваш-сайт.ru/images/logo.png пропишите /images/logo.png. Браузер автоматически подставит текущий протокол (HTTPS), и mixed content исчезнет. Шаг 4: для сторонних сервисов проверьте, поддерживают ли они HTTPS. Если да — замените URL на HTTPS. Если нет — найдите альтернативу или откажитесь от сервиса. Шаг 5: включите Content Security Policy с директивой upgrade-insecure-requests. Этот заголовок заставляет браузер автоматически заменять http:// на https:// для всех ресурсов на странице. Настройка для nginx: add_header Content-Security-Policy «upgrade-insecure-requests»;. Это временное решение, которое маскирует проблему, но не устраняет её. Используйте как мост, пока исправляете URL в коде. Шаг 6: после исправления повторно проверьте страницу через Проверка смешанного содержимого — mixed content должен исчезнуть.
Mixed content и SEO: влияние на позиции
Напрямую mixed content не фактор ранжирования. Но косвенное влияние значительно. Во-первых, активный mixed content ломает страницы: скрипты не выполняются, стили не применяются. Поисковый робот видит сломанную страницу и понижает её в выдаче. Во-вторых, пассивный mixed content вызывает предупреждения безопасности в браузере. Пользователь видит «подключение не защищено» и уходит, увеличивая отказы. В-третьих, Google Search Console помечает страницы с mixed content как «смешанное содержимое» в отчёте по безопасности. Такие страницы не индексируются корректно. В-четвёртых, mixed content подрывает доверие поисковика к HTTPS-переезду. Если вы перевели сайт на HTTPS, но половина ресурсов осталась на HTTP, поисковик считает переезд неполным. Проверить, как ваш сайт выглядит в Search Console, можно через Как ускорить индексацию в Google.
Типичные места, где прячется mixed content
Первое место — логотип и изображения в шапке и подвале. Они зашиты в шаблон и часто прописаны абсолютными URL с http://. Второе — изображения в статьях и товарах. Редакторы вставляли их с полными адресами. Третье — CSS-файлы. Внутри CSS могут быть ссылки на фоновые изображения, шрифты, которые прописаны с http://. Четвёртое — JavaScript-файлы. Скрипты могут содержать ссылки на API, ресурсы, подгружаемые данные с http://. Пятое — iframe. Встроенные видео, карты, виджеты с http://. Шестое — шрифты. Подключение шрифтов с http://. Седьмое — favicon. Иконка сайта, прописанная с http://. Восьмое — canonical. Если canonical указывает на http:// вместо https://, поисковик путается в версиях. Проверьте все эти места через Проверка смешанного содержимого — инструмент найдёт их автоматически.
Профилактика: как не допустить mixed content в будущем
Первое правило: используйте относительные URL везде, где можно. Вместо https://ваш-сайт.ru/images/foto.jpg пишите /images/foto.jpg. Браузер сам подставит нужный протокол. Второе правило: после переезда на HTTPS пройдитесь по всем шаблонам и контенту, замените http:// на https:// или на относительные пути. Третье правило: настройте автоматическую проверку при публикации. Если CMS позволяет — добавьте фильтр, который блокирует контент с http:// ссылками. Четвёртое правило: используйте HSTS. Заголовок Strict-Transport-Security заставляет браузер всегда использовать HTTPS, и даже если где-то остался http://, браузер автоматически заменит его. Проверить HSTS можно через Проверка HSTS. Пятое правило: регулярно проверяйте сайт на mixed content. Раз в месяц прогоняйте ключевые страницы через Проверка смешанного содержимого. Это занимает минуты, но держит сайт чистым. Подробнее о полном переезде на HTTPS читайте в статье Переезд на HTTPS без потерь.
Часто задаваемые вопросы
Как проверить, есть ли mixed content на странице?
Используйте инструмент проверки смешанного содержимого в SerpMax. Введите URL — он покажет все HTTP-ресурсы на HTTPS-странице. Также можно открыть консоль браузера (F12) — там будут предупреждения о mixed content.
Почему mixed content ломает сайт?
Активный mixed content (скрипты, стили) блокируется браузером полностью. Если скрипт не выполнился — интерактивные элементы не работают. Если стили не загрузились — страница выглядит неоформленной. Пассивный mixed content (изображения) отображается, но с предупреждением.
Как исправить mixed content массово?
Используйте относительные URL вместо абсолютных. Настройте Content Security Policy с директивой upgrade-insecure-requests. Пройдитесь по шаблонам CMS и замените http:// на https://. Для сторонних сервисов проверьте поддержку HTTPS.
Влияет ли mixed content на индексацию?
Да. Поисковый робот видит сломанные страницы (если заблокированы скрипты и стили) и понижает их в выдаче. Google Search Console помечает такие страницы в отчёте по безопасности. Корректная индексация возможна только после исправления mixed content.
