Как исправить ошибки после установки SSL-сертификата

Здравствуйте, уважаемые друзья. Сегодня расскажу, как исправить ошибки после установки SSL-сертификата. Как вы уже поняли, установка сертификата не всегда проходит гладко. Иногда возникают ошибки, которые мешают полному переходу сайта на протокол https. И причина этих ошибок в ссылках с протоколом http на картинки, графические элементы шаблона, шрифты, баннеры и скрипты, расположенные на вашем сайте.

Именно эти ошибки выползают после установки сертификата ssl. Но, не всегда! Многое зависит от шаблона и доработок, сделанных в этом шаблоне. Как вы помните, после установки сертификата на хостинге Sprinthost, проблем не возникло. Но, стоило мне сменить шаблон, как появились ошибки, и зелёненький замочек исчез. И далее я расскажу, как его вернуть.

Вторая важная настройка сайта после установки SSL-сертификата

Почему вторая, а потому что первая – это редирект с http на https. Вторая важная настройка – это изменение адреса сайта в настройках. Для этого открываете административную панель WordPress – «Настройки»«Общие» и дополняете http буковкой S, в адресах сайта и WordPress.

исправить ошибки после установки SSL, изменение протокола

Как понять в чём ошибка на странице

Как всегда на выручку нам приходит панель вебмастера в браузере. То есть открываете страницу, видите отсутствие зелёного замочка, жмёте на клавишу F12 (открытие панели вебмастера). А в панели уже переходите во вкладку «Консоль».

Ошибки в браузерах Chrome и Яндекс.

исправить ошибки после установки SSL, панель в хроме

Ошибки в браузере Firefox.

исправить ошибки после установки SSL, панель в firefox

Среди множества ошибок, которые могут встретиться в консоли, за нарушение отображения https протокола отвечают только ошибки «смешанного содержимого Mixed Content».

Именно такие ошибки нам и предстоит устранить.

Как найти источник ошибки

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

В моём случае по ссылке видно, что это изображение. Так как тип файла JPG.

исправить ошибки после установки SSL, анализ ошибок

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

исправить ошибки после установки SSL, анализ изображения

Я выяснил, что это изображение – графический элемент шаблона. А раз так, то искать его нужно в стилях css или в самом шаблоне (зависит от шаблона). Копируем название файла.

Поиск начинаем с файла style.css (именно здесь, обычно, находятся все стили). Для этого переходим в административную панель WordPress – «Внешний вид»«Редактор»«Таблица стилей». И через поиск (CTRL+F) ищем название нужного файла.

исправить ошибки после установки SSL, поиск ссылки

Найдя нужную ссылку, удаляем из неё протокол http:, оставляя при этом двойной слэш. Так мы меняем абсолютную ссылку на относительную.

исправить ошибки после установки SSL, исправление ссылки

Далее, сохраняем результат и обновляем страницу с сайтом. Если это была одна ошибка на странице, то вы увидите заветный зелёный замочек. Если есть и другие ошибки Mixed Content, их тоже нужно исправить, и вы получите желаемый результат.

исправить ошибки после установки SSL, ошибки устронены

Видеоурок по устранению ошибок после установки сертификата SSL

Друзья, надеюсь, вопрос по работе над ошибками вам понятен и вы устраните все ошибки, если таковые возникнут после установки ssl-сертификата. Если будут вопросы, задавайте их в комментариях, буду рад помочь. Желаю вам успехов!

С уважением, Максим Зайцев.

Понравилась статья? Поделиться с друзьями:
Комментарии: 37
  1. Василий

    Очень полезная информация. Спасибо, Максим.

    1. Максим Зайцев (автор)

      Вася, всегда пожалуйста. Ты же знаешь, я всегда рад поделится полезной информацией.

  2. Людмила

    Вот ведь головной боли нам придумали :) , хорошо, хоть ты все разъясняешь! Спасибо! Я пока еще не начала этот «творческий» процесс перехода, но, похоже после Нового ода все же придется заняться, так что твои статьи очень пригодятся.

    1. Василий

      А я перевел свой сайт со второй попытки на https. Я рассудил. что сейчас самое лучшее время для перехода, есть время и, возможно, все пройдет наименее безболезненно.
      Непростое это дело оказалось. Главная для меня проблема была в невозможности зайти в админ-панель сайта для дальнейших настроек.
      В первый раз, после неудачных попыток войти в админ-панель, я сам отказался от сертификата и вернул старый протокол.
      Во второй раз все было гораздо серьезнее (тихий ужас). Поспрашивал хостинг, что да как. Они сказали: давай мы сами переведем.
      Это заняло почти пять часов времени. В итоге, на сайте был зеленый значок, только самого сайта можно сказать не было: присутствовала шапка сайта и название статьи, и больше ничего. Так было на всех страницах. Они сказали: тема у тебя какая-то не такая, поставь другую и все будет нормально.
      Ладно, сайт восстановили из резервной копии. Сертификат стоит, нужно все дальше настраивать, а в админ-панель я войти снова не могу.
      Я решил попробовать все сделать самостоятельно. В итоге я все-таки в админ-панель попал. Там, что нужно сделал. Вся дальнейшая настройка, после успешного входа в админ-панель, заняла буквально минуты. Было всего две ошибки: изображение в шапке сайта и фавикон. Ссылки я исправил в настройке темы. Все заработало.
      Одно мне непонятно, что они с темой сделали, что абсолютно все пропало.

      1. Максим Зайцев (автор)

        Это жутко конечно, но они тупо всё, что мешало снесли и вот тебе зелёный замочек. Хотели — получайте! А что сайт совсем пропал, так это мелочи. Ведать встреча Нового года на них сильно отразилась ;-)

  3. Василий

    Вижу, что ты свой сайт уже перевел на https. Интересно, как будет с трафиком из поисковым систем и доходами от рекламы. Говорят, что они могут снизиться.

    1. Максим Зайцев (автор)

      Вась, привет. Да, сегодня установил сертификат и перевёл сайт на https. Я хотел тебе письмо написать, но попрошу здесь, посмотри выборочно несколько страниц, ссылок. Я вроде всё перепроверил, но всё же. А насчёт трафика и дохода самому интересно, обязательно поделюсь наблюдениями и показателями.

      1. Василий

        Посмотрел всевозможные страницы, все нормально, значок зеленый. Молодец, хорошо все настроил.

        1. Максим Зайцев (автор)

          Я изначально в базе данных всё изменил, затем установил сертификат, изменил адрес сайта и WordPress в настройках и после этого остались ошибки на ссылки в сайтбаре (баннеры) и фоновую картинку на форму подписки в статьях. Исправил за 5 минут и весь процесс занял не более получаса. Дольше потом перепроверял. Но, одно дело сам, а другое дело взглянуть свежим взглядом. Спасибо, Вася.

  4. Александр

    Я себе тоже установил SSL сертификат. Посмотрим как это повлияет на развитие моего блога в будущем.

    1. Максим Зайцев (автор)

      Время покажет. Но рано или поздно все перейдут, Гугл заставит!

      1. Владимир

        Это уж точно)

  5. артем

    Максим, здравствуй! А ты не пытался решить проблему с заголовком Last-Modified после перехода на https?
    Когда я перевел сайты на SSL, то после проверки на Last-Modified.com выяснилось, что сайты перестали корректно отдавать код 304 Not Modified и Last-Modified — не найден, пишет. Поиски в сети способа решения этой проблемы ни к чему не привели. Обратился к хостеру, они посоветовали в поле «АААА запись» для домена удалить все записи, т.к. данная проблема, по их мнению, возникает из-за использования IPv6, в то время как сертификат установлен только для IPv4. Но удаление записи в поле «АААА запись» также не дало положительного результата.

    1. Максим Зайцев (автор)

      Артём, привет. Мне хостинг по этому поводу ответил, что для этого нужно менять настройки сервера, а на нём сейчас больше сайтов с http, так что либо ждать, либо переходить на выделенный сервер. Сейчас времени нет, так что решил подождать.

  6. Валерий

    Привет Максим, уменя но новой какие-то появились проблемы с сертификатом, вроде на главной все нормально а остальные страницы с ошибками где искать не пойму посмотри если не затруднит. вот с одной страницы что показывает Mixed Content: The page at ‘https://moikomputer.ru/kak-razdat-wi-fi-s-noutbuka-na-windows-10’ was loaded over HTTPS, but requested an insecure image ‘http://sync-eu.exe.bid/image?source=mgid&id=h16qyUm5aKx1’. This content should also be served over HTTPS.

    1. Максим Зайцев (автор)

      Валера, привет. Вижу решил проблему, молодец!

      1. Валерий

        Убрал рекламу с маркета, но не пойму все работает, ты смотрел?

      2. Валерий

        Все же в Яндекс-браузере замок открыт проблема так и осталась.

        1. Максим Зайцев (автор)

          Сбрось кэш, я смотрю через Яндекс и всё нормально. Может какая одна статья? Я просмотрели и рубрики, и статьи на выбор везде замок закрыт и всё ОК.

          1. Валерий

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

          2. Максим Зайцев (автор)

            Это странно, я просмотрел десятки страниц и ошибка выскакивает периодически. А виновато изображение 1х1 пиксель. А откуда он берётся непонятно. Судя по ссылке — это что-то внешнее. Ты сайт проверял на вредоносный код?

    2. Саня

      Здравствуйте, такая же проблема: В Google Search Console «Заблокированные ресурсы» тоже http://sync-eu.exe.bid/image?source=mgi… — изображение 1х1 пиксель.
      Скажите, Вы решили данную проблему?

  7. Константин

    СПАСИБО! Только по вашим двум статьям смог нормально вернуть сайт к жизни после получения сертификатов. И теперь зеленый замочек радует глаз. Скоро открывать сайт и очень доволен. Спасибо за полезную информацию еще раз!

    1. Максим Зайцев (автор)

      Константин, приятно это слышать. Рад за вас. Желаю удачи!

  8. Виктор

    Привет Максим, у меня после перехода https протокол в кабинете яндекс вебмастер в разделе инструменты анализ robots.txt отображается такой текст: Сервер отвечает редиректом на запрос /robots.txt, не подскажешь что делать?

    1. Максим Зайцев (автор)

      Виктор, нужно настроить редирект на сайте и в кабинете вебмастера Яндекс указать основным протоколом https.

  9. Равиль

    Спасибо! Информация была очень полезной

  10. Светлана

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

    1. Максим Зайцев (автор)

      Здравствуйте, Светлана. Быть может это связано с настройками темы. Вообще таких сложностей не должно быть. Попробуйте сбросить кэш.

  11. Марго

    Максим, добрый вечер. Прошу помогите пожалуйста. Замочек появился не на всех страницах сайта, смотрела через консоль, показывает внешнее изображение 1х1 пикс яндекс вебизор. Как исправить ошибку?((( Удалить счетчик яндекса?(((

    1. Максим Зайцев (автор)

      Здравствуйте, Марго. Обновите счётчик Яндекса в кабинете метрики. Должно помочь.

  12. gta5

    Тоже после переезда слетели шрифты в шаблоне, пропали видео встроенные с ютуба (движок dle) ну и конечно появился смешанный контент с оранжевым восклицательным знаком. Ну теперь понял в чем траблы, пошел ковырять шаблон и файлы движка. Спасибо статься хорошей подсказкой оказалась!

  13. Антон

    Спасибо помогло, достаточно было добавить букву S

  14. Кирилл

    Спасибо Максим. Помог. Проблема была в фоновом рисунке. Правда через редактор не смог найти файл CSS. Выдавался файл с текстовой информацией, но не со стилями. Пришлось данный графический файл со страницы удалить и опять установить. Все заработало и ошибка ушла.

    1. Максим Зайцев (автор)

      Отлично. Главное, что всё получилось!

  15. Наталья

    Привет. Я после установки ссл не могу попасть на сайт без впн. Он меня не пускает. И не только меня. Что делать?

    1. Максим Зайцев (автор)

      Привет. Проверить переадресацию или написать в поддержку.

Добавить комментарий