Reçois gratuitement une formation complète

sur le référencement !


Reçois tout de suite un livre de 45 pages pour tout savoir sur le référencement et sur l'écriture d'article pour le référencement
Valider la politique de confidentialité

Comment ajouter un favicon à votre site ou blog wordpress

Ecrit par Benoit Thibaudeau dans Wordpress | 0 commentaires |

favicon C' ça le net

Un favicon est une icône qui représente votre site web ou votre blog. Cette icône permet de distinguer et de personnaliser l'identité de votre site pour démarquer votre site Internet des autres.

Un favicon apparait généralement à côté de l'URL de votre site dans la barre de navigation  ou dans l'entête de l'onglet de la page en fonction de votre browser.

Comme sur l'image juste à côté, "C' ça le net" possède un favicon que vous pouvez voir. C'est un "C'" sur un fond rouge, couleur du site.

Créez un favicon pour votre site Web

Un favicon est une image de 16x16 pixels sauvegardé au format ".ico".

Vous pouvez utiliser pas mal de logiciels gratuits pour le faire. Par exemple le logiciel xnview vous permettra de transformer énormément de formats d'image en ".ico" tout en dimensionnant vos image en 16*16px.

Vous pouvez aussi utiliser faviconer qui est un service gratuit en ligne qui vous permettra de créer vos favicon.

Comment ajouter un favicon à votre site WordPress

Transférer votre favicon, sur votre site

Une fois votre favicon terminez, renommez la "favicon.ico" pour correspondre aux normes en vigueurs et par le biais d'un outil FTP placez là dans le répertoire racine de votre site ( là où se trouve le fichier "wp-config.php" ). Le fait de le placer à la racine de votre site, permet de le faire apparaitre dans les logiciels de gestion des flux de syndicalisation (feed) de vos internautes. Ajouter aussi le favicon dans le répertoire principal du thème de votre site.

Ajouter le favicon au head de vos pages

Une fois le favicon transféré dans le bon répertoire il faut indiquer aux pages de votre site où le trouver. Le lien vers le favicon s'ajoute dans le head des pages ( entre les bornes html "<head>" et "</head>" ).

Sur WordPress, même sans être programmeur il est facile de le faire :

  • Rendez-vous dans le menu "Apparence" dans le sous-menu "Éditeur"
  • Trouver le fichier "header.php" (En-tête).
  • Ajouter la ligne suivante entre les bornes "<head>" et "</head>" :
<link rel="shortcut icon" href="https://www.cestcalenet.net/favicon.ico"/>

Remplacez le "https://www.cestcalenet.net" par l'URL de votre site, bien évidemment.

Si vous ne souhaitez pas coder en dur l'URL de votre site copiez le lien suivant à la place du précédent :

<link rel="shortcut icon" href="<?php echo get_option('siteurl'); ?>/favicon.ico"/>

Le code php "<?php echo get_option('siteurl'); ?>" sera remplacé automatiquement par l'URL de votre site lors du chargement de la page. Cette ligne de code, contrairement à la précédente, fonctionne sur tous les sites WordPress dont le favicon se trouve dans le répertoire racine du site.

  • Une fois la modification faite, cliquez sur le bouton "Mettre à jour le fichier".

Pourquoi ajouter un favicon sur votre site WordPress

Comme nous l'avons déjà vu et nous le verrons encore dans de futurs articles, il est important qu'un site ait une identité visuelle personnelle. Le favicon est un des éléments de cette identité.

Vous pouvez y mettre votre logo ou une image. Cependant, restez simple car l'image est petite ( 16x16px ).

Si vous possédez une marque, le favicon permet de distinguer les pages de votre site web ou votre blog parmi toutes les pages web ouvertes dans un navigateur.


L'article vous a-t-il aidé ?

Votre vote : 0 étoile(s)
Tags: ,
Posts Similaires

Portrait de Benoit Thibaudeau
Benoit Thibaudeau
1971-11-02
2020-01-12
Webmaster

Après une courte carrière en tant que cryptographe, j'ai été team leader chez un éditeur de logiciel qui créé des systèmes décisionnels pour les banques et les télécoms dans le monde entier.

Puis j'ai évolué vers architecte de système informatique, ce qui m'a amené à concevoir des systèmes parmi les plus gros d’Europe avec une visibilité sur les 10 prochaines années.

En parallèle j'étais chargé de la formation des employés de la société et de celle des clients, ce qui m'a appris beaucoup en ce qui concerne la dispense de cours.

Durant ma période en Irlande j’ai eu la chance de travailler, plusieurs mois, en étroite collaboration avec Google Irlande, ce qui m’a appris énormément sur le référencement.

Enfin, j’ai souhaité au bout de 15 ans d’arrêter de voyager tout le temps dans le monde entier, je me suis donc mis à mon compte et aujourd’hui je vis de mon activité.

Benoît Thibaudeau

Les conseils Internet : www
Pour me contacter :
Mr. Benoit Thibaudeau
27 bis rue Louis Rolland
92120 Montrouge,
Haut de Seine - FRANCE
Les stages photo : www
Cours photo sur Internet : cours
Le blog de tuto photo : Blog
Le site dream photos : www
Le blog dream photos : Blog

Laisser une réponse

Votre adresse email ne sera pas publiée.

Vous pouvez utiliser ces HTML balises et attributs: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Afficher
Cacher
error

Vous aimez ce blog? Passez le mot :)