seo

Как осуществить переход с http на https блога без потерь

переход c http на httpsОсуществить переход с http на https - на сегодняшний день, головная боль каждого владельца сайта. Слишком много информационного шума по этому поводу. И страхов...

Сначала выясним, что это такое - протокол https?
Мы по сей день работали на так называемых открытых протоколах http. Эти протоколы позволяют делать запрос на сервер об определенной информации и получать ответ в открытом виде.

То есть, если между Вами и сервером кто-либо находиться, то подключившись к передаче он так же получит эту информацию. Которую он может использовать по своему назначению и не всегда в Вашу пользу.

В современном мире такие случаи повторяются все чаще и чаще. Вот по этому и было принято решение все ресурсы перевести на закрытые протоколы - https. Именно такими мы пользуемся, например в кошельках. В этом случае как запросы, так и куки, практически все - шифруется.

Шифрование производится с помощью сертификатов SSL.  Необходимо этот процесс не столько для владельца сайта, сколько для пользователя, который приходит на ваш сайт. Это в том случае, если речь идет о сохранении данных посетителя.

Но надо помнить и о том, что если Ваш сайт имеет защищенный протокол, то
1. Повышается доверие к Вашему сайту;
2. Поддерживается репутация сайта;
3. Получаете более полную статистику посещаемости;
4. Наличие защищенного протокола скоро станет ранжирующим фактором (Ходят слухи, что с 1 января         2017 года Google убирает из индекса сайты на http. Слухи...)

Так же есть подтверждение того, что скоро не будет сайтов с открытым протоколом. Так как некоторые браузеры (Например FireFox) готовят обновления, которые не позволят работать с сайтами http. А Google еще летом заявил, что ему не выгодно отображать незащищенные сайты. И так далее... Не буду Вас больше пугать. Более полную информацию Вы сможете найти самостоятельно.

Давайте перейдем к конкретике - Что нам надо сделать, что бы перевести сайт с протокола http на https?

Как всегда повторюсь, я пишу для начинающих блогеров, у которых блоги созданы на платaформе WordPress. Поэтому писать буду применительно к этой платформе и достаточно подробно, по шагам.

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

зеленый замочек

Другие пишут, что если сайт небольшой, то можно сначала его перевести на закрытый протокол, а потом уже править смешанный контент (об этом тоже впереди). Тем более есть возможность работать на "желтом замочке". Это как у светофора - предупреждение. В браузере GoogleChrom этот замочек отображается так, с восклицательным знаком.

желтый замочек

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

А может и вот так получиться. Как Вы думаете, захочет посетитель зайти на Ваш сайт?


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

Итак, начнем. Я буду показывать все правки и установки при использовании браузера GoogleChrom. И хостинга TimeWeb, так как я на нем покупаю услуги для моих сайтов.

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

Шаг 2. Идем на хостинг приобретать сертификат SSL. На TimeWeb (практически на всех остальных хостингах аналогично) Вы находите его в Дополнительных услугах.


дополнительные услугиКликаем по иконке и попадаем в выбор сертификата. Открываем меню и выбираем сертификат, который стоит 0 рублей. Для начала нам этого хватит. Действует он 90 дней. А потом автоматически продлевается.


заказ сертификатаВыбираем домен. Соглашаемся с Правилами и кликаем на кнопку Заказать.

домен

Появляется сообщение о принятии заказа и пересылке на Вашу привязанную почту информации. Ждем письмо.


письмоШаг 3. Подключаем сайт. Для этого идем в раздел - Сайты на хостинге. Выбираем тот, к которому подключили сертификат и по зеленой шестеренке, заходим в его настройки.

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


соединениеШаг 4. Вставляем код в файл  .htaccess. Для этого заходим в консоль блога в плагин SEO - Инструменты - Редактор файлов. И в самый конец файла вставляем код.

код

Вот этот код

Код может варьироваться, в зависимости от хостинга. Обратите внимание на информацию в службе поддержки. Сохраняем файл.

Шаг 5. Правим файл robots.txt

Не выходим из плагина SEO - Редактор файлов. А тут же заходим в файл robots.txt и меняем для робота Yandex директиву host:
Дело в том, что мы создали второй сайт, с другим протоколом. И об этом надо сообщить роботу. В моем файле это выглядит так:

Шаг 6. Сообщаем Вебмастеру Яндекса о всех изменениях. Заходим в Вебмастер - Настройки индексирования - Переезд сайтов. Устанавливаем галочку в чекбоксе - Добавить https. Кликаем на - Сохранить изменения и получаем в верхней части окна фиолетовую заставку с информацией:
В ближайшее время в результатах поиска вместо домена irismirnoff.com появится https://irismirnoff.com

Вебмастер

Обратите внимание на текст выделенный желтым. Так что результаты выдачи. в первое время могут сильно измениться. А также обнулиться ТИЦ. Но обещают в течение двух-трех месяцев все вернуть на круги свои. Подождем - Увидим.

Шаг 6. Правим общие настройки блога.

Зайдите в консоль - Настройки - Общие. И поправьте протокол сайта.
настройки общие
После всех процедур ( а я очень надеюсь, что Ваш сайт отображается корректно) пройдитесь по страницам сайта. Очень приятно будет, если каждая адресная строка будет отмечена зеленым замочком. Но если будут странички и с желтым - не расстраивайтесь, в следующей статьей я напишу как все исправить.

А вот если будет запрет на сайт - срочно идите на хостинг и отключайте сертификат. Помните, где мы его включали? Пункт 3.
Только обратите внимание на возможности последующего подключения сертификата. Я столкнулась с тем, что есть хостинги, которые закрывают Ваш сайт после отключения SSL сертификата практически на двое суток. Почему - не знаю... Наверное этому есть какое-то объяснение. Таймвеб в этом случае лоялен. Вы можете экспериментировать практически без ограничений.

Ну что же, до следующей статьи. Удачи Вам в работе! Все получиться!

Комментарии:

11 комментариев на «“Как осуществить переход с http на https блога без потерь”»

    • Нет, в нашем случае — бесплатный. Мы его приобретаем на 90 дней. По истечении срока — устанавливаем следующий. Итак, в течение года — четыре сертификата

  1. Здравствуйте, Ирина!
    толком не разобралась.
    http на https обязательно надо сертификат обретать?

  2. Это я удачно зашла)) Отличный сайт. Последовательно, понятно и толково. Спасибо.

  3. Спасибо, информации о переводе много, но ничего конкретного. В Вашей,статье, все последовательно….

  4. Перевел блог на https, к сожалению работать стал не корректно.
    Это , как я понимаю из за картинок и своего шаблона.
    Ирина, ждем вашу новую статью, как это все исправить!

    • Написал в тех поддержку, вот такой был ответ:

      При обращении к Вашему сайту solodun.ru по протоколу HTTPS мы наблюдаем ошибку Mixed Content. Данная неполадка означает, что часть ресурсов Вашего сайта загружается из источников по незащищенному соединению HTTPS, в том числе и файлы стилей CSS отвечающие за корректное отображение Вашего solodun.ru сайта.

      Попробуйте, пожалуйста, добавить в файл «.htaccess», который должен быть создан и размещен в папке с файлами сайта, следующую строчку:

      SetEnvIf X-HTTPS 1 HTTPS=1

      После чего проверьте работу сайта по протоколу HTTPS.

      После изменений файла все стало как надо!
      Зеленый замочек радует.
      Спасибо Ирина!

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

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