Free Way to Enable HTTPS on Your Blog and Why You Should  

  RSS

Odira
Eminent Member Admin
Joined:9 months  ago
Posts: 32
04/01/2017 4:10 pm  

In case you don't know yet, HTTPS is now a ranking  factor in Google search engine. If you are hoping to get traffic from Google search, that is one reason why you should.

Though not a major ranking factor (according to Google), many people have reported increase in ranking after turning on HTTPS.

Other benefits to using HTTPS instead of HTTP to access your blog include:

  • It helps check that your visitors open the correct website and aren’t being redirected to a malicious site.
  • It helps detect if an attacker tries to change any data sent from Blogger to the visitor.
  • It adds security measures that make it harder for other people to listen to your visitors’ conversations, track their activities, or steal their information.

There are many different SSL certificate with different security features and different prices, but for most blog, a simple Flexible SSL certificate is enough.

Here is how to enable HTTPS on your blog:

For free Blogspot domain:

If you are on Blogger and you are using the free blogger domain, eg. example.blogspot.com, enabling HTTPS is fairly simple. Just follow the steps below.

  1. Sign in to Blogger.
  2. Select the blog to update.
  3. In the left menu, click Settings > Basic.
  4. On the right, select Yes under "HTTPS" > "HTTPS Redirect."

That's it. Your Blogspot blog will now be redirected to HTTPS.

For custom domain (whether you are on WordPress or Blogger):

To enable HTTPS on your blog with custom domain, you will need CloudFlare CDN.

CloudFlare is a content delivery network (CDN) and the main purpose of their service (and other CDNs) is to make your website faster by caching your site and serving the cached version to your visitors.

CloudFlare CDN has some other benefits aside Free SSL which include protecting your site from hackers, making it faster and reducing the load on your server.

Here is how to HTTPS on your blog using CloudFlare:

1. Add CloudFlare CDN to your Blog

  • Firstly, create a new account on CloudFlare and then you’ll need to add your domain to it and click on “Scan DNS Records“.

  • After adding your domain, it will 1 minute to scan your domain’s DNS records
  • Once Canning progress is completed, CloudFlare gives you 2 custom name server and you need to replace those with your default domain name servers. Follow below steps to add Cloudflare’s nameservers in your Domain name.
    1. Open your Domain registrar dashboard or My Account page, then Go to Domain’s Setting
    2. There you’ll see something like “change nameservers” or something like nameservers
    3. Then you need to select “Custom Nameservers” and add the Cloudflare’s nameservers which are provided after added your domain name.
  • Once you replace your nameservers with Cloudflare’s nameserver, means your domain is now using the Content Delivery Network.

2. Enable SSL certificate (HTTPS) on your domain.

Here is the guide to that:

  • Go To the “Crypto” tab on CloudFlare’s account
  • Then select the “Flexible” option from the SSL section.

  • Congratulation! You’ve successfully enabled the SSL (HTTPS) Certificates on your blog’s custom domain.

3. Redirect you domain, sub-domains, and Permalinks from HTTP to HTTPS:

This is the most important part of this guide because you’ve to let your blog stop using the old HTTP and redirect your blog to new SSL (HTTPS). Follow all below steps carefully.

  • Go to the “Page Rules” tab and then you have to add 3 Page Rules as shown in below images.
  • But remember you need to just change “bloggerguider.com” with your “domain name“.

  • After creating all 3 Page Rules properly, Go to the “Firewall” tab
  • In the Security Level section choose the “Low” option.

That's all you need to do on CloudFlare.

Moving on, if you are on Blogger platform, here is the next thing you need to do:

If you open your blog and you will see that your blog’s homepage is automatically redirecting to HTTPS version. But now your blog’s permalinks is not in the HTTPS version so we need to make all of them HTTPS and redirect the complete blog from HTTP to HTTPS.

  • Now open your blog’s template HTML Editor
  • And search for the “</head>” tag (without quotes) and paste the following code above the </head>
             $(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             })           })         });       
  • Now after this, find the below code in your template:
    <b:include data='blog' name='all-head-content'/>
  • Remove it and add the following code below the “<head>” tag
    <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]> https://www.blogger.com/static/v1/jsbin/2591933621-ieretrofit.js  <![endif]--> <meta expr:content='data:blog.url' name='og:url:domain'/> <!--[if IE]> (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 <![endif]—>
  • Now save your template.

If you are on WordPress, here is the next thing you need to do:

  • Install the following plugins: WordPress HTTPS Plugin and CloudFlare Flexible SSL Plugin.
  • Configure WordPress HTTPS Plugin as follows
    1. Go into the plugin’s settings
    2. Select yes for the proxy setting
    3. Save

  • Now finally change your Site Address (URL) to “ https://”, but make sure you leave the WordPress Address (URL) as “ http://”.

    **IMPORTANT** If you change your WordPress Address (URL) to “ https://” it will break your site. If your change your Site Address (URL) to “ https://”, without the Cloudflare Flexible plugin running it will also break.


Congratulation! You’ve successfully enabled the SSL (HTTPS) Certificates on all your pages.

Things to do after migrating to HTTPS:

After successfully migrated your blogger blog from HTTP to HTTPS, you need to let Google know that you’ve migrated your blog to HTTPS, so Google needs to crawl and index your blog with HTTPS. This part will help you to make your blogger blog more SEO optimize and improve your ranking in Google, Bing, and other search engines. So let’s do this.

If you are on Blogger, you need to update your Robots.txt file to make your blog SSL compatible.

  1. Go to Blogger Dashboard and go to your “Search Preference” settings
  2. In the Crawlers and indexing, replace your old robots.txt file with below one.
    User-agent: Mediapartners-Google Disallow: User-agent: * Disallow: /search Allow: / Sitemap: https://www.yourdomain.com/sitemap.xml 
  3. Now save your robots.txt file.

After that, the last thing you need to do is to add the https version of your site and it's sitemap to Google Webmasters tools so that google can index it. That's all.

NaijaWebLand.com - No.1 Forum for blogger, webmasters and internet marketers in Nigeria.


Odira liked
ReplyQuote
oswaggiee
Active Member
Joined:8 months  ago
Posts: 5
10/01/2017 3:06 am  

you can also get free https on Zerossl.com i got mine from there


Odira liked
ReplyQuote
Odira
Eminent Member Admin
Joined:9 months  ago
Posts: 32
10/01/2017 7:43 am  
Posted by: oswaggiee

 

you can also get free https on Zerossl.com i got mine from there

   

That is nice.

NaijaWebLand.com - No.1 Forum for blogger, webmasters and internet marketers in Nigeria.


ReplyQuote
  
Working

Please Login or Register