Home
Do you have a favicon in your webpage?
  v4.0 Posted at 25/10/2018 8:34 AM by Tiago Araujo

A Favicon is a small image file included on professionally developed sites. The favicon reflects the look and feel of the website or the organizations' visual identity.

Figure: Bad Example - When you don't add a favicon the user sees a generic icon
Figure: Good Example - Using the favicon gives your website professional look and feel

Which formats and sizes to use?

The format of the image must be one of PNG (a W3C standard), GIF, or ICO. You can export your favicon in all necessary sizes on Favicon Generator website.

How to implement the favicon?

  1. Copy your company's favicon to the root of the site
  2. Add the highlighted code below inside the <HEAD> tags in your HTML

<head>
<title>Page Title</title>
<link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" />
</head>

Figure: One line of HTML lets you add your company's icon to your web page

This works for most websites, including ASPX WebForms, MVC and WordPress.

We have SSW CodeAuditor and SSW LinkAuditor to check for this rule.​​

Related rules

    Do you feel this rule needs an update?

    If you want to be notified when this rule is updated, please enter your email address:

    Comments: