Comment supprimer facilement l'icône WordPress de l'onglet du navigateur

L'icône WordPress, également connue sous le nom de favicon, apparaît par défaut dans l'onglet du navigateur de votre site web.

Bien que cela fonctionne bien lorsque vous travaillez sur votre nouveau site, de nombreux propriétaires de sites préfèrent la remplacer ou la supprimer pour mieux refléter leur identité de marque.

Nous avons créé de nombreux sites web sur WordPress, y compris des blogs et des boutiques e-commerce, et une chose que nous faisons toujours est de remplacer l'icône par défaut par un favicon qui représente notre marque.

Ce simple changement nous a aidés à renforcer notre identité de marque, à rendre nos sites plus fiables et à améliorer leur attrait visuel général.

Dans cet article, nous allons vous montrer comment supprimer facilement l'icône WordPress de l'onglet du navigateur.

Pourquoi supprimer l'icône WordPress de l'onglet du navigateur ?

L'icône WordPress dans votre onglet de navigateur peut donner à votre site web un aspect générique et non professionnel. La plupart des utilisateurs ont de nombreux onglets ouverts dans leur navigateur, ce qui peut entraîner la dissimulation du titre de votre site web.

Avec seulement le logo WordPress dans l'onglet, vos utilisateurs ne pourront pas identifier votre site parmi de nombreux autres.

En supprimant l'icône WordPress de l'onglet du navigateur et en ajoutant un favicon (également appelé icône de votre site), vous pouvez utiliser votre logo de marque et rendre votre site plus convivial pour vos visiteurs.

Un favicon est une petite image qui apparaît à côté du titre de votre site web dans le navigateur.

Le favicon aidera vos utilisateurs à reconnaître immédiatement votre site web et à passer efficacement d'un onglet à l'autre. Les visiteurs plus fréquents développeront même une reconnaissance instantanée pour cette petite image sur votre navigateur.

Cela dit, examinons comment supprimer facilement l'icône WordPress de l'onglet du navigateur. Aujourd'hui, nous allons examiner deux méthodes, et vous pourrez choisir celle qui vous convient le mieux :

• Méthode 1 : Supprimer l'icône WordPress sans plugin
• Méthode 2 : Supprimer l'icône WordPress à l'aide d'un plugin
• Bonus : Ajouter une notification d'onglet de navigateur dans WordPress
• Foire aux questions

Méthode 1 : Supprimer l'icône WordPress sans plugin

Si vous utilisez un thème de blocs dans WordPress, vous pouvez utiliser cette méthode pour supprimer l'icône WordPress dans un onglet de navigateur.

Au moment de la rédaction de ce tutoriel, le thème WordPress par défaut, Twenty Twenty-Three, ne dispose pas d'un bloc d'icône de site pour changer votre favicon du logo WordPress.

Tout d'abord, vous devez naviguer vers Apparence » Éditeur depuis votre tableau de bord d'administration WordPress pour ouvrir l'éditeur de site complet.

Cependant, vous ne pouvez pas changer votre favicon à partir d'ici ni supprimer l'icône WordPress de l'onglet du navigateur. Pour ce faire, copiez et collez l'URL ci-dessous dans votre navigateur pour ouvrir le personnaliseur de thème :

https://example.com/wp-admin/customize.php

N'oubliez pas de remplacer « example.com » par le nom de domaine de votre propre site.

Cette URL vous mènera au personnaliseur de thème, où vous devrez cliquer sur l'onglet « Identité du site ».

Une fois que vous y êtes, faites défiler jusqu'à la section « Icône du site ».

À partir de là, cliquez simplement sur le bouton « Sélectionner l'icône du site » pour ouvrir la médiathèque WordPress.

Vous pouvez maintenant sélectionner n'importe quelle image que vous souhaitez utiliser comme favicon pour remplacer l'icône WordPress sur l'onglet du navigateur.

Pour plus de détails sur la création d'une favicon, vous pouvez consulter notre tutoriel sur comment ajouter une favicon dans WordPress. Si l'image que vous avez choisie pour votre favicon dépasse la taille recommandée, WordPress vous permettra de la recadrer.

