# Favicon : WordPress propose trois façons de l’installer

Dans la barre d’onglets de votre navigateur, un onglet séparé s’ouvre à chaque nouvelle page, contenant le titre de la page du site et une petite icône : le favicon. Ces deux informations permettent à l’utilisateur d’identifier plus facilement une [page d’accueil](https://www.ionos.fr/digitalguide/sites-internet/creation-de-sites-internet/quest-ce-quun-site-internet/ "Qu’est-ce qu’un site Internet ?") et de s’orienter lorsque plusieurs onglets sont ouverts en même temps. Le favicon d’un site Web fait également partie de l’image de marque de l’entreprise et améliore l’expérience de l’utilisateur. Il y a **trois façons** d’ajouter un favicon WordPress. Nous expliquons étape par étape leur fonctionnement et les avantages de chaque option.

## Pourquoi ajouter un favicon WordPress ?

Le terme favicon est l’abréviation de « Favorite Icon ». Cette petite icône fait partie intégrante de la **présence d’une entreprise sur le Web**. Elle s’affiche dans la barre d’onglets, la barre de signets, les applications mobiles WordPress et les résultats de recherche. En conséquence, il est recommandé de choisir une icône significative et unique comme favicon. Cela présente de **nombreux avantages** :

- Le favicon augmente **le sérieux et le professionnalisme** d’un site Web.
- Il permet à l’utilisateur de reconnaître plus facilement l’entreprise et ses services sur le Web et améliore ainsi **l’expérience de l’utilisateur** du site.
- Il a un effet positif sur le [SEO](https://www.ionos.fr/digitalguide/web-marketing/search-engine-marketing/ameliorer-votre-referencement-wordpress-les-astuces/).
- Si un utilisateur a plusieurs onglets ouverts en même temps dans le navigateur, les titres des pages sont cachés. Le favicon, en revanche, reste **toujours visible**.

Conseil La plupart des entreprises mettent **leur logo ou une variante** de celui-ci comme favicon dans [WordPress](https://www.ionos.fr/digitalguide/hebergement/blogs/creation-dun-site-wordpress-tutoriel-pour-debutants/ "Création d’un site WordPress : tutoriel pour débutants").

## Ajouter un favicon WordPress

Il existe **trois possibilités** pour ajouter un favicon WordPress : avec le WordPress Customizer, un plugin ou manuellement. Nous vous présentons ci-dessous les options plus en détail.

Note Dans cet article, nous expliquons comment insérer dans WordPress un favicon que vous avez déjà créé auparavant. Cela fonctionne soit avec des programmes graphiques courants, soit avec un [Favicon Generator](https://www.ionos.fr/tools/creer-favicon "IONOS Favicon Generator") très pratique.

### Méthode 1 : WordPress Customizer

Le moyen le plus simple et le plus rapide d’ajouter un favicon WordPress est disponible **depuis la version 4.3 de WordPress**. Avec cet outil favicon de WordPress, vous téléchargez le favicon, le coupez si nécessaire et le configurez en quelques clics.

Avec cette version, la taille minimale recommandée pour un favicon est de **512 x 512 pixels**. Dans l’onglet du navigateur, cependant, l’image est affichée dans une taille de 16 x 16 pixels. Par conséquent, assurez-vous que votre favicon est facilement reconnaissable, même dans cette taille. Nous expliquons étape par étape comment ajouter un favicon WordPress avec le Customizer.

#### Étape 1 : ouvrir le Customizer

Dans le tableau de bord WordPress, suivez le chemin « **Design » « Customizer »**.

[![Image: Customizer, pour ajouter un favicon WordPress, dans le tableau de bord de WordPress](https://www.ionos.fr/digitalguide/fileadmin/_processed_/b/6/csm_favicon-wordpress-1_8c8880a4ea.webp "Customizer, pour ajouter un favicon WordPress, dans le tableau de bord de WordPress")](https://www.ionos.fr/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/favicon-wordpress-1.png) Customizer, pour ajouter un favicon WordPress, dans le tableau de bord de WordPress #### Étape 2 : ouvrir les informations sur le site web

Le Customizer WordPress s’ouvre. Sélectionnez ensuite la rubrique « **Informations sur le site Web** ».

[![Image: Favicon WordPress : informations sur le site Web dans le Customizer](https://www.ionos.fr/digitalguide/fileadmin/_processed_/c/7/csm_favicon-wordpress-2_3ee396fba0.webp "Favicon WordPress : informations sur le site Web dans le Customizer")](https://www.ionos.fr/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/favicon-wordpress-2.png) Favicon WordPress : informations sur le site Web dans le Customizer #### Étape 3 : ouvrir la sélection des favicons

Dans cette section, vous pouvez définir **le titre et le sous-titre** du site Web. Cette information est affichée à côté du favicon dans l’onglet du navigateur. Dans la section « Icône du site », cliquez sur le bouton « Sélectionner l’icône du site » pour personnaliser le favicon dans WordPress.

[![Image: Insérer un favicon dans WordPress : menu dans le Customizer](https://www.ionos.fr/digitalguide/fileadmin/_processed_/7/2/csm_favicon-wordpress-3_5c191df653.webp "Insérer un favicon dans WordPress : menu dans le Customizer")](https://www.ionos.fr/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/favicon-wordpress-3.png) Insérer un favicon dans WordPress : menu dans le Customizer #### Etape 4 : sélectionner le favicon

Ouverture de la **médiathèque WordPress**. Si vous avez déjà téléchargé le favicon, sélectionnez-le maintenant. Sinon, cliquez sur l’onglet « Charger des fichiers » et sélectionnez le fichier approprié sur votre ordinateur. Confirmez votre sélection en cliquant sur le bouton « Sélectionner ».

[![Image: Médiathèque WordPress : bouton pour insérer un favicon](https://www.ionos.fr/digitalguide/fileadmin/_processed_/e/c/csm_favicon-wordpress-4_a120f5827c.webp "Médiathèque WordPress : bouton pour insérer un favicon")](https://www.ionos.fr/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/favicon-wordpress-4.png) Médiathèque WordPress : bouton pour insérer un favicon #### Etape 5 : découper le favicon

Ensuite, vous avez la possibilité de **recadrer l’image**. WordPress affiche automatiquement un aperçu du favicon dans la zone de droite. Dès que vous avez défini la découpe de l’image, confirmez votre sélection avec le bouton « Découper l’image ». Si votre favicon a déjà la bonne taille, sélectionnez « Sauter le recadrage ».

[![Image: Menu dans lequel le favicon pour WordPress peut être découpé](https://www.ionos.fr/digitalguide/fileadmin/_processed_/3/0/csm_favicon-wordpress-5_330e46880a.webp "Menu dans lequel le favicon pour WordPress peut être découpé")](https://www.ionos.fr/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/favicon-wordpress-5.png) Menu dans lequel le favicon pour WordPress peut être découpé **WordPress reprend automatiquement** le favicon. Pour modifier le favicon de WordPress, retournez à cette zone de paramètres.

### Méthode 2 : plugin Favicon

WordPress offre un plugin approprié pour (presque) toutes les fonctions, y compris l’insertion d’un favicon. L’un des plug-ins gratuits les plus populaires est le **Favicon by RealFaviconGenerator**. Par rapport au WordPress Customizer, il offre des options de réglage supplémentaires pour améliorer la compatibilité du favicon avec différents appareils et icônes d’applications. Dans ce qui suit, nous expliquons comment créer un favicon dans WordPress avec ce plug-in.

#### Etape 1 : installer le plugin

Dans le tableau de bord WordPress, ouvrez la section Plug-ins, puis la section « Installer ».

[![Image: Installation d’un plugin pour insérer plus tard un favicon dans WordPress](https://www.ionos.fr/digitalguide/fileadmin/_processed_/4/4/csm_favicon-wordpress-6_6dc49fbe23.webp "Installation d’un plugin pour insérer plus tard un favicon dans WordPress")](https://www.ionos.fr/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/favicon-wordpress-6.png) Installation d’un plugin pour insérer plus tard un favicon dans WordPress Recherchez le plugin « Favicon by RealFaviconGenerator », sélectionnez le résultat de recherche approprié et cliquez enfin sur « **Installer maintenant** ». Cliquez ensuite sur « Activer » et le plugin est prêt à l’emploi.

[![Image: Menu d’installation du plugin WordPress « Favicon by RealFaviconGenerator »](https://www.ionos.fr/digitalguide/fileadmin/_processed_/6/2/csm_favicon-wordpress-7_0a434f5dd1.webp "Menu d’installation du plugin WordPress « Favicon by RealFaviconGenerator »")](https://www.ionos.fr/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/favicon-wordpress-7.png) Menu d’installation du plugin WordPress « Favicon by RealFaviconGenerator » #### Étape 2 : ouvrir les paramètres du plug-in

Une fois le plugin installé, suivez le chemin « **Design** » > « **Favicon** » dans le menu. Vous y trouverez les paramètres du plug-in.

[![Image: Configurer le favicon dans WordPress grâce au plug-in](https://www.ionos.fr/digitalguide/fileadmin/_processed_/3/a/csm_favicon-wordpress-8_5a6e0cb2ae.webp "Configurer le favicon dans WordPress grâce au plug-in")](https://www.ionos.fr/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/favicon-wordpress-8.png) Configurer le favicon dans WordPress grâce au plug-in #### Étape 3 : choisir un favicon

Cliquez sur « **Sélectionner dans la bibliothèque de médias** » pour ouvrir la bibliothèque WordPress et sélectionnez l’image de votre favicon. Dans ce cas, vous avez besoin du favicon dans une taille d’au moins 70 x 70 pixels, mais 260 x 260 pixels ou plus est recommandé. Après avoir sélectionné l’image, confirmez votre choix en cliquant sur le bouton « Générer le favicon ».

[![Image: Favicon by RealFaviconGenerator : fenêtre dans laquelle vous sélectionnez le favicon](https://www.ionos.fr/digitalguide/fileadmin/_processed_/a/0/csm_favicon-wordpress-9_c9c92a9b43.webp "Favicon by RealFaviconGenerator : fenêtre dans laquelle vous sélectionnez le favicon")](https://www.ionos.fr/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/favicon-wordpress-9.png) Favicon by RealFaviconGenerator : fenêtre dans laquelle vous sélectionnez le favicon #### Étape 4 : créer un favicon

Le plugin vous redirigera ensuite automatiquement vers votre propre site web. Dès que l’image a été téléchargée avec succès, des **paramètres optionnels** sont à votre disposition. Si vous le souhaitez, vous pouvez ajuster l’affichage du favicon pour le navigateur du bureau, pour les résultats de recherche Google ou pour divers smartphones.

[![Image: Favicon by RealFaviconGenerator : menu dans lequel vous personnalisez le favicon](https://www.ionos.fr/digitalguide/fileadmin/_processed_/7/e/csm_favicon-wordpress-10_9df41b5cbf.webp "Favicon by RealFaviconGenerator : menu dans lequel vous personnalisez le favicon")](https://www.ionos.fr/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/favicon-wordpress-10.png) Favicon by RealFaviconGenerator : menu dans lequel vous personnalisez le favicon Si vous avez accepté tous les paramètres ou si vous voulez ignorer les autres, cliquez sur le bouton **« Générer vos favicons et votre code HTML** » à la fin de la page.

[![Image: Favicon by RealFaviconGenerator : fenêtre dans laquelle vous créez le favicon](https://www.ionos.fr/digitalguide/fileadmin/_processed_/6/9/csm_favicon-wordpress-11_a114a2d4cd.webp "Favicon by RealFaviconGenerator : fenêtre dans laquelle vous créez le favicon")](https://www.ionos.fr/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/favicon-wordpress-11.png) Favicon by RealFaviconGenerator : fenêtre dans laquelle vous créez le favicon Le plugin vous redirige vers le **backend de WordPress** et confirme **l’installation réussie** du favicon dans WordPress.

[![Image: Favicon by RealFaviconGenerator : message sur l’installation terminée](https://www.ionos.fr/digitalguide/fileadmin/_processed_/f/a/csm_favicon-wordpress-12_0deba71d6b.webp "Favicon by RealFaviconGenerator : message sur l’installation terminée")](https://www.ionos.fr/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/favicon-wordpress-12.png) Favicon by RealFaviconGenerator : message sur l’installation terminée ### Méthode 3 : insertion manuelle

Dans de nombreux cas, WordPress offre également la possibilité de faire des réglages manuellement. Un favicon WordPress peut donc également être ajouté via le **File Transfer Protocol (FTP)**. Pour cela, vous avez besoin d’un paquet de favicon avec différents fichiers et un code HTML. Les deux peuvent être créés facilement grâce à un outil en ligne gratuit.

#### Etape 1 : générer des fichiers favicon

Ouvrez un **outil en ligne pour générer un favicon**. Dans cet exemple, nous utilisons le [Real Favicon Generator](https://realfavicongenerator.net/ "Favicon Generator"). Cliquez sur le bouton « Sélectionnez l’image de votre favicon » pour télécharger l’image appropriée pour le favicon WordPress.

[![Image: RealFaviconGenerator : fenêtre dans laquelle vous téléchargez le favicon](https://www.ionos.fr/digitalguide/fileadmin/_processed_/8/4/csm_favicon-wordpress-13_8735c7daa0.webp "RealFaviconGenerator : fenêtre dans laquelle vous téléchargez le favicon")](https://www.ionos.fr/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/favicon-wordpress-13.png) RealFaviconGenerator : fenêtre dans laquelle vous téléchargez le favicon Ensuite, des **paramètres optionnels** sont disponibles pour modifier la taille et le fond de l’image. Faites les changements souhaités ou passez ces étapes. Cliquez ensuite sur le bouton « **Générez vos Favicons et votre code HTML** » en bas de page.

[![Image: RealFaviconGenerator : menu dans lequel vous créez le favicon](https://www.ionos.fr/digitalguide/fileadmin/_processed_/5/f/csm_favicon-wordpress-14_1b7a5d9e3f.webp "RealFaviconGenerator : menu dans lequel vous créez le favicon")](https://www.ionos.fr/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/favicon-wordpress-14.png) RealFaviconGenerator : menu dans lequel vous créez le favicon Ensuite, vous avez la possibilité de **télécharger le paquet favicon** et de **copier le code HTML**. Téléchargez le paquet et renommez-le en « favicon.ico ». De cette façon, le graphique est directement reconnu comme favicon.

[![Image: RealFaviconGenerator : Favicon HTML Code](https://www.ionos.fr/digitalguide/fileadmin/_processed_/7/0/csm_favicon-wordpress-15_ded885a100.webp "RealFaviconGenerator : Favicon HTML Code")](https://www.ionos.fr/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/favicon-wordpress-15.png) RealFaviconGenerator : Favicon HTML Code #### Étape 2 : téléchargement du paquet de favicons via FTP

Accédez aux données WordPress via FTP. Ouvrez le **répertoire racine** et téléchargez le paquet favicon à cet endroit. Assurez-vous qu’il se trouve dans le même dossier que le dossier WP Admin ou le dossier WP Content.

#### Étape 3 : insérer le code HTML

Ensuite, ouvrez le **fichier header.php** et insérez le code HTML du favicon dans la zone d’en-tête. Assurez-vous que votre domaine et le chemin du favicon sont correctement spécifiés.

Conseil Un [hébergement WordPress](https://www.ionos.fr/hebergement/hebergement-wordpress "IONOS Hébergement pour WordPress") professionnel offre un démarrage facile, plus de sécurité et des sauvegardes automatiques pour votre site WordPress.


This is a markdown version of: [https://www.ionos.fr/digitalguide/hebergement/blogs/ajouter-un-favicon-wordpress/](https://www.ionos.fr/digitalguide/hebergement/blogs/ajouter-un-favicon-wordpress/) for AI/LLM consumption.