--> HTTPS: Blogger Images Given Relative Paths | Experience Lab - Online business creation and development guide for bloggers and startups

HTTPS: Blogger Images Given Relative Paths

I guess blogger heard us finally! =) We reported back some 5 major disadvantages of switching to HTTPS for blogspot blogs and among these ...

blogger images served with relative urlsI guess blogger heard us finally! =) We reported back some 5 major disadvantages of switching to HTTPS for blogspot blogs and among these disadvantages was the serious concern of mixed content issue majorly caused by picasa images inserted inside the blog posts. These images was given absolute paths and we discussed that unless images are given relative paths, switching to https at this stage could be a nightmare. Fortunately just recently all blogspot blogs which uses the encrypted and secure HTTPS connection will get all its media content auto replaced with Relative URLs. All images are auto served with relative paths

Note: Click the Button below to see full list of topics under discussion.

Topics List

How are Images Stored in Relative URLS?

All images that you upload in a blogger blog are stored inside Picasa web album. Previously even if you had enabled HTTPS, your visitors would continue seeing the following http error in their address bar. It was caused mainly due to image links stored in http:// instead of https://

https error in blogspot blog

Connection is Not Secure

The connection to this website is not fully secure because it contains unencrypted elements (such as images) or the encryption is not strong enough.

But now this issue has been fixed thanks to relative paths which automatically replaces your Image HTTP URLS with HTTPS URLS. 

relative path and absolute path for images

In Relative URLS case you don't need to change the URLs from http to https because the image src will pick the current Domain URL structure of your site no matter how many times you change it.


Before switching to https, blogger images are stored in absolute paths which looks like the one below:




After switching your .blogspot.com domain to HTTPS, the images will get a relative path or naked paths without the hyper text protocol as shown below:


Thanks to this relative URLS your connection will remain secure and your visitors wont see "connection Is Not Secure" Instead they will now see a "Secure connection" alert box in the address bar as shown below:

secure connection in blogger blogs

Secure Connection

Firefox has blocked parts of this page that are not secure

Areas which are blocked are your widget scripts which are using the HTTP connection. You will need to manually replace it with HTTPS or upload your scripts at a secure https hosting.

Your views?

Just two months ago we raised this SEO blunder that was causing serious trouble but I am really glad now that blogger has fixed this mixed content issue and has handled it effectively at server side. This was exactly was we recommended in our post. Do read that post to get a clear idea of what we mean. Although I will still request that blogger team may now also fix the http to https redirection problem which is not yet sorted out. Only then switching to HTTPS could effect a blog's search ranking positively.

How do you think this latest development will help publishers better fix the mixed content errors? What else would you request from blogger to fix? Do share your views in the comment box below.

Finally for bloggers with over 1K-10K posts, relative paths are surely no less than a heaven! =) 



Affiliate Marketing,12,Announcement,34,Bing,9,Bitcoin,38,blog,7,Blogger Resources,42,Blogger Templates,4,blogger tricks,156,Blogging ethics,70,Blogging tips,198,Bugs and Errors,34,Business,9,Copyright Violation,9,CSS and HTMLTricks,95,Designs,8,drop down menu,7,eBook,12,Email Marketing,7,Events,30,Facebook,30,Facebook tricks,49,Google,157,Google AdSense,42,Google Analytics,7,Google Plus,51,Google Plus Tricks,38,Guest Posts,112,home,2,How To,77,Internet,1,JSON Feeds,25,Kitchen Recipes,2,Label Based Sitemap Themes,1,Make Money Online,108,Marketing,16,MBT Blogger Templates,7,Menus,1,News,146,Pages,1,Posts,10,presentations,15,Responsive,10,Reviews,7,SEO,307,Settings,6,Shortcode,15,Sitemap Themes,1,Social Media,155,Technology,7,Templates,1,Tips,2,Tools,1,Traffic Tips,80,Video,19,Web Designing,62,web hosting,18,Webmaster Tools,97,Widgets,199,wordpress,26,
Experience Lab - Online business creation and development guide for bloggers and startups: HTTPS: Blogger Images Given Relative Paths
HTTPS: Blogger Images Given Relative Paths
Experience Lab - Online business creation and development guide for bloggers and startups
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share. STEP 2: Click the link you shared to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy