Как получить бесплатный SSL сертификат и перейти на HTTPS для Blogger

На Русском информацию найти тяжело, поэтому когда я переходил на https (блог econdude.pw), я переводил Английские гайды 2016-го года, довольно современные. 

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

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

Прежде чем переводить свой сайт на blogger на https я хочу вас предупредить что на данный момент blogger довольно плохо поддерживает https для своих доменов.

У вас могут возникнуть проблемы с дублями страниц, а некоторые элементы и виджеты (например популярные статьи) могут отображать http.

Некоторые из этих проблем решаемые, например можно насильно заставить blogger использовать https, просто в поиске шаблона замените все ссылки (href) с "https" на "http", но это решит не все проблемы.

Канонические адреса в мобильной версии вы заменить так уже не сможете.

Одним словом переехать на https на blogger возможно, но у вас могут возникнуть проблемы, поэтому подумайте надо вам это вообще или нет.

Как получить бесплатный SSL сертификат для Blogger

Для написание этой статьи я переводил материалы howtoshout.com и конкретно вот эту статью, автора оригинала стоит упомянуть (Prajjwal Rajput) и сказать спасибо.

• Открываете dashboard (панель), а потом идёте в настройки домена (Domain’s Setting). Всё это делается на сайте где вы покупали домен для blogger, а не в интерфейсе самого blogger;

• Там вы увидите "nameservers" - имена серверов;

• Выберите "Custom Nameservers" - свои имена серверов, и введите те, которые вам выдал Cloudflare;

• После настройки трех правил, проследуйте в раздел "firewall"
• Security Level (Уровень защиты) - выбирайте low (низкий)
• На этом всё с Cloudflare, можем закрывать и идём в наш блог.

Настройка блога

• Откройте редактор HTML
• Найдите "</head>" и вставьте код, который я указал ниже, перед (выше) head.

<script>
$(document).ready(function() 
{           $("a").each(function() 
{             var i = $(this).attr("href");            
 var n = i.replace(http://www.yourdomain.com, "https://www.yourdomain.com");                               $(this).attr("href", function() {               return n             })           })         });       </script>

<link href='https://www.yourdomain.com/favicon.ico' rel='icon' type='image/x-icon'/>
<meta content='blogger' name='generator'/>
<link href='https://www.yourdomain.com/feeds/posts/default' rel='alternate' title='BLOGTITLE - Atom' type='application/atom+xml'/>
<link href='https://www.yourdomain.com/feeds/posts/default?alt=rss' rel='alternate' title='BLOGTITLE - RSS' type='application/rss+xml'/>
<link href='https://www.blogger.com/feeds/BLOGID/posts/default' rel='service.post' title='BLOGTITLE - Atom' type='application/atom+xml'/>
<!--[if IE]><script type="text/javascript" src="https://www.blogger.com/static/v1/jsbin/2591933621-ieretrofit.js"></script>
<![endif]-->
<meta expr:content='data:blog.url' name='og:url:domain'/>
<!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script> <![endif]-->

Почему HTTPS показывается оранжевым?

• Часто вам нужно будет перезалить логотип и favicon блога еще раз.
• Часто виджет поиска (стандартный от blogger) будет мешать HTTPS, поэтому лучше поставить пользовательский поиск от Яндекса или Google.

<form expr:action='data:blog.searchUrl'>

<form expr:action='data:blog.searchUrl.https'>

Последнее...

User-agent: Mediapartners-Google
Disallow:
User-agent: *
Disallow: /search
Allow: /
Sitemap: https://www.yourdomain.com/sitemap.xml

Заключение