Une fois que vous êtes satisfait de votre choix, cliquez simplement sur le bouton « Publier » en haut.

Supprimer l'icône WordPress dans un thème sans édition complète du site

Si vous utilisez un thème classique, vous pouvez accéder directement au personnaliseur de thème via Apparence » Personnaliser pour supprimer l'icône WordPress de l'onglet du navigateur.

Sur les sites qui ne prennent pas en charge l'éditeur complet du site, le personnaliseur de thème WordPress vous permet de modifier les détails de votre site, tels que le favicon, la typographie, les couleurs par défaut, le pied de page, et plus encore.

Une fois dans le personnaliseur de thème, cliquez sur l'onglet « Identité du site ». Le processus est le même que celui que nous avons montré ci-dessus. Vous pouvez supprimer l'icône WordPress simplement en téléchargeant une icône de site de votre choix.

Une fois que vous êtes satisfait de votre choix, cliquez simplement sur le bouton « Publier » pour enregistrer les modifications.

Méthode 2 : Supprimer l'icône WordPress à l'aide d'un plugin

Vous pouvez également utiliser un plugin pour supprimer l'icône WordPress et la remplacer par un favicon.

Tout d'abord, vous devez installer et activer le plugin Heroic Favicon Generator. Pour plus de détails, consultez notre guide pour débutants sur comment installer un plugin WordPress.

Une fois activé, visitez la page Paramètres » Générateur d'icônes Heroic depuis le tableau de bord WordPress et cliquez sur le bouton « Sélectionner l'icône ».

Cela ouvrira la bibliothèque de médias WordPress. Vous pouvez maintenant choisir et télécharger n'importe quelle image que vous souhaitez utiliser comme favicon.

Une fois que vous avez fait cela, faites défiler vers le bas jusqu'à la section « Aperçus », où vous pouvez voir à quoi ressemblera le favicon sur votre site Web WordPress.

Une fois que vous êtes satisfait, faites simplement défiler vers le bas et cliquez sur le bouton « Enregistrer les modifications ».

Vous avez supprimé avec succès l'icône WordPress et ajouté un favicon à sa place.

Bonus : Ajouter une notification d'onglet de navigateur dans WordPress

En plus d'ajouter un favicon personnalisé pour attirer l'attention des utilisateurs, vous pouvez également ajouter des notifications d'onglet de navigateur pour votre site Web afin de faire revenir les clients.

Cette notification est un message qui s'affichera dans votre onglet de navigateur lorsque l'utilisateur se concentre sur un autre site Web. Elle peut aider à réduire les taux d'abandon de panier et à générer plus de trafic vers votre site.

Vous pouvez facilement ajouter une notification d'onglet de navigateur dans WordPress en utilisant WPCode. C'est le meilleur plugin d'extraits de code WordPress du marché qui permet d'ajouter du code personnalisé à votre site Web en toute sécurité et facilement.

Après l'installation du plugin, il vous suffit de visiter la page Extraits de code » + Ajouter un extrait depuis la barre latérale d'administration de WordPress et de cliquer sur « Utiliser l'extrait » sous l'option « Ajouter votre code personnalisé (Nouvel extrait) ».

Cela vous mènera à la page « Créer un extrait personnalisé », où vous devez sélectionner « Extrait JavaScript » comme « Type de code » dans le menu déroulant à droite.

Après cela, ajoutez le code personnalisé suivant dans la zone « Aperçu du code » :

let count = 0;
const title = document.title;
function changeTitle() {
    count++;
    var newTitle = '(' + count + ') ' + title;
    document.title = newTitle;
}
function newUpdate() {
    const update = setInterval(changeTitle, 2000);
}
document.addEventListener('DOMContentLoaded', newUpdate );

Enfin, cliquez sur le bouton « Enregistrer le snippet » et basculez le commutateur « Inactif » sur « Actif ».

