Інструкції

Як прибрати mixed content після переходу на HTTPS

Mixed content виникає, коли сторінка відкривається по https, але частину ресурсів (картинки, скрипти, стилі) тягне по старому http. Через це браузер показує замок з попередженням або блокує ці ресурси, і верстка може поламатися. Виправляти варто одразу після переходу на HTTPS.

Перевірте свій сайт

>
  1. Знайдіть, що саме вантажиться по http

    Відкрийте сайт, натисніть F12 і подивіться вкладку Console: браузер прямо називає mixed content і адреси проблемних файлів. Ще один список є у вкладці Security у Chrome DevTools.

  2. Замініть http-посилання в контенті

    Найчастіше винні жорстко прописані посилання в записах і темі. Прогоніть заміну по базі (Better Search Replace або WP-CLI search-replace), міняючи http://ваш-домен на https://ваш-домен.

  3. Перевірте шаблон і налаштування теми

    Загляньте у header.php, footer.php і налаштування теми: логотип, фонові зображення й підключення шрифтів часто мають абсолютні http-адреси. Замініть їх на https або на протокол-відносні шляхи.

  4. Полагодьте зовнішні ресурси

    Якщо по http підключається чужий скрипт чи шрифт, замініть URL на https-версію того ж джерела. Якщо джерело не підтримує https, знайдіть заміну, бо сучасні браузери такий ресурс просто заблокують.

  5. Додайте заголовок-підстраховку (опційно)

    Заголовок Content-Security-Policy з директивою upgrade-insecure-requests змушує браузер тягнути http-ресурси по https. Це страховка, а не заміна чистці посилань.

  6. Почистіть кеш і перевірте ще раз

    Скиньте кеш сторінок, LiteSpeed Cache і CDN, потім перезавантажте сторінку через Ctrl+F5. Пройдіться по кількох типах сторінок: головна, стаття, картка товару.

Як перевірити результат

Замок у браузері має стояти без жовтого трикутника, а у вкладці Console не має бути записів про mixed content. Заодно прогоніть сайт через перевірку security-заголовків TechGuard, щоб побачити, чи стоїть коректний CSP.

Порада: Не вимикайте попередження браузера і не ігноруйте заблоковані скрипти: через них можуть перестати працювати форми, слайдери й аналітика.

Схожі інструкції

Знайшли проблеми?

Повільний хостинг, проблеми з SSL або сайт часто лежить? Переїжджайте на TomisHost: швидкий хостинг з безкоштовним SSL, щоденними бекапами та допомогою з переносом.

Хостинг TomisHost