• База знаний
  • /
  • Блог
  • /
  • Wiki
  • /
+380 (44) 364 05 71

Если вы читаете эту статью, скорее всего вы столкнулись с проблемой после подключения HTTPS к своему сайту. Обычно после подключения сертификата, на сайте должен показываться замок который означает защищённое соединение. Но на некоторых сайтах, можно увидеть такую надпись как на изображении.

Смешанный контент на сайте

Когда на таком сайте пользователь передает свои личные данные надпись становится красной и https:// перечёркивается. Это происходит потому что на сайте есть «смешивается контент». Смешанный контент (Mixed Content) - это передача части содержимого страницы (например картинки, css, видео) по протоколу HTTP. Увидеть проблему можно если на странице нажать F12 или нажать правой кнопкой на элементе сайта и выбрать «Просмотреть код». Вот так выглядит консоль разработчика в браузере.

Консоль разработчика в браузере

Жёлтые предупреждающие надписи о том что на сайте есть ссылки на файлы которые отдаются по HTTP. Скорее всего такие картинки были прописаны абсолютным путём. Например http://testdomain.com/images/img.png Если бы использовалось /images/img.png – проблема бы не возникла.

Ссылки использующие HTTP

Ошибка влияет на доверие пользователей к сайту и на позиции в поисковых системах, поэтому проблему «Mixed content” нужно обязательно исправить.

Исправляем ошибку Mixed content

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

Перед тем как начать вносить изменения обязательно сделайте бекап сайта и баз данных на локальный компьютер. Так как данный способ может подойти не для каждого сайта, на некоторых придётся решать проблемы вручную.

1. Исправление ссылок на HTTPS в базе данных сайта.

Сначала вам нужно подключиться к самой базе данных сайта. Для этого будем использовать PhpMyAdmin. К какой именно базе данных подключиться и какие данные для доступа использовать можно посмотреть в конфигурационном файле сайта. Выбрав нужную базу перейдите в раздел «Поиск». С помощью этого раздела мы найдем все упоминания в базе данных о протоколе http:// .

PHPMyAdmin

После поиска будет результат в виде списка с количеством совпадений в каждой таблице. Будем работать с теми таблицами где есть совпадение, для этого нажимаем «Обзор» напротив таблицы.

Результат поиска в PHPMyAdmin

Можно увидеть значения разных столбцов, вам нужно посмотреть на название. Например в таблице wp_options исправления нужно внести в столбец option_value. Для исправления переходим в нужную таблицу базы данных и в разделе «Поиск» выбираем «Найти и заменить».

Поиск и замена значения в стобце

Заполняем форму аналогично примеру ниже.

Замена значений в столбце

После поиска вам предложат замену определённых значений. Соглашаетесь кнопкой «Замена».

Так нужно проделать с каждой таблицей и столбцом в которых есть http:// Можно проверять обычным поиском, чтобы проверить есть ли еще такие записи в базе данных. После успешной замены всех значений, нужно проверить сайт. Если проблема со смешанным контентом исчезла, можно не переходить к следующему. В случае если проблема со смешанным контентом осталась продолжаем работать с сайтом.

2. Изменения файлов сайта.

Загружаем сайт с FTP на свой компьютер. Использовать нужно специальные текстовые редакторы, в которых есть поиск совпадений в файлах. Например популярный и довольно мощный текстовый редактор Notepad++ имеет такой функционал. Его и будем использовать. После выгрузки сайта в определенный каталог на вашем компьютере, нужно перейти в основную папку сайта. Тут стоит учитывать особенности некоторых CMS. Желательно заменить только те файлы, которые не являются системными. Например которые когда-то мог изменять разработчик. Системные файлы CMS обычно уже имеют все необходимые изменения, чтобы работать с HTTPS корректно.

Для wordpress правильней всего начать поиск с каталога wp-content/themes.

Файлы WordPress

Откройте любой из файлов через Notepad++ и перейдите в раздел Поиск — Найти в файлах.

Поиск в файле ссылок с http

Появиться окно, в котором нужно ввести данные замены. Ниже приведены настройки, которые необходимо использовать для замены. Обратите внимание на фильтры (они не дают заменять другие файлы) «папка текущего документа» помогает быстро найти путь. Лучше всего делать замену только в папке темы.

Замена адреса с http на https

После того как файлы проекта будут исправлены можно загружать сайт назад на сервер.
После замены файлов на сервере не забудьте проверить работу сайта. В случае неудачи восстановите рабочую версию сайта из резервной копии. Скорее всего были изменены системные файлы.

Процесс замены файлов достаточно сложный и требует осторожности. Если автоматическая замена приводит сайт в нерабочее состояние, можно искать только названия файлов которые вызывают проблему Mixed Content. Заменять только их.

Надеемся данная статья будет Вам полезна и поможет устранить ошибку Mixed Content.

Смотрите так же статьи по теме: Протокол HTTPS для WordPress.

Если вы читаете эту статью, скорее всего вы столкнулись с проблемой после подключения HTTPS к своему сайту. Обычно после подключения сертификата, на сайте должен показываться замок который означает защищённое соединение. Но на некоторых сайтах, можно увидеть такую надпись как на изображении.

Дата: 04.06.2019
Автор: Тимур
Голосование

Авторам статьи важно Ваше мнение. Будем рады его обсудить с Вами:

comments powered by Disqus
Спасибо, что выбираете FREEhost.UA