Привет!

Это полная пошаговая инструкция. Возможно излишне подробная... если вы не новичок.

Но меня достали заумные «ну это и так понятно» многих авторов подобных статей.

Так что буду рассказывать и показывать так, чтобы на самом деле было понятно. Любому.

И не было по ходу проблем.

Замечу, что не претендую на всеобширность и охват всех возможных ситуаций. Распишу подробно ЧТО и КАК делал я при переходе на https.

Поехали

Установка SSL сертификата

Я выбрал вариант с бесплатным SSL сертификатом от некоммерческой организации Let's Encrypt. Сертификаты Let’s Encrypt распознаются как подтвержденные во всех основных браузерах. Единственная проблема с этими сертификатами состоит в том, что их нужно продлять каждые три месяца. Но:

1. мой хостинг Beget.com  делает это автоматически. Поэтому мне больше ничего не нужно будет делать.
2. Для заказа Let's Encrypt сертификата не требуется выделенный IP-адрес.
3. Не нужно никаких хитрых и сложных действий по установке сертификата на хостинг. Всё уже интегрировано и упрощено настолько, насколько это вообще возможно.

Порядок действий по установке бесплатного SSL сертификата на Beget:

Зайти в раздел «Домены»

и выбрать напротив домена «Управление SSL сертификатами»

В открывшемся окне перейти на вкладку «Бесплатный сертификат» и нажать «Установить»

После отправки заказа SSL-сертификата вы получите на контактный email письмо о подаче заявки на выпуск SSL, а затем еще одно письмо о завершении его установки.

В момент установки для домена будет автоматически изменена A-запись, если домен работает на DNS от Beget.ru.

Если вы используете DNS не бегета, то необходимо самостоятельно прописать на них (DNS) указанный в письме IP-адрес в качестве А-записи для домена.

Как узнать, чей DNS ?  Спросите у техподдержки бегета. Если регистратор не Бегет, то посмотрите в интерфейсе регистратора.

Если там в названии DNS-сервера присутствует beget, то DNS у вас бегетовский и А-запись будет прописана автоматически.

DNS записи обычно обновляются в течение 10-15 минут.

Как только вы установите таким образом сертификат SSL, ваш сайт будет открываться как по http, так и по https. Чтобы сайт открывался чисто по https, вам нужно будет настроить переадресацию.

И 1 предупреждение. Ждите, пока хостер не пришлет сообщение, что всё, сертификат SSL подключен. Иначе, если поторопитесь, и не дожидаясь сообщения станете менять адреса на сайте в меню Настройки-Общее (как указано в этой статье ниже), то увидите вот это

Это тоже, конечно, не катастрофа. Подождите, пока не придет письмо с Бегета, что сертификат установлен и обновите страницу по F5.

Бэкап сайта

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

Бэкапим базу данных и файлы сайта. Лучше делать это через панель хостинга.

В крайнем (в крайнем!) случае, даже если вы забыли забэкапиться, а проблема взяла и случилась — хостинг Beget хранит 12 копий вашего сайта за двухнедельный период. Всегда можете сделать восстановление через сохраненную в админке копию. Но все-таки лучше не забывать бекапиться непосредственно перед тем как перейти на https. Ведь хостинг делает сохраненки не каждый день, а примерно через день. Так что может оказаться, что всё, что вы наработали за последние 2 дня — пропадет.

Настраиваем редиректы на сайте WordPress

Шаг 1: Замена адресов на https

Заходим в вертикальное меню блога Настройки > Общие и меняем в этих двух полях в адресе сайта протокол http на https:
Не забываем нажать на кнопку Сохранить изменения

Вас тут же «выкинет» из админки и вы увидите это
Не пугаемся. Это нормально. Входите заново с теми же логином и паролем. И спокойно продолжайте настройку.

Шаг 2: Правим wp-config.php

В файл wp-config.php (находится в корневой папке блога) перед строками

/** Инициализирует переменные WordPress и подключает файлы. */
require_once(ABSPATH . 'wp-settings.php');

вставляем код

/** 2018-11-07 код для перехода на https **/
define('WP_HOME', 'https://sidorevich.ru');
define('WP_SITEURL', 'https://sidorevich.ru');
define('FORCE_SSL_ADMIN', true);
if (strpos($_SERVER['HTTP_X_FORWARDED_PROTO'], 'https') !== false)
$_SERVER['HTTPS']='on';
/** /конец кода для перехода на https **/

Вместо sidorevich.ru вбиваете свой сайт, конечно

Шаг 3: Правим файл .htaccess

Если веб-сервер вашего хостера — Apache, то в файл .htaccess (лежит в корневом каталоге блога) под строку

RewriteEngine On

вставьте код

RewriteCond %{HTTP:X-Forwarded-Proto} !https
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]

Если же сервер Nginx, то вставляйте код

server {
listen 80 default_server;
listen [::]:80 default_server;
server_name example.com www.example.com;
return 301 https://$server_name$request_uri;
}

Какой сервер — уточните в техподдержке вашего хостера. На Бегете — Apache.
Или просто спросите в техподдержке, какой код ставить в .htaccess.

После этого проверьте результат — введите в адресную строку браузера URL вашего сайта с http://  Если всё работает правильно, то вас должно перекинуть на https://ваш_сайт.

Шаг 4: Меняем ссылки на изображения

Всё. Теперь ваш сайт открывается на https, но это ещё не победа

Ссылки-то в изображениях указаны как http —

А изображений на вашем сайте десятки или сотни. Менять во всех руками — нереально.

Плюс на сайте у вас могут быть внутренние ссылки с http. Всё это тоже нужно будет менять.

