link rel shortcut-icon inutile

Favicon : rel= »shortcut icon » inutile

La plupart des sites utilisent le code suivant pour indiquer le favicon du site :

<link rel="shortcut icon" href="/favicon.ico">

En fait, « shortcut » n’est pas une relation valide.

C’est une propriété propriétaire d’Internet Explorer qui est devenue « standard », disons commune.
Sans IE, la simple attribut rel="icon" serait suffisant.

Nous sommes donc obligé d’utiliser shortcut juste pour IE ?

Et bien non !

Si la valeur « shortcut » n’est pas présente, IE ignore simplement le tag, et cherche un fichier nommé « favicon.ico » à la racine du site.

En pratique, tous les navigateurs récents (Opera, Safari, Chrome, Firefox, Internet Explorer 5+) cherchent un fichier favicon.ico à la racine du site s’ils ne trouvent pas la tag link rel= »icon ».

Dans la norme HTML5, il est même maintenant clairement indiqué qu’en l’absence d’un lien avec la relation icon, le fichier favicon.ico doit être cherché à la racine : http://html5.org/r/5904

De façon général, voici donc les préconisations :

  • économisez quelques octets dans votre HTML
  • économisez quelques secondes de développement pour écrire les deux lignes rel="shortcut icon" et rel="icon"
  • placez simplement un fichier favicon.ico à la racine de votre nom de domaine !

NB : idem pour le fameux fichier robots.txt. Placez-le à la racine, cela évitera les erreurs 404 dues aux moteurs de recherche.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>