Favicon wordpress, ou comment créer une icône navigateur à l’image de votre blog
Cédric Vimeux 
Un favicon est la petite icône qui se trouve à gauche de l’URL dans la barre d’adresse de votre navigateur sur certains sites web.
Elle représente souvent le logo du site, comme c’est le cas sur Virtuose-Marketing.
Voici en détail comment j’ai créé ce favicon wordpress à partir du logo.
Qu’est-ce qu’un favicon et à quoi ça sert?
Voici la définition de « favicon » selon le site Wikipédia : « Un favicon est une icône informatique symbolisant un site web. Ces icônes sont créées par les propriétaires de site. Les navigateur web utilisent les favicons dans la barre d’adresse, la barre de titre, les favoris, les onglets et autres raccourcis. »
En dehors du coté esthétique, un favicon permet donc à vos visiteurs de reconnaitre facilement votre blog wordpress grâce à cette petite marque distinctive facilement reconnaissable, surtout s’ils ont plusieurs onglets ouverts dans leur navigateur.
Comment créer facilement un favicon ?
Pour créer le favicon wordpress de Virtuose-Marketing, j’ai tout simplement repris le logo.
Pour information, le logo est une image que j’ai achetée 2 euros seulement sur le site d’achat et de vente d’images et photographies : fotolia :)
Puis pour transformer cette image en favicon, je suis tout simplement passé par ce site.
Il vous suffit ensuite de cliquer sur le bouton « Import Image » puis de sélectionner l’image que vous désirez transformer en favicon puis de cliquer sur « Upload ».
Une fois votre image téléchargée, il ne vous reste plus qu’à cliquer sur « Download Favicon » pour obtenir votre fichier favicon.ico.
Comment mettre le favicon sur votre blog wordpress?
Une fois votre favicon créé, transférez-le à la racine de votre blog wordpress.
Connectez-vous ensuite sur votre blog en tant qu’administrateur puis allez dans « Apparence > Editeur » et, à droite dans « modèle », cliquez sur « En tête (header.php) » afin de faire apparaitre le code source de l’entête de votre site. C’est ici que vous allez indiquer l’existence de votre favicon.
Pour se faire, rien de plus facile, indiquez tout simplement le code ci-dessous juste au dessus de la balise </head>
Videz ensuite le cache de votre navigateur (cliquez ICI si vous ne savez pas comment). Votre favicon devrait maintenant apparaitre.
Voilà, vous savez créer un favicon wordpress :)
16 Comments to “Favicon wordpress, ou comment créer une icône navigateur à l’image de votre blog”
Post comment
Commentaires récents
- dans Êtes-vous crédible aux yeux de vos prospects?
- dans Droit de rétraction et remboursement: ce que vous devez savoir si vous vendez des formations
- dans 2 idées ingénieuses pour gagner de l’argent avec vos photos de voyage
- dans La loi de Fitts, ou comment augmenter le taux de cliques sur vos boutons d’achat ou d’inscription
- dans Et si nous nous aidions à améliorer notre positionnement Google ? Nouvelle entraide entre blogueurs
Bonjour Cédric,
Bravo pour ce petit tutos très simple mais très précis qui va surement rendre des services à bon nombre de blogueur wordpress, à commencer par moi même.
Une petite question à part: avec quel plugin affiches tu ce genre de petit texte
(Marre des méthodes bidons pour gagner de l’argent?
Rejoignez un groupe de gagnants !
Cliquez pour voir…)
en haut et en bas de tes post ?
merci à toi
Bonjour Christian,
Pour la petite pub en haut et en bas, j’utilise le plugin Advertissement Management.
J’externalise la gestion de ces pubs afin de les mettre en rotation (ouvre une page dans 2 navigateurs et tu verras que les pub changeront). Cela me permet ainsi de suivre les statistiques de cliques et d’optimiser mes accroches.
J’écrirai bientôt un article très complet pour expliquer pas à pas comment mettre en place tout cela et comment faire le suivi et l’optimisation.
C’est ca le gros « trou » dans mes connaissances du web marketing : le suivi et l’optimisation
Et pourtant je sais bien qu’un business qui n’est pas testé, est un business qui va s’écrouler tot ou tard
Au fait Cédric,
Je n’ai pas bien compris le sens de « externaliser »
Les gestion externalisée des pubs de début et de fin de post signifie-t-elle :
– par quelqun d’autre ?
ou
– par le plugin ?
Merci,
Marion
PS : j’attends avec impatience la suite pour savoir comment optimiser mon ROI
Bonjour,
@Marion, il veut dire que c’est un autre site qui donne une balise à mettre sur le site et les pubs changent et tournent selon la configuration du gadget, cela permet à Cédric de ne pas devoir s’occuper des pubs qui passent sur le site.
@Cédric, j’ai bien aimé ton article sur le favicon, j’ai utilisé et ensuite j’ai fais un lien vers ton article ;)
Oui, effectivement.
Je passe par Affiz.com pour gérer mes emplacements publicitaire. Un article sur ce sujet est prévu.
Merci pour le lien vers l’article :)
Bin je conaissais pas ce genre « d’exernalisation » ??? comme quoi, on en apprends vraiment tous les jours !!!
Bonjour
Merci pour le tutoriel. Je pense qu’installer un favicon est bien pour représenter le logo d’un site. Je vais désormais prendre le temps d’effectuer cette tâche.
Cédric,
Ca à l’air pas mal, Affiz :
(je cite)
« Le taux de clic d’une bannière est trop faible ? En un clic, vous mettez la bannière en pause. Une bannière est performante ? En deux clics, vous augmentez sa priorité de diffusion. »
J’attends impatiemment l’article là dessus !
Marion
Une favicon est le petit plus sur un site internet! De plus en plus de gens l’identifient avec ça, le retrouvent dans les favoris, et ça renforce l’identité du site ou de l’entreprise en question.
Effectivement le favicon peut être un plus pour la construction de l’identité visuelle d’un site. Je viens de passer en revue quelques générateurs de favicons.
Merci Cédric pour ce site,
je le connaissais déjà, mais ton article m’a fait gagne du temps.
J’ai crée mon favicon avec :)
Benoît
C’est d’autant plus pratique lorsque l’on a beaucoup d’onglets ouverts pour se repérer ! ^^
Merci pour l’astuce!
Merci, créer une favicon devient à la portée de tout le monde ;)
Super article, merci !
C’est agréable cette petite personnalisation, ce n’est qu’un détail mais tout de suite on se sent un peu plus chez soit sur son site web :-)
Je met en pratique de suite !
Bonjour!
Je m’appelle Oksana,
Je suis directrice des contenus chez Logaster.
Merci pour les informations de qualité dans l’article « Favicon wordpress, ou comment créer une icône navigateur à l’image de votre blog » http://www.virtuose-marketing.com/pourquoi-et-comment-creer-un-favicon-pour-votre-blog/
Il m’a été très utile d’apprendre à créer un favicon avec vos astuces, la liste des ressources et où et comment en créer.
Je voudrais vous demander si je peux mentionner Logaster dans votre article, il s’agit de notre service.
Avec Logaster, un utilisateur sans compétences en design ou avec Photoshop peut générer des dizaines de versions du favicon déjà prêtes. Ceci fait gagner du temps et permet aux utilisateurs de choisir le meilleur favicon parmi ceux proposés en 2 minutes. Je pense que cette information sera utle à vos lecteurs.
Serait-il possible de parler de notre service dans l’article, et quel serait le prix ?
Je reste à l’écoute.
Cordialement,
OksanaIf you don’t want to receive emails like this from me, please let me know here.