Je n'ai pas inclus la ligne de code suivante dans ma balise head, mais mon favicon apparaît toujours dans mon navigateur:
<link rel="icon" href="favicon.ico" type="image/x-icon" />
Quel est le but de l'inclure?
Je n'ai pas inclus la ligne de code suivante dans ma balise head, mais mon favicon apparaît toujours dans mon navigateur:
<link rel="icon" href="favicon.ico" type="image/x-icon" />
Quel est le but de l'inclure?
Réponses:
Si vous n'appelez pas le favicon, favicon.ico
vous pouvez utiliser cette balise pour spécifier le chemin réel (au cas où vous l'auriez dans un images/
répertoire). Le navigateur / page Web recherche favicon.ico
par défaut dans le répertoire racine.
Vous devez en fait faire les deux, afin que tous les navigateurs trouvent l'icône.
Nommer le fichier "favicon.ico" et le mettre à la racine de votre site web est la méthode "déconseillée" par le W3C:
Méthode 2 (déconseillée): placer le favicon à un URI prédéfini
Une deuxième méthode pour spécifier un favicon repose sur l'utilisation d'un URI prédéfini pour identifier l'image: "/ favicon", qui est relative à la racine du serveur. Cette méthode fonctionne car certains navigateurs ont été programmés pour rechercher des favicons utilisant cet URI.
W3C - Comment ajouter un favicon à votre site
Donc, pour couvrir toutes les situations, je le fais toujours en plus de la méthode recommandée pour ajouter un attribut "rel" et le pointer vers le même fichier .ico.
favicon.ico
à la racine, mais la plupart des navigateurs demanderont automatiquement ce fichier pour des raisons historiques.
Je l'utilise pour deux raisons:
Je peux forcer un rafraîchissement de l'icône en ajoutant un paramètre de requête par exemple ?v=2
. comme ça:
<link rel="icon" href="https://stackoverflow.com/favicon.ico?v=2" type="image/x-icon" />
Au cas où je devrais spécifier le chemin.
L'ajouter simplement au dossier racine fonctionne à la mode, mais j'ai constaté que si je dois changer le favicon, la mise à jour peut prendre des jours ... même une actualisation du cache ne fait pas l'affaire.
De nombreuses personnes définissent leur chemin de cookie sur /. Cela entraînera chaque demande de favicon d'envoyer une copie des cookies des sites, au moins en chrome. L'adressage de votre favicon à votre domaine sans cookies devrait corriger cela.
<link rel="icon" href="https://cookieless.MySite.com/favicon.ico" type="image/x-icon" />
Selon la quantité de trafic que vous obtenez, cela peut être la raison la plus pratique pour ajouter le lien.
Informations sur la configuration d'un domaine sans cookies: