! доступная ручная работа по правилам оптимального интернета
...здесь Ваша реклама...
Здравствуйте !
— отредактировано:  2017-08-01
издатель:   в теме: Хостинги  реплики: 33 комментария
 
Запросто с WordPress - студия занимательная МИХАЛИКА

Как перевести сайт на https — сертификат ssl — шифрование

Недавно, на хостинге Джино всё-таки стала доступна услуга по переходу на бесплатный сертификат Let’s Encrypt. В принципе, сам переход сайта — дело мига времени: прямо из панели управления хостом. …какие-то минуты и готово! наш сайт будет работать по безопасному и ныне модному протоколу https.

ssl шифрование, это, конечно, хорошо! и всем админам пора уже окончательно решиться и настроить свой блог/сайт. Но как это сделать? вероятно, кому-то стоит обратиться к специалистам. А кто-то осилит задачу самостоятельно.

Однако во всём существуют нюансы. А в переводе своего сайта на ssl шифрование, этих закавык множество!

Вот о них сегодня в подробностях и поговорим:


 

подготовка сайта к переходу на протокол https — хостинг Джино

 

 

 

 

Во-первых строках для тех, которые желают узнать по подробнее что же такое SSL вообще, и как работает это чудо в интернетсети… читайте эту статью.

 

 

 

Наши цели:

 

  1. Сделать полный бекап сайта — и БД и файлов!
  2. Изменить URL ссылок на сайте при помощи плагина Velvet Blues Update URLs
  3. Изменить URL сайта в админ-панели
  4. Установить 301 редиректа с http на https в файле htaccess
  5. Внести изменения в файл robots.txt
  6. Подключим SSL сертификат на хосте Джино
  7. Исправим ошибки после перевода сайта на HTTPS
  8. Добавим директиву (если потребуется) в файл wp-config.php
  9. Настройка сайта в Яндекс Вебмастер
  10. Настройка сайта в Google Search Console

 

 

 

подготовка шаблона к переносу сайта на https

 

 

 

Если в вашем шаблоне (документации темы — файлах шаблона) используются какие-то ссылки на картинки или внутренние странички сайта:

— все эти ссылки (а точнее — их протокол) необходимо заменить… иначе будут ошибки: предупреждения браузера о частичном шифровании на страничке (неправильном «смешанном содержимом»)!!

 

 

  1. Например — в шапке сайта header.php многие админы используют ссылки… на всякие логотипы, соцсети и пр. и пр.
  2. В файле функций functions.php — очень необходимо прибраться… в нём много приходится вылавливать и менять ссылок, если пути не относительные (об этом ниже)…

 

 

Например, будет так:

 

http://mihalica.ru/kакой-то адрес/

 

 

Нужно заменить на такой вариант:

 

https://mihalica.ru/kакой-то адрес/

 

 

т.е дописать к протоколу http литеру S — должно получится https.

Хотя я, к примеру, всегда оставляю ссылки относительными к протоколу, — и вот когда сам переводил свой сайт на ssl, «ссылочная теория относительности» здорово по времени выручила.

 

 

…относительный вариант… когда никакого протокола не прописываем — оставим только две косых черты — слэш.

 

//mihalica.ru/kакой-то адрес/

 

 

 

С файлами сайта закончили!

 

 

А вот для того, чтобы разом изменить протокол ссылок во всех статьях и прочей макулатуре сайта, воспользуемся замечательным плагином Velvet Blues Update URLs.

 

 

 

 

плагин для замены старых адресов ссылок http на https: Velvet Blues Update URLs

 

 

 

 

отправляемся в репозиторий вордпресс: установка и активация как обычно…

 

 

В меню «Инструменты» появится подменюшка «Update URLs».

 

 

 

как перевести сайт на протокол https

 

 

 

Переходим и подстраиваем наш сайт далее, как на картинке… (я дал кое-какой технический перевод на скрине).

 

 

 

перевести сайт на протокол https - плагин velvet blues update urls

 

 

В поля прописываем свой старый адрес сайта и — нижнее поле свой новый адрес…

 

Чекбоксы рекомендую отметить как показано на картинке…

 

 

…после наших поправок, жмём отчаянно «UpdateURLs NOW».

 

 

Как только плагин отработает — все ссылки внутри сайта будут изменены… в том числе и в ссылках картинок !!

Плагин можно удалить…

 

 

Затем переходим в «Общие настройки сайта» это админка WP — изменяем протоколы на S в полях Адрес WordPress (URL) и Адрес сайта (URL):

 

 

 

перевести сайт на https

 

 

 

Сохраняем правки!

После этого адреса нашего сайта изменятся и в Базе Данных (хотя всё это можно поменять и напрямую в БД, но это так, к слову).

 

 

 

 

как подключить сертификат Let’s Encrypt — хостинг Джино

 

 

 

 

 

 

В панели управления хостом: «домены» / «Управление доменами» выбираете нужный сайт, который планируете перевести на шифрование SSL, кликаете справа настройки (шестерёнка) — далее в настройках конкретного домена — переходите в «SSL сертификаты».

Всё что остаётся, так это кликнуть кнопку «Получить»… пара секунд и … думаю, ясно.

 

 

Для поддоменов вся процедура привязки ssl — аналогична!

Добавляете в «Управление доменами» свой поддомен т.е его имя, которое работает… (таким образом получится ещё один как бы сайт-домен в этом разделе) — добавление сюда поддомена необходимо для того, чтобы подключить к нему ssl.

 

 

 

как подключить сертификат Let-s Encrypt - хостинг джино

 

 

 

После того, как сертификат создан и отдан вашему доменному имени сайта (т.е работает)…

…прописываем в файл .htaccess следующие ниже строчки, — необходимые для того, чтобы обеспечить редирект со своего old «старого сайта» на новый, то бишь на https.

 

 

К примеру: если у кого-то из ваших читателей в закладках будет ваш сайт с именем протокола http — ничего страшного: именно для обеспечения бесперебойной работы подобных переходов пользователей эта наша прописка строк и необходима!

 

 

Вот эти строчки:

RewriteEngine On # Если этой строки нет выше
RewriteCond %{HTTP:X-Forwarded-Protocol} !=https
RewriteRule .* https://%{SERVER_NAME}%{REQUEST_URI} [R=301,L]

 

 

 

 

Внесём изменения в файл robots.txt

 

 

 

Всё просто ! как понимаете нужно изменить старые адреса сайта на новые:

 

 

Host: https://mihalica.ru

 

Sitemap: https://mihalica.ru/sitemap.xml

 

 

 

И ещё: если у кого-то в последующей настройке сайта возникнут трудности с входом в админку (так называемый бесконечный редирект), возможно, поможет прописка в файл wp-config.php следующей строки (константа WP): если доступ в админпанель не откроется, обратитесь в тех-поддержку…

 

Итак:

 

 

пропишем константу в файл wp-config.php

 

 

 

//https - вход в админку: исключим редирект

define('FORCE_SSL_ADMIN', true);

 

 

 

 

Далее … не менее важный шаг при переводе своего блога/сайта на ssl шифрование — это подстройка в вебмастерах — подтверждение прав владения на новый сайт:

 

 

 

 

Подтвердите права в вебмастерах Google и Яндекс

 

 

 

 

…теперь ваш сайт с адресом https для «вебмастеров» считается НОВЫМ! и все его значения (данные сайта) вскоре станут обновляться по-новому… вне зависимости от прежнего.

Относительно всяких ТИЦ и пр. не беспокойтесь: все эти блага недельки через две-три-четыре вернутся.

 

Как в первом вебмастере, так и во втором никаких сложных действий не требуется… Думаю, работа в аккаунтах вебмастеров вам известна: повторяться не стану, дабы не путать.

Просто клитаете по соответствующим кнопкам «Подтвердить права» нового сайта с протоколом https. И — готово!

 

 

 

Как эпилог:

 

Вот как бы на этом можно и закончить моё повествование… ибо после описанных действий и прописки всех предложенных в настоящей статье строк — остаётся тестировать свой сайт.

 

 

 

исправление ошибок ссылочной массы сайта после перехода на https

 

 

 

Но !! как ни крути верти переход сайта на продвинутый протокол https, а всё ж таки без ошибок не обойдётся: вот их и нужно поправить, подчистить… как описывалось выше. Чтобы в адресной строке браузера был чистенький зелёненький значок:

 

никаких предупреждений и красных крестиков быть не должно!

 

 

совет:

тестируйте только на обновлённых браузерах!!

 

 

 

сайт на https

 

 

 

Какие-то предупреждения браузера — всякие жёлтенькие замочки и пр. — следует исправить…

 

 

На той страничке, где возникло предупреждение браузера о неправильном шифровании — или, лучше сказать, не полном шифровании страницы («смешанном содержимом») — открывайте инструменты веб разработчика браузера — клавиша F12, и ищите «неправильную» ссылку, меняя её допиской «S» в файле или там где-то… а попросту — дописывайте к старому забытому по невнимательности протоколу http буковку «S» т.е https.

 

 

И как итог проделанной работы, — непременно нужно проверить правильность и безошибочность в работе нового протокола вашего сайта — пройдите по этой ссылке https://www.sslshopper.com/ssl-checker.html — должно быть всё чистенько…

 

 

 

https для сайта

 

 

 

 

описание перехода на ssl в документации хостинга Джино на этой страничке.

А вот ТУТ можно познакомиться с моим обзором нескольких известных хостингов: возможно, кому-то из новичков будет полезно познакомиться перед окончательным выбором хостинга: ведь нужно не прогадать — иначе одна морока годами…

 

 

Как видите: в общем-то в переходе на https нет ничего сложного!

И конечно же, если вы более-мене ориентируетесь в файлах своего шаблона, то переход на ssl не отнимет много времени.

 

 

 

Если что не ясно, спрашивайте: с удовольствием помогу перевести ваш сайт!!

 

 


На этом занавес представления опускается…
…на рампы пыль печальная ложится…

 

Подписаться на life-News студии занимательная Михалика
SendPulse - NoSpamX || Михалика ©

 


Благодарности)) и вопросы в комментариях - помогу… в чём дюжу
А также Вы можете просто:
Нажатия на кнопочки определяют Ваше высокое гражданское сознание
ещё статьи по теме:

меточная навигация:


