Rule n° 99 - The source code of the pages contains a valid call to a favourite icon (“favicon”)

Goal

• Improve the visual identification of the site and its pages.
• Facilitate identification in the browser and the favorites or bookmarks.
• Enable all browsers to display, call and, potentially, memorize the favicon.

Implementation

Depending on the format chosen for the icon and its position, use a link of type:

• <link rel="icon" type="image/png" href="/img/favicon.png"/> (png format, but also jpg, gif, etc.);
• <link rel="shortcut icon" type="image/x-icon" href="/img/favicon.ico" /> (Microsoft ico format only recognised by Internet Explorer).

Control

In the source code of each page checked:

• With the help of a web development tool or a code inspector, check that thelink rel element is in the head page header;
• Check that the syntax is of the form:

<link rel="icon" type="image/png" href="/img/favicon.png"/> for png format, also jpg, gif, etc.;

ou <link rel="shortcut icon" type="image/x-icon" href="/img/favicon.ico" /> for the Microsoft ico format.

By Opquast - Read the license