Как перевести сайт на HTTPS и не потерять трафик
Переход на HTTPS
Не так давно компания Google объявила о том, что начиная с января 2017 года браузер Chrome будет помечать сайты, которые работают на протоколе http как небезопасные.
Поэтому мы подготовили для вас цикл статей об переходе на протокол HTTPS. В первой статье мы рассказали и показали вам как заказать SSL сертификат, во второй статье ознакомились с тем как же установить SSL сертификат на сайт.
В данной заключительной статье мы расскажем как перевести сайт на HTTPS протокол и не потерять трафик из поисковых систем, ведь сайт работающий по https - это "новый" и совсем другой сайт для поисковых систем.
Поэтому мы подготовили для вас цикл статей об переходе на протокол HTTPS. В первой статье мы рассказали и показали вам как заказать SSL сертификат, во второй статье ознакомились с тем как же установить SSL сертификат на сайт.
В данной заключительной статье мы расскажем как перевести сайт на HTTPS протокол и не потерять трафик из поисковых систем, ведь сайт работающий по https - это "новый" и совсем другой сайт для поисковых систем.
После того как Вы приобрели и установили SSL сертификат на сервер, переходим к настройке.
I. Перелинковка
1) Первым делом нужно сменить ссылки внутренней перелинковки с абсолютных на относительные.
Относительные ссылки бывают двух типов:
a). Относительные вне зависимости от домена
https://site.com/about/ — абсолютная.
/about/ — относительная.
b). Относительные вне зависимости от протокола.
https://site.com/about/ — абсолютная
//site.com/about/ — относительная
Желательно всегда использовать относительные ссылки вне зависимости от протокола, ведь вы исключаете название протокола. В таком случае, работает сайт по HTTP или HTTPS не будет иметь значения, ведь он всегда будет ссылаться на страницы с тем же протоколом. Так же обратите внимание, что это касается лишь внутренних ссылок, так как внешние сайты могут просто не поддерживать HTTPS, поэтому ссылки на них лучше не изменять.
2) Так же нужно проверить вложения медиа-контента (изображения, видео, презентации, и др.) которые используются на сайте, что за протокол запрашивается. Их тоже нужно перевести в относительные адреса, что бы при переходе на HTTPS любой медиа-контент также подгружался с защищенных сайтов. Но для начала стоит убедиться что он источник так же доступен по HTTPS. Если же используемые картинки которые хранятся на вашем сайте, то просто используйте относительные адреса //site.com/img/image.png.
Различные популярные сервисы, которые позволяют внедрять контент, например YouTube, Facebook, и тд, поддерживают HTTPS, поэтому с ними проблем не возникнет. Если вы используете медиа-контент с непопулярных сервисов, то узнайте, будет ли этот контент работать/отображаться, если вы смените протокол http на https.
3) Для подключения внешних скриптов нужно сделать всё тоже самое, использовав относительные URL. Например, для библиотеки jQuery, вместо кода:
Нужно использовать:
Повторяем это и с другими скриптами: Яндекс.Метрика, Google Analytics, Яндекс.Директ, различные javascript библиотеки и др. Популярные сервисы и библиотеки поддерживают HTTPS.
Относительные ссылки бывают двух типов:
a). Относительные вне зависимости от домена
https://site.com/about/ — абсолютная.
/about/ — относительная.
b). Относительные вне зависимости от протокола.
https://site.com/about/ — абсолютная
//site.com/about/ — относительная
Желательно всегда использовать относительные ссылки вне зависимости от протокола, ведь вы исключаете название протокола. В таком случае, работает сайт по HTTP или HTTPS не будет иметь значения, ведь он всегда будет ссылаться на страницы с тем же протоколом. Так же обратите внимание, что это касается лишь внутренних ссылок, так как внешние сайты могут просто не поддерживать HTTPS, поэтому ссылки на них лучше не изменять.
2) Так же нужно проверить вложения медиа-контента (изображения, видео, презентации, и др.) которые используются на сайте, что за протокол запрашивается. Их тоже нужно перевести в относительные адреса, что бы при переходе на HTTPS любой медиа-контент также подгружался с защищенных сайтов. Но для начала стоит убедиться что он источник так же доступен по HTTPS. Если же используемые картинки которые хранятся на вашем сайте, то просто используйте относительные адреса //site.com/img/image.png.
Различные популярные сервисы, которые позволяют внедрять контент, например YouTube, Facebook, и тд, поддерживают HTTPS, поэтому с ними проблем не возникнет. Если вы используете медиа-контент с непопулярных сервисов, то узнайте, будет ли этот контент работать/отображаться, если вы смените протокол http на https.
3) Для подключения внешних скриптов нужно сделать всё тоже самое, использовав относительные URL. Например, для библиотеки jQuery, вместо кода:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
Нужно использовать:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
Повторяем это и с другими скриптами: Яндекс.Метрика, Google Analytics, Яндекс.Директ, различные javascript библиотеки и др. Популярные сервисы и библиотеки поддерживают HTTPS.
II. Настройки сайта
Что бы перенаправить весь трафик с http на https нужно всего лишь прописать 301 редирект в файле .htaccess который находится в корне с сайтом.
В большинстве случаев подойдет код:
В большинстве случаев подойдет код:
RewriteCond %{HTTPS} off
RewriteCond %{HTTP:X-Forwarded-Proto} !https
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
P.S. При использовании панели управления ISPmanager 5 - достаточно активировать функцию "Перенаправлять HTTP-запросы в HTTPS" в разделе "Домены/WWW-домены" нажав "Изменить" на требуемый домен. При условии активации "SSL"
Так же нужно прописать директиву Host в файле robots.txt
Host: https://site.com
III. Сообщаем поисковым системам о переносе
Чтобы не потерять часть поискового трафика, нужно сообщить поисковым системам о проделанной работе. Сделать это можно через панель вебмастера.
1) В Google Webmasters и Яндекс.Вебмастере необходимо добавить и подтвердить новый сайт, указав https версию.
2) В Яндекс.Вебмастере необходимо у HTTP-сайта указать главное зеркало HTTPS. Сделать это можно в меню “Настройка индексирования” — “Главное зеркало” — “Установить протокол HTTPS”.
3) Если для старой версии сайта в вебмастере были дополнительные настройки, то их нужно перенести и на новую версию. Например:
Настройки региона (геотаргетинг)
Файлы Sitemap.xml
Список ссылок в Disawov Tool для Google
Исключенные параметры URL для Google
1) В Google Webmasters и Яндекс.Вебмастере необходимо добавить и подтвердить новый сайт, указав https версию.
2) В Яндекс.Вебмастере необходимо у HTTP-сайта указать главное зеркало HTTPS. Сделать это можно в меню “Настройка индексирования” — “Главное зеркало” — “Установить протокол HTTPS”.
3) Если для старой версии сайта в вебмастере были дополнительные настройки, то их нужно перенести и на новую версию. Например:
Настройки региона (геотаргетинг)
Файлы Sitemap.xml
Список ссылок в Disawov Tool для Google
Исключенные параметры URL для Google
IV. Ожидание переиндексации
Теперь ваш сайт и пользователи полностью защищены. Такие поисковые гиганты как Яндекс и Google со временем изменят адрес вашего сайта в поисковой выдаче.
Опубликовано: Январь 13, 2017
