Problèmes avec favicon.ico

Règles du forum
Attention ce forum est destiné avant tout à ceux qui découvrent le référencement. Les membres qui auront l'amabilité de répondre à leurs questions sont priés de rester courtois, polis, indulgents, patients et pédagogues... Merci d'avance !

Par ailleurs, inutile d'utiliser ce forum uniquement pour obtenir des liens vers vos sites, les liens sont désactivés pour le référencement (nofollow).

Consultez la formation au REFERENCEMENT naturel Google de WebRankInfo / Ranking Metrics

Omelette
WRInaute discret
WRInaute discret
 
Messages: 97
Inscription: 26 Avr 2005

Problèmes avec favicon.ico

Message le Mer Aoû 03, 2005 11:28

Bonjour,

J'ai eu beau faire quelques recherches sur ce sujet sur WRI, je n'ai pas trouvé l'info qui me manquait...

J'ai créé un fichier favicon.ico que j'ai placé à la racine de mon site.

Quel code dois-je ajouter ensuite dans ma balise <head> afin qu'elle soit visible par le plus grand nombre de navigateurs ?

Est-ce :
Code: Tout sélectionner
<link rel="shortcut icon" href="favicon.ico" >


Dois-je mettre une copie de favicon dans chaque sous-répertoire ?
Dois-je spécifier le chemin vers ma favicon ?
Chaque page peut-elle avoir une icone différente ?

Merci de vos réponses,


TOMHTML
WRInaute accro
WRInaute accro
 
Messages: 3250
Inscription: 25 Aoû 2004

Message le Mer Aoû 03, 2005 11:36

href="http://www.tonsite.com/favicon.ico"


d'après mon expérience c'est mieux comme ça :)

sinon une seule icone suffie.

Omelette
WRInaute discret
WRInaute discret
 
Messages: 97
Inscription: 26 Avr 2005

Message le Mer Aoû 03, 2005 11:44

Merci Tonhtml !

