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


Здравствуйте, уважаемые друзья. Сегодня расскажу, как исправить ошибки после установки 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-сертификата. Если будут вопросы, задавайте их в комментариях, буду рад помочь. Желаю вам успехов!

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



Если статья оказалась для Вас полезной, поделитесь с друзьями, жмите на кнопочки:


Подписывайтесь на новые статьи!


Оставьте комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

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

    • Максим Зайцев От автора

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

  • Людмила

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

    • Василий

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

      • Максим Зайцев От автора

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

  • Василий

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

    • Максим Зайцев От автора

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

      • Василий

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

        • Максим Зайцев От автора

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

  • Александр

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

  • артем

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

    • Максим Зайцев От автора

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

  • Валерий

    Привет Максим, уменя но новой какие-то появились проблемы с сертификатом, вроде на главной все нормально а остальные страницы с ошибками где искать не пойму посмотри если не затруднит. вот с одной страницы что показывает 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 пиксель. А откуда он берётся непонятно. Судя по ссылке — это что-то внешнее. Ты сайт проверял на вредоносный код?

    • Саня

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

  • Константин

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

  • Виктор

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

    • Максим Зайцев От автора

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