But : utilisez une favicon personnalisée sur sa page perso de type monsite.free.fr
Vous le remarquerez sûrement depuis quelques semaines Free a ajouté une favicon automatique sur tous les comptes page perso, voici un exemple http://drivemypop.free.fr/favicon.ico
Vous pouvez tester en allant sur votre site : http://votresite.free.fr/favicon.ico et vous verrez que cette image existe également sur votre site, bien que pourtant elle ne soit pas présent lorsque vous vous connectez en FTP ! C'est dû à la configuration Apache de Free.
Voici comment contourner ce petit désagrément : envoyez votre prôpre favicon.ico à la racine de votre serveur FTP 🙂
Par contre si vous souhaitez utiliser une favicon dans un autre format que le .ico c'est également possible. Dans mon exemple j'utiliserai une favicon au format .gif qui sera animée (elle peut également ne pas l'être).
- Pour cela ouvrez le bloc note (ou Notepad++) et copiez ce contenu :
RedirectPermanent /favicon.ico http://votresite.free.fr/favicon.gif
Notez bien : remplacez "votresite.free.fr" par l'adresse du votre.
- Faîtes "fichier > enregistrer sous" puis entrez le nom de fichier suivant : ".htaccess" (laissez les guillemets dans le nom de fichier si vous utilisez le bloc note) :
- Envoyez votre fichier .htaccess ainsi que votre fichier favicon via votre client FTP à la racine de votre page perso free.
- Videz le cache de votre navigateur et tester 🙂
Désormais sur toutes les pages de votre site s'affichera votre favicon à côté de l'URL. Voici un petit exemple sur un site Free.
A titre d'info sur le fonctionnement : le fichier htaccess précise au serveur free qu'a chaque fois qu'il souhaite accéder à favicon.ico (chose qu'il fait par défaut sur chaque page) il doit prendre favicon.gif à la place 🙂
Auteur : Mr Xhark
Fondateur du blog et passionné par les nouvelles techno, suivez-moi sur twitter
36 commentaires
Sur ma page index, j'ai mis :
ce qui me permet d'afficher l'icone pour cette page.
Mais il faut le répéter sur chaque page... Votre truc est plus intéressant puisqu'on ne modifie pas les pages.
J'ai essayé de mettre un fichier favicon.ico à la racine de mon site, mais cela ne fonctionne pas.
Mais je n'ai pas non plus l'icone de free ! Cela semble venir du fait que je gère personnellement l'erreur 404 par une directive
ErrorDocument 404 /404.html
dans mon .htaccess pour ne pas avoir la page "Erreur 404 - Document non trouvé" de free.
Ce que je voulais surtout, c'est ne plus avoir l'icone de free devant l'URL de toutes mes pages : c'est fait !
Oui en fait l'architecture free est configurée de telle sorte que favicon.ico n'existe pas sur votre compte free mais c'est une sorte d'alias...
Donc quand on demande de remplacer, on remplace quelque chose de "virtuel" par une vraie image, c'est donc un peu tordu je vous l'accorde 🙂
A noter que le code du .htaccess doit tenir sur une seule et unique ligne !
Je ne savais pas qu'on pouvait remplacer par un icone gif, merci pour l'astuce.
PS : Ils ont encore changé le favicon. On voit maintenant le logo [free]. C'est ce qui m'a donné envie de remplacer le favicon de free.
Merci beaucoup, ça fait une heure que je me prends la tête avec cette favicon, et enfin, ça marche grâce à toi !
Bonjour,
Je te remercie pour l'astuce mais j'ai quand même un souci. Une fois le favicon installé à la racine de mon site, ça marche impeccable lorsque je vais sur http://monsite.free.fr/wordpress.
Mais lorsque je tape directement http://www.bizibuzz.fr et que c'est redirigé vers http://monsite.free.fr/wordpress, le favicon n'est plus présente. Aurais tu une idée ?
Merci d'avance
C'est du au type de redirection, tu le fais via une iframe (cadre). Dans ce cas précis tu dois faire une redirection directe pour que ça fonctionne. Le principe d'iframe est totalement déprécié à cause du mauvais référencement. Le mieux est de faire une redirection via htaccess (tu perdras de toutes façons l'adresse du .fr en barre d'adresse)
Merci de ta réponse. Toutefois, n'étant pas expert, je t'avoue que je ne comprends pas tout.
Comment faire une "redirection via le .htaccess" ?
Et que signifie que je perdrai "adresse du .fr en barre d'adresse" ?
Merci d'avance
Cordialement
Ton registrar (1AND1 si je ne me trompe pas ?) doit te proposer une redirection web dans l'interface de gestion, et j'imagine que c'est là que tu as mis l'adresse du site en .free.fr. Disposes tu d'un espace d'hébergement chez 1AND1 ou bien tu as juste le nom de domaine ? Je ne me souviens plus de l'interface qu'il y a chez eux tu dois pouvoir faire soit une redirection directe via l'interface, soit tu as un espace d'hébergement (1Mo suffit) pour placer une redirection en dur (.htaccess).
Non, je n'ai pas d'espace d'hébergement chez eux. J'ai juste le nom de domaine.
Dans ce cas peux tu faire une capture d'écran de l'interface là ou tu as précisé ton site .free.fr ?
Ne te moques pas mais après avoir fait la copie d'écran : comment je fais pour l'envoyer dans le commentaire...
je t'ai contacté par email pour résoudre ton souci
Bon soir, je vous remercie d'avoir publier cette article sur favicon de free ^^
Enfaite, il y a un petit point qui est pas expliquer dans votre article: quelle est la taille de favicong.gif "16x16pixels ??"
J'ai aussi le même problème que Bizibuzz => j'ai une adresse free.fr et j'ai acheté un domaine en .fr sans hébergement. j'aimerais bien que vous me faites partager la solution si vous l'avez trouver ^^
merci encore pour ses magnifique astuces
La taille de la favicon n'est pas très importante dans le sens ou les navigateurs la réduise à 16x16, donc oui l'idéal est de la créer dans ces dimensions.
Pour le reste comme je l'ai dit à bizibuzz, c'est du à une redirection par frame (iframe), il faut faire une redirection directe (HTTP) vers le .free.fr (les gens ne verront plus le .fr en barre d'adresse).
Merci bcp pr ce mini tuto tout clair, tout simple et pédagogique !!
Très bon tuto mais je peux pas le faire car j'ai déjà un ".htaccess" à la racine pour l'exécution forcée du php 5 avec le plugin piclens pour wordpress
Connais-tu une solution sans .htaccess ?
@Chtiben : cela ne gène en rien, un fichier .htaccess peut très bien comporter plusieurs lignes de configuration
J'ai réessayé avec un htaccess comme suit :
"php 5
RedirectPermanent /favicon.ico http://chtibenphotos.free.fr/favicon.gif"
accompagné d'un favicon.gif en 16*16 le tout à la racine du site web mais rien n'y fait...
Si tu as une idée, je suis preneur.
@Chtiben : de mémoire ce n'est pas "php 5" mais "php 1" qui permet d'activer PHP5.
En supprimant cette première ligne, la favicon apparait-elle ?
Non si je supprime la première ligne ça n'apparait pas et de plus ma page web ne s'ouvre plus à cause du php 5 non activée !
do you know who markets lexapro tablets = generic form of lexapro generic form of lexapro = lexapro side effect buy lexapro australia = safe fed ex cheap lexapro without perscription = buying generic lexapro buy relenza lexapro = lexapro without a prescription canadian lexapro no dr = 50mg online doctors buy lexapro australia = how do you use lexapro from canadian pharmacy money order lexapro = lexapro online in canada lexapro sex domination = medicine lexapro medicine lexapro
Salut,
bien que l'article date, je me permet d'ajouter cette autre solution : insérer une balise META dans la page entre les balises HEAD :
Avantages : on peut la mettre où on veut (ex.: href="/images/icones/favicon.png")et elle peut être en gif ou en png (favicon.ico, favicon.gif ou favicon.png).
Ah, évidemment, le code ne passe pas 🙂
Bon :
link rel="shortcut icon" type="image/png" href="favicon.png"
Le tout entre
Le tout entre plus grand que et plus petit que (voir une balise meta existante pour exemple : code source de cette page par exemple).
Merci pour cette astuce rapide, pratique et efficace.
Bonjour,
Tout d'abord merci pour tes explications
cependant je n'arrive pas à utiliser ta technique
je dois préciser être sur mac OsX utilise texedit pour le script
et cyberduck pour l'upload.
Si tu avais le temps de te pencher sur ma requete
merci d'avance
@Mr Xhark: a oué ben...
Perso j'utilise Joomla! chez free mais il me faut mettre la ligne "php 5" dans htaccess. Donc je me retrouve avec deux lignes dans mon code et no problemo !
Merci pour l'astuce !
Voila mes résultats après plusieurs tentatives:
1) Mettre son propre favicon.ico à la racine du site ne fonctionne pas, car il doit y avoir conflit avec celui de free. La solution est de le mettre dans un dossier par exemple /img/favicon.ico
il faut donc mettre dans .htaccess
RedirectPermanent /favicon.ico http://montsite.free.fr/img/favicon.ico
Nota:
1) pas de PB avec un favicon.gif à la racine du site.
Slt, moi je ne suis pas chez free mais chez dot.tk aurait tu une idée parce que ton truc n'a pas fonctionné
@pyton: Cela ne fonctionne pas avec un .tk car c'est une redirection
ok et donc il n'y a pas de solution?
Car j'arrive a changer mon icone sur chaque page individuellement mais je n'arrive pas a changer pour tout d'un coup
Merci d'avance
@pyton: effectivement il faut que ton hébergeur supporte les directives via htaccess
Oui j'ai acces à cela du coup comment puis-je faire?
Super, merci beaucoup pour l'info. Utile. Je valide 😀 Merci.