Ca fonctionne bien (affichage dans la barre d'adresse), avec juste un petit bémol :

Sous Firefox, lorsque j'ouvre plusieurs onglets, mon icone ne s'affiche pas sur l'onglet ou est ouverte ma page. Alors que par exemple, avec ton site, ça fonctionne parfaitement...

Pourtant le code est identique... ???

Omelette
WRInaute discret
WRInaute discret
 
Messages: 97
Inscription: 26 Avr 2005

Message le Mer Aoû 03, 2005 11:48

Et sous Safari, elle ne s'affiche carrément pas.... :( :(

Romuald
WRInaute discret
WRInaute discret
 
Messages: 163
Inscription: 2 Mai 2005

Re: Problèmes avec favicon.ico

Message le Mer Aoû 03, 2005 11:56

Omelette a écrit:Est-ce :
Code: Tout sélectionner
<link rel="shortcut icon" href="favicon.ico" >


Dois-je mettre une copie de favicon dans chaque sous-répertoire ?
Dois-je spécifier le chemin vers ma favicon ?
Chaque page peut-elle avoir une icone différente ?
href="/favicon.ico" suffira même.
Voir même un bidule du genre :
Code: Tout sélectionner
  <link rel="shortcut icon" type="image/ico" href="/favicon.ico" />


Vérifie bien la taille aussi (16x16px non ?).


Monique
WRInaute passionné
WRInaute passionné
 
Messages: 1545
Inscription: 16 Sep 2002

Message le Mer Aoû 03, 2005 11:58

Bonjour,

Un favicon associé à l'URL est une excellente idée : il permet aux internautes de distinguer facilement un site parmi ses favoris, parmi les titres des onglets affichés dans un navigateur...

La méthode la plus connue (une image favicon.ico à la racine d'un site) n'est pas à recommander.
Quand un utilisateur d'IE ajoute un site dans ses favoris, le navigateur envoie une requête au serveur pour savoir s'il y a une icône (correspondant au fichier favicon.ico). Si cette icône existe, elle remplacera dans la liste des favoris l'icône standard de IE, si elle n'existe pas, un message d'erreur sera ajouté au fichier log du serveur.

La solution expliquée sur le site Interop fonctionne avec IE et Mozilla : Icones de pages web (la bonne manière)
Code: Tout sélectionner
<link rel="shortcut icon" type="image/x-icon" href="/img/favicon.ico" />


Il est possible de créér des favicons en ligne sur le site de HTML-Kit (un excellent éditeur html) : FavIcon from Pics

Amicalement,
Monique

quinto
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 22
Inscription: 20 Juil 2005

Message le Mer Aoû 03, 2005 12:00

Si tu veux que ta favicon s'affiche sur les navigateurs respectant les standards comme Safari, Firefox et Opera il faut que tu crée une icone en png et pas en .ico et ensuite tu ajoute ce code :
Code: Tout sélectionner
<link rel="icon" type="image/png" href="monicone.png">


le truc favicon.ico sert uniquement à Internet Explorer, je l'ai carrément viré sur mon site, Microsoft n'a qu'a reconnaître les favicon en png pour ses futurs navigateurs au lieu de vouloir imposer ce format .ico batard...

Omelette
WRInaute discret
WRInaute discret
 
Messages: 97
Inscription: 26 Avr 2005

Message le Mer Aoû 03, 2005 12:12

Merci beaucoup !!

Si je comprends bien, la solution la plus "universelle" est d'utiliser :

Code: Tout sélectionner
<link rel="shortcut icon" type="image/x-icon" href="http://www.monsite.com/favicon.ico">


Quinto, je suis d'accord avec toi sur IE, mais ça représente plus de 80% de mes visiteurs, alors je voudrais quand même que ça fonctionne sous Explorer... :roll:

quinto
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 22
Inscription: 20 Juil 2005

Message le Mer Aoû 03, 2005 12:19

Tu mets les deux et comme ça ça fonctionnera de partout :

Code: Tout sélectionner
<link rel="shortcut icon" type="image/x-icon" href="http://www.monsite.com/favicon.ico">
<link rel="icon" type="image/png" href="http://www.monsite.com/favicon.png">

Romuald
WRInaute discret
WRInaute discret
 
Messages: 163
Inscription: 2 Mai 2005

Message le Jeu Aoû 04, 2005 10:42

Monique a écrit:Bonjour,
Code: Tout sélectionner
<link rel="shortcut icon" type="image/x-icon" href="/img/favicon.ico" />
Je savais bien qu'il manquait quelque chose à mon "icon" merci !
quinto a écrit:[...] le truc favicon.ico sert uniquement à Internet Explorer [...]
Opéra et FireFox par défaut font une recherche de /favicon.ico (j'ai un flood de 404 à cause de cela sur un site en dev).

Yvel
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 428
Inscription: 5 Juin 2005

Message le Jeu Aoû 04, 2005 17:51

pour ma part, j'ai mis mon favicon.ico en 32*32 pour plus de détail. je l'ai placé en "sauvage" dans chacun de mes répertoires sans aucun lien dans les header de mes pages...... ça fonctionne bien comme cela me semble-t-il. aucune 404 dans mes log sur le favicon.
Peut-être cela crée t-il d'autres problèmre mais je n'en vois pas les effets pour le moment.
Pixia (je crois) génère du .ico à partir de .png ou .gif et gère la transparence.


Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

Formation recommandée sur ce thème :

Formation REFERENCEMENT naturel Google : apprenez une méthode efficace pour optimiser à fond le référencement naturel dans Google de façon durable... Formation animée par Olivier Duffez et Fabien Facériès, experts en référencement naturel.

Tous les détails sur le site Ranking Metrics : programme, prix, dates et lieux, inscription en ligne.

Lectures recommandées sur ce thème :

  • Analyse de similarité textuelle
    Cet outil vous permet de calculer la similarité entre 2 pages web. L'algorithme utilisé repose sur l'analyse des occurrences des mots (mais pas sur leur positionnement dans les pages). Google utilise cette notion à certains endroits dans son algorithme, mais de façon bien plus évoluée que ce petit outil... Avoir des pages trop similaires peut entraîner des problèmes d'indexation... Cet outil vous permettra peut-être de résoudre certains problèmes de contenus dupliqués.


Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités