Здравствуйте, уважаемые друзья. Сегодня расскажу, как исправить ошибки после установки SSL-сертификата. Как вы уже поняли, установка сертификата не всегда проходит гладко. Иногда возникают ошибки, которые мешают полному переходу сайта на протокол https. И причина этих ошибок в ссылках с протоколом http на картинки, графические элементы шаблона, шрифты, баннеры и скрипты, расположенные на вашем сайте.
Именно эти ошибки выползают после установки сертификата ssl. Но, не всегда! Многое зависит от шаблона и доработок, сделанных в этом шаблоне. Как вы помните, после установки сертификата на хостинге Sprinthost, проблем не возникло. Но, стоило мне сменить шаблон, как появились ошибки, и зелёненький замочек исчез. И далее я расскажу, как его вернуть.
Вторая важная настройка сайта после установки SSL-сертификата
Почему вторая, а потому что первая – это редирект с http на https. Вторая важная настройка – это изменение адреса сайта в настройках. Для этого открываете административную панель WordPress – «Настройки» – «Общие» и дополняете http буковкой S, в адресах сайта и WordPress.
Как понять в чём ошибка на странице
Как всегда на выручку нам приходит панель вебмастера в браузере. То есть открываете страницу, видите отсутствие зелёного замочка, жмёте на клавишу F12 (открытие панели вебмастера). А в панели уже переходите во вкладку «Консоль».
Ошибки в браузерах Chrome и Яндекс.
Ошибки в браузере Firefox.
Среди множества ошибок, которые могут встретиться в консоли, за нарушение отображения https протокола отвечают только ошибки «смешанного содержимого Mixed Content».
Именно такие ошибки нам и предстоит устранить.
Как найти источник ошибки
Для того чтобы понять, какой элемент, вызывает ошибку нужно проанализировать ссылку, можно кликнуть по ней в консоли и вы увидите, что вызывает ошибку.
В моём случае по ссылке видно, что это изображение. Так как тип файла JPG.
Кликнув на ссылку можно увидеть это изображение, и понять к чему оно относится и где расположено на вашем сайте.
Я выяснил, что это изображение – графический элемент шаблона. А раз так, то искать его нужно в стилях css или в самом шаблоне (зависит от шаблона). Копируем название файла.
Поиск начинаем с файла style.css (именно здесь, обычно, находятся все стили). Для этого переходим в административную панель WordPress – «Внешний вид» – «Редактор» – «Таблица стилей». И через поиск (CTRL+F) ищем название нужного файла.
Найдя нужную ссылку, удаляем из неё протокол http:, оставляя при этом двойной слэш. Так мы меняем абсолютную ссылку на относительную.
Далее, сохраняем результат и обновляем страницу с сайтом. Если это была одна ошибка на странице, то вы увидите заветный зелёный замочек. Если есть и другие ошибки Mixed Content, их тоже нужно исправить, и вы получите желаемый результат.
Видеоурок по устранению ошибок после установки сертификата SSL
Друзья, надеюсь, вопрос по работе над ошибками вам понятен и вы устраните все ошибки, если таковые возникнут после установки 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.
Спасибо! Информация была очень полезной
Огромное спасибо, очень помогли,все заработало,но пропала консоль сайта.т.е когда написала запись и перехожу чтобы ее посмотреть,открывается мой сайт,а сверху должны быть инструменты настройки,их нет.
Здравствуйте, Светлана. Быть может это связано с настройками темы. Вообще таких сложностей не должно быть. Попробуйте сбросить кэш.
Максим, добрый вечер. Прошу помогите пожалуйста. Замочек появился не на всех страницах сайта, смотрела через консоль, показывает внешнее изображение 1х1 пикс яндекс вебизор. Как исправить ошибку?((( Удалить счетчик яндекса?(((
Здравствуйте, Марго. Обновите счётчик Яндекса в кабинете метрики. Должно помочь.
Тоже после переезда слетели шрифты в шаблоне, пропали видео встроенные с ютуба (движок dle) ну и конечно появился смешанный контент с оранжевым восклицательным знаком. Ну теперь понял в чем траблы, пошел ковырять шаблон и файлы движка. Спасибо статься хорошей подсказкой оказалась!
Спасибо помогло, достаточно было добавить букву S
Спасибо Максим. Помог. Проблема была в фоновом рисунке. Правда через редактор не смог найти файл CSS. Выдавался файл с текстовой информацией, но не со стилями. Пришлось данный графический файл со страницы удалить и опять установить. Все заработало и ошибка ушла.
Отлично. Главное, что всё получилось!
Привет. Я после установки ссл не могу попасть на сайт без впн. Он меня не пускает. И не только меня. Что делать?
Привет. Проверить переадресацию или написать в поддержку.