Вобщем, правильным будет делать замены с помощью плагина Better Search Replace.

Устанавливайте его.

После установки в меню Инструменты появится строка Better Search Replace

Кликайте и увидите окно

Теперь вбейте в эту форму такие данные

Точно так. Только вместо sidorevich.ru ваш сайт.

В Выбор таблиц выделяете только wp_posts.

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

В «Холостой запуск (без замены)» галочку не снимайте. Это будет тестовый запуск. Галочку оставьте и нажмите Запустить Поиск.

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

Вот тогда снимайте галочку с пункта Холостой запуск и снова жмите на Запустить Поиск/Замену.

После этого проверьте — появился ли на сайте значок замочка или там «i» в кружочке.

Если замочек появился и при нажатии на него видите, что всё ОК

то значит вы победили.

Если по прежнему "i" в кружочке, то нужно найти, где ещё остались изображения с http

Поиск оставшихся изображений с https

В браузере Chrome откройте главную страницу сайта, который переводите на https и нажмите комбинацию клавиш Ctrl+Shift+J

Откроется консоль ошибок

Нас интересует именно Mixed Content.

Посмотрите, какие там указаны файлы и найдите их на сайте. Сделайте замену.

В данном случае, мы видим файл http://sidorevich.ru/wp-content/uploads/2018/10/MyPhoto_site_norm.jpg . Можно просто кликнуть по ссылке и посмотреть, ЧТО это за изображение. И либо сразу сообразите, где оно у вас применено, либо в меню Медиафайлы откроете это изображение, найдя его по дате (например, здесь это было 2018 октябрь) и там увидите, где оно на сайте. Если с ходу не видно, то скорее всего вы применили его в виджетах. Идите в меню Внешний вид — Виджеты и смотрите, в каком виджете стоит ссылка на это изображение. У меня это был виджет Об авторе.

Зашел в виджет. Поправил http на https и после этого проверил результат.

Всё. Переход совершили. Чтобы добиться этого, я день просидел. В итоге даже пришлось переустанавливать блог. Всё из-за моего доверия к авторам в интернете. А вот когда переустановил блог и как бы заново озадачившись вопросом — как перейти на https — сделал переход вот прямо по пунктам этой статьи, то на всё про всё понадобилось примерно 3 минуты (!)

Переподключаем видео путем замены http на https

Видео у вас отключатся. В постах будут «дыры». Пустые места вместо видео.

Не проблема. В том же плагине Better Search Replace так же, как и было описано выше, вбиваем замену с

src="http://www.youtube.com на src="https://www.youtube.com

и заменяем только в таблице wp_posts

А если у вас в блоге есть видео с Vimeo, то еще заменяем

src="http://player.vimeo.com на src="https://player.vimeo.com

Тоже только в wp_posts.

Можно, конечно, сразу было сделать такую замену

src="http:// на src="https://

Всё таки в iframe видео русских букв точно нет и всё должно пройти гладко. Но я осторожничаю. Вы — как хотите.

Уведомляем Яндекс о переходе на https

Не забываем про поисковики, а то они забудут про вас.

Заходите в свой веб-мастер Яндекс.

Далее нужно перейти в раздел Индексирование – Переезд сайта. И выставляем чекбокс (галочку) напротив «Добавить HTTPS», после этого нажимаем «Сохранить».

Некоторые пишут, что это нужно делать сразу после установки SSL сертификата и потом нужно ничего не делать, пока Яндекс не проиндексирует. Пару недель, мол, подождите...

Это ерунда. Сам Яндекс отвечает на вопрос  Стоит ли ждать, пока сайт HTTPS проиндексируется перед тем, как начинать переезд? так —

Нет, переезд можно начинать в любой момент.

Ещё некоторые пишут, что нужно в файле robots.txt прописать директиву Host. Это тоже устарело. Не нужно это делать. Яндекс упразднил эту директиву.

Правим карту сайта

Делаем две вещи:

1. Проверяем, чтобы в карте сайта .xml присутствовал только протокол https.

У меня карту сайта строит плагин Google XML Sitemaps поэтому, все прошло чисто. Плагин заменил все http ссылки в карте на https. Не забудьте проверить свою карту сайта.

Введите в адресную строку браузера https://ваш_сайт/sitemap.xml и посмотрите.

2. После этого откройте в notepad++ файл robots.txt и в адресе карты сайта замените http на https

Оповещаем Google о переходе на https

Search Console

Гугл вообще загадочная штука со странной логикой. Поэтому всё зафиксировал в картинках с пояснениями. А чтобы не растягивать страницу, поместил все в «аккордеон».

Сначала перейдите на страницу https://www.google.com/webmasters/tools/home и далее смотрите

Загрузить новую карту сайта

Кликаем тут

 

и вбиваем название своей карты, то есть sitemap.xml . Жмем на «Отправить».

Google Analitics

Заключение

1. Действуете точно по этой инструкции
2. Если после замены ссылок в изображениях и видео замочек не появляется — первым делом перепроверьте ЧТО в виджетах.
3. Шаблон от шаблона, сайт от сайта отличаются, но если внимательно ознакомитесь с текстом этой статьи, то справитесь со всеми неожиданностями и проблем с тем, как перейти на https у вас не будет.
4. Я пользуюсь платными шаблонами от GoodvinPress. Это современные темы с чистым кодом. Поэтому проблем при переходе на https минимум. Если у вас тема с наличием абсолютных ссылок в .css , то придется ещё руками поискать http прямо в style.css и поправить на https.

P.S. Хотите получать уведомления о новых статьях этого блога? Нажмите на эту кнопку -

Хочу сразу узнавать о новых публикациях!