Комментарии © 33 к статье: Как перевести сайт на https — сертификат ssl — шифрование

  1. Спасибо, за подробное описание!
    Долго думал – переводить или не переводить свой блог на https… Решился…
    Поступаю соответственно описанным шагам в Вашей статье…
    Пока всё нормально !!!!!!!!!! все ссылки на сайте в файлах поменял… и в статьях с помощью плагина — ЗДОРОВО !! именно статейных ссылок я боялся больше всего…
    Работаю дальше… — отпишусь)

    Ответить - ИВАН

    • Здравствуйте, Иван!
      Пробуйте… и спрашивайте, коли что будет не ясно.

      Ответить - Михаил

  2. Спасибо большое вам, веб разработчик, за такую полезную статью!
    Мне ваш пост пришелся по понятиям.

    Ответить - Лера

    • …а большое-то за что?) Лера…
      Вам спасибо большое, за визит, чтение и то, что отписались.

      Ответить - Михаил

      • Мерсите)) У Вас полезно чтение ещё и тем, что можно от души русскому языку позавидовать… и подучиться) Хотя seo, везде его портит нещадно!
        Вы, интересно знать, просто не признаете сео или лавируете как то?

        Ответить - Лера

        • Знаете, Лера! у меня просто не получается это seo признавать. Ну ни как душа не принимает логику сю.
          И Вам мерсите, за компле… ксный диалог.
          Плагин с поправками отправил на почту.

          Ответить - Михаил

          • Да–а… мутная наука!
            …а нужно бы и сео сю признать!

            Ответить - Лера

  3. Здравствуйте, Михаил!
    Спасибо вам большое за такую подробную и полезную статью.
    Все сделала, как вы рекомендовали, но после переноса сайта на https он почему-то перестал открываться в Firefox. Во всех остальных браузерах проблем не наблюдается, а Мозила пишет «Владелец site.ru неправильно настроил свой веб-сайт. Чтобы защитить вашу информацию от кражи, Firefox не соединился с этим веб-сайтом. site.ru использует недействительный сертификат безопасности. Сертификат действителен только для следующих имён: castle.inforos.ru, home.inforos.ru, mail.inforos.ru Код ошибки: SSL_ERROR_BAD_CERT_DOMAIN»
    Я ходила по ссылке, которую вы дали (SSL-чекер) — все, как и у вас, зеленое. Никак не пойму, где напортачила.
    Вы меня просто осчастливите, если поможете.
    Вот ссылка на сайт, если что — //ugs-ro.ru
    Спасибо!

    Ответить - Ольга

    • Здравствуйте Ольга!
      Вы, оч. вероятно, пользуетесь необновлённым браузером Ф.Ф.
      SSL_ERROR_BAD_CERT_DOMAIN — это, если коротко и не вдаваясь в путаные подробности — типичная «временная» ошибка сервера или сертификатов — в Вашем случае, как я понимаю, взглянув на ссылку — конкретного браузера…
      Я переходил по Вашей ссылке: сайт открывается правильно и без ошибок относительно сертификата во всех браузерах, которые у меня только были.
      Так что, Ольга, примите поздравления, за ловко выполненную работу!
      Если остались или появились вопросы, задавайте…

      Ответить - Михаил

  4. А ведь были у меня смутные сомнения, когда я в вебвизоре наблюдала, как человек преспокойненько с мозилы заходит… Эх.
    Обновление последнее стоит, расширения вроде бы все проверила на предмет вредительства.
    Ну да ладно, будем разбираться. Главное, что у всех остальных сайт открывается без проблем.
    Спасибо вам большое! Буду теперь в гости к вам ходить, образовываться :-)

    Ответить - Ольга

    • …да Вы просто-напросто тестовый браузер замените… переустановите чистенько, в смысле… (хотя можно и одну только его сертификацию обновить: полезно для всяческих тестов) и посмотрите на результат… а уж только потом разбирайтесь круто)
      Ошибку-то, конечно, можно и отыскать и понять, но вот смысл-то этим знаниям будет фук) ибо баги есть баги. …и всякие кэш-накладки будут всегда, и они уникальны: всего не раскушать)
      Заходите, конечно же, Ольга.

      Ответить - Михаил

      • И то верно. Пожалуй, так я и поступлю.
        Еще раз спасибо :-)

        Ответить - Ольга

  5. Спасибо Михаил за статью. Можете ответить на вопрос: это статья касается именно ПЕРЕЕЗДА с обычного htts на https? то есть эти инструкции не касаются тех, кто сразу создает сайт на https?

    если я ДО создания нового сайта подключу его к https, то мне вот это вот всё (что описано в статье) потребуется делать?

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

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

    Ответить - Елена

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

      P|S
      через полчасика-часик и на предыдущие Ваши комментарии отвечу…
      Спрашивайте, что не ясно — смелее. Не стесняйтесь!..

      Ответить - Михаил

  6. спасибо Михаил. еще вопрос. есть ли у вас публикация по настройке какого-нибудь плагина с картой HTML для сайта? я на новом сайте установила какой-то плагин (точно не помню его название, посмотреть сейчас не могу) — он у меня не работает. когда добавляю статьи — карта не создается (под карту эту, которая не для роботов, а для людей) у меня создан отдельный раздел с заголовком «Все статьи». там вроде бы при помощи этого плагина должен создаваться список ссылок на статьи. Но его нет.

    в общем, если у вас есть название плагина — дайте пожалуйста. а если есть статья по его настройке — тогда буду благодарна вдвойне, если ткнете меня в эту статью (конечно, хочется чтобы плагин был совместим с последней версией вордпресс 4.8.1).

    Ответить - Елена

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

      У Вас что за шаблон?

      Ответить - Михаил

  7. у меня платный шаблон. покупала у разработчиков wp-puzzle. не знаю как ответить на вопрос «какой щаблон»? имеете ввиду вордпрессовский бесплатный или платный? если да, то — платный, российские разрабы , он полностью на русском, минималистичен и очень прост (как раз для новичка выбирала)

    Ответить - Елена

    • А-а… знаю wp-puzzle! …их релиз шаблонов есть у меня на сайте…

      …что-то Вы на особого новичка не похожи… — прямо с платного шаблона начали.

      Ответить - Михаил

  8. ну как новичек… это правда мой первый сайт. и первый в жизни шаблон. и вообще все — первое. но интересоваться созданием своего сайта я начала очень давно — более 3 лет назад. иногда что-то почитывала, посматривала и не могла цельную картину сформировать «что да как и с чего начать». потом посмотрела серию уроков одного блогера «как создать блог» и наконец-то примерно представила себе как это выполнить технически. ну и вот… чего-то слепила… теперь — переделывать буду (из-за паршивого домена).

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

    а еще у них шаблон на русском и мне не надо термины специфичные переводить и их осмысливать — все ясно.

    ну и я купила у них самый дешевый — за 2100 рублей.

    Скажите, Михаил, а где лучше купить домен, чтобы вот такая гадость мне больше не досталась?

    Ответить - Елена

    • Понятно! правильно, что платный шаблон решили использовать. Коли изучение кода не интересно — то только платный… единственный минус — знания!
      Домен можно покупать где угодно… прямо на хостинге или у регистратора (придумайте имя какое-то сами). Только желательно всё равно проверять историю доменного имени: ну, хотя бы здесь //whoishistory.ru/simplesearch?domainsimple=&sortby=desc&sbmt=start&returnhref=
      …также можно следить за ссылками своего сайта, вот тут можно (тот же линкпад) //www.linkpad.ru/?e=4b7fcf7e
      Ну, я думаю, что подобного горя) не повторится… это что-то за гранью…
      Пароли в админку создавайте сложные и пр. и пр.
      Можете читать здесь на сайте статьи, есть много полезного… Наполнять сайт, тоже желательно подучиться… и — спрашивайте, конечно же…

      Ответить - Михаил

  9. спасибо большое Михаил. некоторые ссылки я уже пользую))) да, я поэтому тут и застряла, что у вас есть много полезного. ну я конечно к вам еще вернусь и наверняка будут еще вопросы, если не возражаете?

    Ответить - Елена

    • Конечно-конечно… спрашивайте. Нюансов, о которых нужно знать — множество: по всяким уборкам шапки сайта wp_head — скоростям загрузки… zip сжатие… словом, много чего… Сами смотрите, а коли что не ясно… ну, Вы знаете — нужно спросить.

      Карта сайта потребуется… пишите (это — бесплатно же)).

      Ответить - Михаил

  10. так требуется же)) уже сейчас. буду ждать карту)

    Ответить - Елена

  11. Здравствуйте, Михаил! Хотелось бы уточнить: сначала выполняем шаги с 1 по 5 и только потом подключаем сертификат?

    Ответить - Натали

    • Знаете, это смотря по тому как быстренько вы намерены выполнить работу по переносу … но в любом случае какие-то баги и «падения» сайта неизбежны!
      Я бы советовал: сразу настроить редирект… т.е вписать пару строк кода в .htaccess (у хостера узнайте насчёт строчек «редиректа»: обычно они банальны и подходят многим) — второе: подключаете сертификат… и пока он вам выписывается — изменяйте URL сайта в админ-панели (или в БД). После этого сайт откроется по новому HTTPS !!
      …далее зменяете URL ссылок на сайте, можно при помощи плагина Velvet Blues Update URLs
      Ну а потом постепенно править… править…

      Ответить - Михаил

      • Благодарю за ответ! Немного страшно приступать к переносу, буду настраиваться на это дело. И позвольте небольшой комплимент: у вас довольно интересный блог, вплоть до текста в футере и мне очень импонирует манера и стиль вашего общения с читателем!

        Ответить - Натали

        • Вам спасибо! на добром слове, Натали! …и мне лестно заметить серёдь читателей человека, гладко излагающего орфографические слова-с))

          Немного страшно приступать к переносу, буду настраиваться на это дело

          Настраивайтесь… переходить — нужно! и ещё: начался сезон, так сказать.!. — а при переходе будет некое проседание позиций… и, думается, ни к чему тянуть, уж лучше на старте бархатного web-сезона блогодела окончить дело… ну, чтоб особо не потерять внимания ПС.
          Вы обращайтесь, коли возникнут трудность — решим вопрос… это всё фигня))

          Ответить - Михаил

          • Спасибо, Михаил!

            Ответить - Натали

            • Да что Вы, Натали! не за что.

              Ответить - Михаил

  12. Здравствуйте Михаил. Это снова — я))) Скажите пожалуйста, нужен ли мне плагин «WP Типограф лайт» (обычно его рекомендовали для нормального отображения всяких знаков и символов). Или в последней версии «вордпресс» его ставить необязательно? Всё ли нормально отображается на сегодняшний день БЕЗ такого плагина?
    Я делаю сайт по старым урокам (новых в сети толковых для меня не нашлось, видимо) и там этот плагин рекомендуют ставить новичкам. Но с тех пор, ведь, много воды утекло и сегодня, может, такой плагин уже не нужен?

    Ответить - Елена

    • В этом вопросе (о плагине) я Вам посоветовать едва ли что смогу: подобными вспоможалками в «письме и организации Русского языка на блоге» никогда не пользовался). Это всё чушь и глупость — двоечнику вряд ли поможет какой-то плагин! ..тем более этот плагин не обновлялся 2 года.
      Кроме того, что Ваш вопрос … об этом плагине никаким боком не идёт к этой статье, ничего не могу добавить…

      Ответить - Михаил

  13. простите Михаил. я знаю что к этой статье не идет мой коммент, просто какую статью пересматривала — туда и спросила))) извините.

    Ответить - Елена

    • Да ничего страшного… просто люди путаются … возникают бесполезные вопросы на почту… и всего делоф.

      Ответить - Михаил

Поделитесь соображениями: Ваши мысли очень важны! $ правила комментирования ©

Внимание! Обязательные поля помечены *

 для диалога необходимо принять правила кофиденциальности и пользовательского соглашения *
Яндекс.Метрика