Using an SSL certificate on your website is very important for security. It is used to create an encrypted connection to the server to protect data from prying eyes. Though it can be used across an entire site, it is most commonly used for portions of the site that use sensitive information, such as shopping cart checkout areas.

How do I know the SSL is working?

It is very important for your visitors to know when they are on a secure area of your site. When the SSL is active on the page you are viewing, they can tell by checking the address bar at the top of the browser. There should be a small padlock icon in the address bar area. The format can can vary among the different browsers. Below are a few examples of different sites with different browsers.

Chrome Security Lock FireFox Security Lock IE Security Lock

 

Why does my lock disappear?

It is a common reaction to blame the SSL or host for having the certificate installed improperly. This is usually not the case. The SSL lock will only appear or display properly if all items on the page are linking securely. If there is even one unsecure link on the page, the SSL will appear as broken. This means it may not display at all, or it may display differently. Again, this will vary depending on the browser you are using. Below are examples of the same browsers using a page that is partially unsecure.

Chrome improper lock Firefox no lock visible IE no lock visible

 

Almost exclusively, the cause for this is the use of absolute links for images and text links within the page code instead of relative links. If even ONE link on the page is using the absolute format it will 'break' an otherwise secure page. Below are descriptions of absolute and relative addresss linking.

Absolute addresses

Absolute adddressing for images and links include the entire domain name and the prorocol, which is typically http://. For example, if you were linking image.jpg and your domain name was example.com, the link would be code as <img src="http://example.com/image.jpg">

Relative addresses

Relative addresses differ from absolute in that they include neither the protocol nor the domain name. Using the same image.jog file as before, he link code to that file in would simply be <img src="/support/image.jpg">.

It's a coding issue? How do I correct it?

The solution is 'relatively' easy, pun intended. You will need to go through the code for your site and change all absolute links to relative ones. With hand-code sites this can be a simple, but tedious process. If your site is coded with a Content Managemetn System such as WordPresss or Drupal, they should already follow this rule on the core level, so you will want to check any links that have been included in the content addition areas such as the editors within the program where you create pages and posts. Once you or your developer has completed this process, you should be able to refresh your site and the lock should display in the correct format.

Did you find this article helpful?

We value your feedback!

Why was this article not helpful? (Check all that apply)
The article is too difficult or too technical to follow.
There is a step or detail missing from the instructions.
The information is incorrect or out-of-date.
It does not resolve the question/problem I have.
How did you find this article?
Please tell us how we can improve this article:
Email Address
Name

new! - Enter your name and email address above and we will post your feedback in the comments on this page!

Related Questions

Here are a few questions related to this article that our customers have asked:
Ooops! It looks like there are no questions about this page.
Would you like to ask a question about this page? If so, click the button below!
Ask a Question
n/a Points
2014-08-06 5:48 am

http://livesuperfoods.com/ 

http://healthygoods.com/

I have 2 websites so how  to show error ssl that is same to "chrome-to-lock.jpg" of this post.?

I am looking forward to hearing your new replying. Thanks!

Staff
20,312 Points
2014-08-06 8:49 am
Hello HoPhuong,

As stated in the article, the cause for the lock not displaying is almost entirely due to having absolute links in your code. Simply checking the code for the links is what you will need to do. If you would like to have a list of everything that is wrong, you can enter your domain name at http://whynopadlock.com. This will give you a list of every error found. I tested one of your domains and it found over 60 image links that use absolute linking with http://.

Kindest Regards,
Scott M
n/a Points
2014-08-07 6:36 am

Sorry. I told "no true". 

These are 2 websites as http://livesuperfoods.com/  ;   http://healthygoods.com/

How to show an exclamation in the front of these websites (not "yellow triangle").?

 

Staff
20,312 Points
2014-08-07 9:20 am
Hello Ho Phuong,

The yellow triangle is the image that particular browser uses. For instance, FireFox displays the exclamation point while Chrome displays the yellow triangle.

Kindest Regards,
Scott M

Post a Comment

Name:
Email Address:
Phone Number:
Comment:
Submit

Please note: Your name and comment will be displayed, but we will not show your email address.

4 Questions & Comments

Post a comment

Back to first comment | top

Need more Help?

Search

Ask the Community!

Get help with your questions from our community of like-minded hosting users and InMotion Hosting Staff.

Current Customers

Chat: Click to Chat Now E-mail: support@InMotionHosting.com
Call: 888-321-HOST (4678) Ticket: Submit a Support Ticket

Not a Customer?

Get web hosting from a company that is here to help. Sign up today!