Développement web

Ajouter ou changer le favicon sur WordPress, pas à pas

Ajouter ou changer le favicon sur WordPress, pas à pas

    Voici la méthode simple pour ajouter ou remplacer le favicon d’un site WordPress depuis les réglages, l’éditeur de site ou l’outil de personnalisation. Préparez une icône carrée, mettez-la en ligne, puis vérifiez son affichage dans le navigateur et les résultats de recherche.

    Pour ajouter ou changer un favicon WordPress, préparez une image carrée d’au moins 512 x 512 pixels, puis allez dans Réglages > Général > Icône du site sur les versions récentes de WordPress. Selon votre thème, vous pouvez aussi passer par Apparence > Éditeur ou Apparence > Personnaliser > Identité du site. Une fois l’icône enregistrée, videz le cache et contrôlez l’affichage dans un onglet de navigateur.

    Le favicon, appelé aussi icône du site dans WordPress, sert à identifier votre site dans les onglets, les favoris, certains raccourcis mobiles et parfois les résultats de recherche. C’est un petit élément, mais il donne tout de suite une impression de site fini, cohérent et professionnel.

    Avant de l’ajouter à WordPress, le plus simple est de générer les bons fichiers depuis une image propre. On vous conseille d’utiliser notre générateur de favicon gratuit pour partir d’un logo ou d’un pictogramme et obtenir une icône adaptée à votre site.

    Qu’est-ce qu’un favicon WordPress et à quoi sert-il ?

    Un favicon WordPress est la petite icône associée à votre site. WordPress l’appelle généralement « icône du site ». Elle peut apparaître dans l’onglet du navigateur, dans les favoris, dans certaines interfaces mobiles et dans les résultats de recherche lorsque les conditions d’affichage sont remplies.

    Son rôle est simple : aider l’internaute à reconnaître votre site plus vite. Quand plusieurs onglets sont ouverts, le texte du titre devient vite tronqué. L’icône reste visible et sert de repère visuel immédiat.

    Le favicon n’est pas forcément votre logo complet. Dans la plupart des cas, il vaut mieux utiliser une version simplifiée : une initiale, un symbole, une forme forte ou une icône issue de votre identité visuelle. Si votre logo contient beaucoup de texte ou de détails, il risque d’être illisible en petit format.

    Quelle image faut-il préparer avant de changer le favicon ?

    WordPress recommande une image carrée d’au moins 512 x 512 pixels pour l’icône du site, avec un fichier PNG recommandé dans sa documentation. Google demande aussi un favicon carré et indique une taille minimale de 8 x 8 pixels, avec une recommandation d’utiliser une icône supérieure à 48 x 48 pixels pour un bon rendu sur différentes surfaces.

    En pratique, partez sur une image carrée de 512 x 512 pixels. Cela fonctionne bien avec WordPress, laisse de la marge pour les différentes tailles générées et évite de travailler avec une icône trop petite dès le départ.

    ÉlémentRecommandationPourquoi c’est utile
    FormatPNGFormat recommandé par WordPress pour l’icône du site
    Dimensions512 x 512 pixelsTaille minimale demandée par WordPress pour l’image source
    FormeCarréeObligatoire pour éviter un recadrage imprévisible
    DesignSimple, contrasté, sans texte longLe favicon s’affiche souvent en très petit
    URLStableGoogle recommande de ne pas modifier fréquemment l’adresse du favicon

    Si vous partez d’un logo horizontal, recadrez-le d’abord. Un pictogramme seul sera souvent plus efficace que le logo complet. Vous pouvez aussi créer vos déclinaisons depuis notre outil gratuit pour générer un favicon, puis importer le fichier final dans WordPress.

    Besoin d’un favicon propre avant de l’ajouter à WordPress ? Utilisez le générateur de favicon gratuit Osmova. Importez votre image, créez votre icône, puis téléversez-la dans l’interface WordPress.

    Comment ajouter un favicon WordPress depuis Réglages > Général ?

    Sur WordPress 6.5 et les versions plus récentes, la documentation officielle indique que l’icône du site se règle depuis les réglages généraux. C’est aujourd’hui la méthode la plus directe si votre administration WordPress affiche cette option.

    1. Connectez-vous à l’administration WordPress.
    2. Dans le menu latéral, cliquez sur Réglages, puis sur Général.
    3. Repérez le champ lié à l’icône du site.
    4. Cliquez sur Choisir une icône du site.
    5. Sélectionnez une image déjà présente dans la médiathèque ou téléversez votre fichier.
    6. Recadrez l’image si WordPress vous le propose.
    7. Validez, puis enregistrez les modifications.
    8. Ouvrez votre site dans un nouvel onglet privé pour vérifier le rendu.

    Si votre image n’est pas carrée, WordPress peut vous demander de la recadrer. Évitez de laisser le recadrage décider à votre place : préparez plutôt une image carrée en amont, avec le symbole bien centré et une marge suffisante autour.

    Comment changer le favicon avec un thème bloc ?

    Si votre site utilise un thème bloc, l’éditeur de site peut proposer une section dédiée à l’identité du site. La documentation WordPress précise que cette section permet de modifier le titre du site, le slogan, le logo et l’icône du site, uniquement lorsque ce type de thème est actif.

    1. Allez dans Apparence, puis Éditeur.
    2. Ouvrez la section Identité si elle est disponible.
    3. Cliquez sur l’image associée à l’icône du site.
    4. Choisissez une image dans la médiathèque ou importez un nouveau fichier.
    5. Vérifiez l’aperçu dans l’interface.
    6. Cliquez sur Enregistrer pour publier le changement.

    Selon le thème, vous pouvez aussi voir une option liée au bloc Logo du site, avec un réglage permettant d’utiliser ce logo comme icône du site. Soyez prudent avec cette option : un logo de header n’est pas toujours lisible en favicon. Si le logo est horizontal, créez une version dédiée au favicon.

    Vous travaillez sur un site WordPress plus globalement, avec un besoin de structure, de performance ou de maintenance ? Vous pouvez consulter notre page agence WordPress pour voir comment on accompagne les projets WordPress professionnels.

    Comment modifier le favicon avec Apparence > Personnaliser ?

    Sur les sites WordPress plus anciens ou avec certains thèmes classiques, le favicon se modifie encore via l’outil de personnalisation. Cette méthode a été introduite avec la fonctionnalité « Site Icon » de WordPress 4.3, qui permet de gérer le favicon et certaines icônes d’application depuis l’administration.

    1. Connectez-vous à WordPress.
    2. Allez dans Apparence, puis Personnaliser.
    3. Cliquez sur Identité du site.
    4. Dans la zone Icône du site, cliquez sur Sélectionner une image.
    5. Importez votre favicon ou sélectionnez-le dans la médiathèque.
    6. Recadrez si nécessaire.
    7. Cliquez sur Publier.

    Si vous ne voyez pas Apparence > Personnaliser, ce n’est pas forcément une erreur. Certains thèmes récents remplacent cette interface par l’éditeur de site. Dans ce cas, utilisez plutôt la méthode précédente ou la méthode par Réglages > Général.

    Comment vérifier que le favicon s’affiche bien ?

    Après l’enregistrement, ne vous limitez pas à l’aperçu dans WordPress. Le favicon peut être correctement enregistré, mais encore masqué par le cache du navigateur, du site ou d’un module d’optimisation.

    1. Ouvrez la page d’accueil dans un nouvel onglet.
    2. Rechargez la page plusieurs fois.
    3. Testez dans une fenêtre de navigation privée.
    4. Essayez un autre navigateur si vous en avez un.
    5. Videz le cache de votre extension de cache si votre site en utilise une.
    6. Videz le cache serveur ou CDN si votre hébergement en propose un.
    7. Contrôlez le code source de la page si vous avez des notions techniques.

    Côté technique, WordPress peut générer plusieurs balises liées à l’icône du site. La référence développeur de WordPress montre notamment des tailles comme 32 x 32, 192 x 192, 180 x 180 et 270 x 270 dans la fonction qui produit les balises de site icon. Vous n’avez pas besoin de les écrire à la main si vous utilisez la fonctionnalité native de WordPress.

    Pourquoi le favicon ne se met pas à jour ?

    Le cas le plus fréquent est le cache. Votre navigateur garde parfois l’ancien favicon plus longtemps que prévu, car ce fichier est considéré comme un élément stable du site. Même après un bon réglage dans WordPress, l’ancien pictogramme peut donc rester visible pendant un moment.

    • Cache navigateur : testez en navigation privée ou videz les données du navigateur.
    • Cache WordPress : purgez votre extension de cache si vous en utilisez une.
    • Cache serveur ou CDN : purgez le cache depuis l’hébergement ou le tableau de bord CDN.
    • Mauvais fichier : vérifiez que vous avez bien remplacé l’icône du site et pas seulement le logo du header.
    • Image trop détaillée : simplifiez le visuel si l’icône semble floue ou illisible.
    • Thème ou extension : certains outils peuvent ajouter leurs propres balises d’icône et créer un conflit.

    Pour l’affichage dans les résultats de recherche, le changement peut prendre plus de temps. Google indique qu’il faut laisser ses systèmes réexplorer la page d’accueil et traiter les nouvelles informations, ce qui peut prendre plusieurs jours, voire plusieurs semaines selon la fréquence d’actualisation déterminée par ses systèmes. Google précise aussi que l’affichage du favicon n’est pas garanti, même lorsque les consignes sont respectées.

    Si vous effectuez une refonte complète et pas seulement un changement d’icône, pensez à intégrer le favicon dans la charte visuelle et les contrôles de mise en ligne. Pour ce type de projet, notre équipe peut vous accompagner via la refonte de site internet.

    Questions fréquentes

    Quelle taille choisir pour un favicon WordPress ?

    Préparez une image carrée de 512 x 512 pixels. C’est la taille minimale indiquée par WordPress pour l’image source de l’icône du site.

    Faut-il utiliser un fichier ICO ou PNG ?

    Pour la méthode native WordPress, utilisez un PNG carré. WordPress recommande ce format pour l’icône du site, puis génère les balises nécessaires.

    Pourquoi mon favicon WordPress ne s’affiche pas dans Google ?

    Google doit pouvoir explorer la page d’accueil et le fichier du favicon. L’icône doit aussi être carrée, représentative du site, accessible et respecter ses consignes. Même dans ce cas, son affichage n’est pas garanti.

    Puis-je utiliser mon logo comme favicon ?

    Oui, si le logo reste lisible en petit. Si votre logo est horizontal ou contient du texte, créez plutôt une version simplifiée avec un symbole ou une initiale.

    Dois-je installer une extension pour changer le favicon ?

    Non dans la plupart des cas. WordPress propose une fonctionnalité native pour gérer l’icône du site. Une extension n’est utile que pour des besoins spécifiques ou un conflit technique particulier.

    Sources

    Continuez votre lecture

    Sur le même thème

    turboquant-5
    Développement web

    Avec TurboQuant Google vient de rendre l’IA 8 fois plus rapide. Voici ce que ca change

    Changer le mot de passe Wi-Fi de sa box et le sécuriser
    Développement web

    Changer le mot de passe Wi-Fi de sa box et le sécuriser

    Changer le mot de passe Wi-Fi de votre box limite les connexions indésirables et protège vos appareils. Voici…

    Module-de-paiement-WordPress-top-10
    Développement web

    Module de paiement WordPress : les meilleurs plugins et comment choisir

    Stripe, PayPal, Mollie ou formulaire de paiement : les modules de paiement WordPress encore maintenus, comparés sur leurs…

    Exploration approfondie du Prompt Engineering
    Développement web

    Prompt engineering : définition, techniques et exemples concrets

    Le prompt engineering, c'est l'art de donner des instructions claires à ChatGPT, Claude ou Gemini pour obtenir des…