Vous avez maintenant ajouté avec succès une notification d'onglet de navigateur à votre site Web qui affichera le nombre de nouvelles mises à jour.

Si vous souhaitez afficher un message ou modifier les favicons dans votre onglet de navigateur, vous pouvez consulter notre tutoriel complet sur comment ajouter facilement des notifications d'onglet de navigateur dans WordPress.

Foire aux questions

Voici quelques questions fréquemment posées par nos lecteurs concernant la suppression de l'icône WordPress de l'onglet du navigateur :

Qu'est-ce que l'icône WordPress dans l'onglet du navigateur ?

Le petit logo que vous voyez à côté du titre d'une page dans l'onglet du navigateur s'appelle un favicon ou une icône de site.

Dans WordPress, cela est généralement défini sous Paramètres » Général (ou Apparence » Personnaliser » Identité du site). Si vous ne l'avez pas personnalisé, WordPress utilise son logo par défaut à cet endroit.

Bien que cela puisse sembler mineur, cette petite image aide les utilisateurs à repérer rapidement votre site parmi de nombreux onglets. Laisser l'icône par défaut peut donner à votre site une impression générique et nuire à la reconnaissance de votre marque.

Pourquoi l'icône WordPress s'affiche-t-elle toujours après sa suppression ?

Si vous avez remplacé ou supprimé le favicon WordPress et qu'il s'affiche toujours, ne vous inquiétez pas, c'est un problème courant. Cela se produit généralement parce que votre navigateur ou votre site web affiche toujours une version mise en cache de l'ancienne icône.

Voici quelques points que vous pouvez vérifier :

• Videz le cache de votre navigateur et le cache du site : Les navigateurs ont tendance à stocker les images de favicon de manière agressive. Essayez de vider le cache de votre navigateur ou de rafraîchir la page avec Ctrl + F5 (Windows) ou Commande + Maj + R (Mac).
• Videz le cache du CDN : Si votre site est connecté à un réseau de diffusion de contenu (CDN) comme Cloudflare, il se peut qu'il affiche une ancienne version de votre favicon. Connectez-vous à votre compte CDN et videz le cache pour vous assurer que votre nouvelle icône est affichée.
• Vérifiez les remplacements de thème ou de plugin : Certains thèmes et plugins ont leurs propres paramètres de favicon qui peuvent remplacer l'icône globale de votre site. Assurez-vous qu'il n'y a pas de favicon défini dans les options de votre thème ou dans un plugin, tel qu'un constructeur de page ou un outil SEO.
• Supprimer les liens favicon codés en dur : Dans de rares cas, un favicon peut être codé en dur dans le fichier header.php de votre thème. Recherchez les balises <link rel="icon"...> ou <link rel="shortcut icon"...> et supprimez-les ou mettez-les à jour si nécessaire.

Après avoir effectué ces modifications, actualisez votre site dans une fenêtre de navigateur incognito ou privée pour voir si le nouveau favicon s'affiche correctement.

Quelles étapes dois-je suivre pour m'assurer que mon favicon s'affiche correctement sur tous les appareils ?

L'utilisation du bon format et de la bonne taille de favicon permet de s'assurer qu'il s'affiche correctement sur tous les appareils et navigateurs. Si votre favicon semble flou ou ne se met pas à jour correctement, suivez ces meilleures pratiques :

• Utilisez des images carrées d'au moins 512 × 512 pixels
• Inclure un fichier .ico pour la compatibilité
• Ajouter les balises HTML <link rel="icon"> appropriées dans l'en-tête de votre site
• Vider les caches du navigateur et du site

En suivant ces conseils, votre favicon s'affichera correctement, aura un aspect net et contribuera à renforcer l'identité de marque de votre site.

Nous espérons que cet article vous a aidé à apprendre comment supprimer l'icône WordPress de l'onglet du navigateur. Vous voudrez peut-être aussi consulter notre guide pour débutants sur comment obtenir des retours sur la conception de votre site Web dans WordPress et nos meilleurs exemples de sites Web WordPress que vous devriez consulter.

Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.