With the release of Google’s recent update, Chrome browser will mark all non-https sites as not secure. Also, in a recent news, Google has cleared that HTTPS is another factor it will take into consideration while showing search results. Search engines like Google prefer a secure site while showing search results. In this article, I have discussed a complete guide on how to enable HTTPS on Blogger blog with custom domain. Also, this article will help you fix some errors (like the mixed content error) after switching to HTTPS.
Table of Contents
Use of HTTPS (HyperText Transfer Protocol Secure)
HTTPS i.e. Hypertext transfer protocol secure is the secured version of HTTP. It was established to secure online transaction & user data (like passwords & credit card numbers). Almost all the e-commerce site use HTTPS to protect user data from hackers. Since due to Google’s recent updates HTTPS is now necessary for all small & big websites.
Even if you have your own blog, you should enable HTTPS on your blog in order to give users a secure experience. Everyone wants to stay on a secure website, so it highly impacts your bounce rate too.
Points to keep in mind before enabling HTTPS on Blogger Blog
Few points you should keep in mind before enabling HTTPS on Blogger blog.
- You may lose some traffic for a few days. This is so because Google takes some time to re-index all your URL’s with HTTPS.
- You will get some mixed content error on your Themes HTML, which you have to fix. (Discussed Below)
- You need to submit your site to Google Search Console again with HTTPS. (Discussed Below)
- You need to re-submit your Sitemap to Google Search Console. (Discussed Below)
How to enable HTTPS on Blogger Blog with Custom Domain?
You can easily enable HTTPS on your Blogspot blog by following these 3 easy steps:
Step 1: Visit Basic Settings in your Blogspot Blog
In the first step, you need to visit your Blogger Dashboard. Now, visit the following settings: Blogger Dashboard >> Settings >> Basic. In Basic, just below Publishing section, you can see an HTTPS section. Follow the below screenshot:
Here we need to make some changes in the HTTPS section in order to enable HTTPS on Blogger blog with custom domain. Follow Step 2 to turn ON the HTTPS availability.
Step 2: Turn HTTPS Availability ON
In the second step, you have to turn ON the HTTPS availability for your Blog. Under the Basic section turn ON HTTPS by selecting HTTPS availability as Yes. Follow the below screenshot for the detailed guide:
It may take up to 5 minutes for HTTPS availability to be turned ON. In some exceptional cases, it may take up to an hour. All you need to do is to refresh the Setting page after 5 minutes. Follow Step 3.
Step 3: Turn HTTPS Redirect ON
After waiting for 5 to 10 minutes HTTPS availability will be turned ON as shown in below screenshot. Now you need to turn ON the HTTPS redirect so that visitors of your site will always redirect to secure connection. Similar to Step 2, turn HTTPS redirect ON by selecting Yes just after HTTPS redirect. Follow the below screenshot:
After the HTTPS redirect is turned ON, you can visit your blog and experience HTTPS on your blog. Since we have completed the setup of HTTPS on our Blogger blog. Now its time to fix some errors caused due to HTTPS.
How to Fix Mixed Content Error?
Since you have enabled HTTPS on Blogger blog. Now if someone visits your blog/website, then the browser may show your initial HTML content. This type of error is called mixed content error.
Step 1: Visit your Theme’s HTML
In order to fix mixed content error into your blog, you have to make some changes to your theme HTML. First, visit your theme HTML via the following settings: Blogger Dashboard >> Themes >> Edit HTML. Follow the below screenshot:
Now, you need to simply click on Edit HTML. (Be sure to back up your Blogspot theme before making any change in it)
Step 2: Search for http://
Once you visit your theme HTML, you will see a long piece of HTML code. You have to search for Http:// into your Blogspot theme just by pressing Ctrl + F. Follow the below screenshot for better results.
Step 3: Replace all http:// with https://
Since you have found all the non-https links into your theme HTML. Now you have to change all http:// links to https:// link. After doing this the mixed content error will be resolved.
Since you have successfully fixed all the mixed content errors. Now you have to add your new https:// site into Google Search Console. Also, you have to submit the sitemap for your site again. Follow the below steps:
Add your HTTPS site to Google Search Console:
If you have previously added your site to the Google Search Console, then it’s time to resubmit your site. It is so because you have previously added your non-https site in Search Console. If you don’t add your new site into Google Search Console, then Google shows your site without https in search results which may impact your site SEO score.
Follow the below steps to add your new site into Google Search Console:
Step 1: Visit Google Search Console
In the first step, you have to login into your Google Search Console account. Use your google account to login. After successful login, you have to click on ADD A PROPERTY. Follow the below snapshot:
Step 2: Add your site with HTTPS
After you click on ADD A PROPERTY, a new popup window will open up. Here you need to enter your site with https (e.g. https://harishjoshi.com). Follow the below screenshot for more details.
After entering your property (sites URL), you have to click on Add. That’s it, now your new URL is successfully added to Google Search Console. Adding your website into search console isn’t enough. You have to submit the sitemap for this new URL.
Follow the below guide to submit the sitemap for your new site into Google Search Console.
Submit sitemap for your New Site into Google Search Console:
In the last step, you have added your https site into Google Search Console. Now its time to submit the sitemap for your site. It is the last and easiest step in the complete process to enable https on Blogger blog with custom domain.
Step 1: Visit Sitemap
In the first step, you have to visit your Google Search Console Dashboard. In the left side under Crawl section, Click on Sitemap. After visiting the above settings, you have to click on ADD/TEST SITEMAP.
Step 2: Add Sitemap
In this step, you have to add your sitemap into the popup that opens just after you hit ADD/TEST SITEMAP. You can also take the help of the below screenshot.
Sitemap for Blogspot Users !!
If you have less than or equal to 500 posts in your Blogspot blog, then you can add the below sitemap after your URL into Step 2.
If you have more than 500 posts (or less than 1000), you have to add an extra sitemap as quoted below.
In this way, you can easily add the sitemap for your new https blog into Google Search Console. Since we have completed all the steps. Now its time to summarize the complete post.
In the above-detailed guide, we have discussed how to enable https on Blogger blog with custom domain, how to fix mix content error & how to resubmit your site into Google Search Console. Following the above guide, you can easily enable https with a custom domain on your blogger blog.
I have tried to clear all your doubts in this tutorial. If you still need any help, you can ask your questions in the comment box. Appreciate my efforts by sharing this post. ❤