Как подключить SSL-сертификат к сайту

Мы неоднократно писали, переход на HTTPS – ключевой шаг для продвижения по рейтингу поисковых систем и для повышения доверия клиентов.

Сейчас мы пошагово разберем, как быстро и без ощутимых просадок позиций перевести сайт на расширенный протокол безопасности HTTPS.

Шаг 1 – Предварительная подготовка

Перед установкой SSL нужно установить все ссылки относительными, убрав привязку страниц к определенному протоколу.

К примеру, ссылка http://domain.com/page должна выглядеть так – /page или так – //domain.com/page

Также замените ссылки на внешние скрипты и статику, к примеру, было:

<script src="https://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>

Таким образом, все элементы страницы будут загружаться по тому протоколу, который был запрошен клиентом.

С ресурсами, с которых часто подключают контент – Facebook, YouTube, другие сервисы Google и Instagram – проблем не возникнет: они давно работают по HTTPS. Если какой-то из используемых вами скриптов недоступен по безопасному протоколу, лучше отказаться от него или разместить необходимый элемент, например, шрифт или изображение, на вашем хостинге.

Малопопулярные ресурсы, например, некоторые партнерские баннерные сети, могут не спешить переключаться на защищенное соединение. И здесь вам уже нужно принять решение – отказаться от их использования или договариваться с владельцами об использовании HTTPS.

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

Шаг 2 – Выбор и установка SSL certificate

Мы уже говорили о том, что такое SSL-сертификат, о его видах и назначении каждого из них.

Вкратце напомним – сертификаты бывают. По типу валидации:

• DomainValidation (DV) — проверка домена;
• Organization Validation (OV) — проверка организации;
• Extended Validation (EV) — с проверкой домена и расширенной проверкой компании.

По назначению:

• Защита доменов — обычные сертификаты;
• Защита поддоменов — Wildcard-сертификаты;
• Защита нескольких доменов — SAN-сертификаты;
• Сертификаты программного кода — Code Signing;
• Сертификаты с поддержкой IDN.

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

Выполнив установку, проверьте доступность ресурса по HTTP и по HTTPS. В случае возникновения проблем с доступом на сайт по какому-то из протоколов, займитесь поиском и устранением причины.

Шаг 3 – Настройка сайта для работы по HTTPS

• Измените директиву Host в robots.txt вашего сайта:

Host: https://domain.com

Этим вы сообщите поисковым системам об изменении основного зеркала вашего сайта.

• Установка перенаправления с http на https.

В файл .htaccess добавьте следующий код:

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

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

• Исправление ошибок

Нужно проверить все страницы, коды ответов, доступность ссылок, наличие ошибок в панели разработчика в браузере и устранить найденные ошибки.

Шаг 4 – Расскажите поисковым роботам о переносе

Чтобы завершить переход, в панели вебмастера Google требуется добавить HTTPS-версию сайта – теперь в списке доменов будет находится обе версии.

Если все действия будут выполнены правильно, то установка завершена успешно и вам нужно дождаться переиндексации в поисковиках с обновленным протоколом. В зависимости от количества страниц на вашем ресурсе, это занимает от 1 до 3 месяцев.

Наш телеграм

с важными анонсами, розыгрышами и мемами

Присоединиться