Fév
17

Favicon wordpress, ou comment créer une icône navigateur à l’image de votre blog

Author Cédric Vimeux    Category Blog, Webmarketing     Tags , ,

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.

Creer favicon, favicon wordpress

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. »

Le favicon de Virtuose Marketing

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 ».

favicon

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>

Code Favicon

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”

  • Christian 21 février à 12 h 52 min

    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

    • Cédric Vimeux 21 février à 17 h 29 min

      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.

  • Marion 23 février à 22 h 15 min

    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

  • Marion 24 février à 10 h 07 min

    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

  • Patrick 25 février à 12 h 35 min

    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 ;)

    • Cédric Vimeux 25 février à 12 h 57 min

      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 :)

    • Marion 25 février à 23 h 41 min

      Bin je conaissais pas ce genre « d’exernalisation » ??? comme quoi, on en apprends vraiment tous les jours !!!

  • Marie-Micheline 25 février à 15 h 41 min

    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.

  • Marion 25 février à 23 h 40 min

    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

  • Davy - TonWebMarketing.fr 30 avril à 22 h 56 min

    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.

  • David@Tuto 15 juillet à 17 h 26 min

    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.

  • Benoît@Coaching Vie Futée 25 juillet à 10 h 38 min

    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

  • Samuel 4 décembre à 10 h 24 min

    C’est d’autant plus pratique lorsque l’on a beaucoup d’onglets ouverts pour se repérer ! ^^
    Merci pour l’astuce!

  • Des Trucs pour Changer De Vie 8 avril à 3 h 04 min

    Merci, créer une favicon devient à la portée de tout le monde ;)

  • luc@1achat-vin.com 5 septembre à 17 h 16 min

    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 !

  • Oksana Tomiuk 17 octobre à 10 h 40 min

    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.

Post comment

real money casinos new zealand