Un favicon, qui est l'abréviation de “icône préférée”, peut également être appelé icône de site. Si vous regardez la page de votre navigateur maintenant, il y aura très probablement un certain nombre de favicons affichés. Cependant, vous n'avez peut-être jamais consciemment remarqué les favicons, sachez ce qu'ils sont ou ce qu'ils font. Alors, qu'est-ce qu'un favicon et pourquoi votre site Web WordPress en a-t-il besoin ?

Dans cet article, nous allons expliquer exactement ce qu'est un favicon et comment il peut être bénéfique pour votre entreprise ou votre blog. Nous verrons ensuite comment vous pouvez rapidement et facilement en ajouter un à votre blog WordPress.

Qu'est-ce qu'une icône de favicon/site ?

Capture d'écran d'exemple de favicon

Un favicon est une icône qui s'affiche sur un onglet du navigateur à côté du titre de la page d'un site Web. Les favicons peuvent également être vus à côté du nom d'un site Web dans une liste de sites mis en signet, en plus d'être utilisés comme icônes d'application et dans WordPress, ils peuvent également être appelés votre « icône de site ».

Les favicons reprennent généralement l'image du logo du site qu'ils représentent. Cependant, il peut également s'agir d'une image liée à la marque ou au style d'un site, si cela est plus approprié. Une fois qu'un favicon est sélectionné, il ne doit pas être modifié, à moins que votre entreprise ne subisse un changement de marque. De cette façon, les visiteurs de votre site Web se familiarisent avec votre favicon et le reconnaissent dans une gamme d'onglets de navigateur.

L'importance d'utiliser un favicon

Importance d'utiliser un favicon

Les favicons concernent le marketing visuel et la connexion avec les visiteurs de votre site. L'ajout d'un favicon permettra à votre public d'identifier inconsciemment et instantanément votre site Web WordPress dans une mer d'applications ou de pages Web.

Cette familiarité avec votre favicon aidera votre public à vous trouver rapidement et facilement. Cela rappellera également aux utilisateurs l'existence de votre site, ce qui entraînera une augmentation du trafic et du nombre de visiteurs récurrents. Enfin, un favicon aidera votre site à se démarquer de vos concurrents et à faire de votre site une source fiable.

Comme vous pouvez le voir, les avantages de l'utilisation d'un favicon sont énormes. Découvrons maintenant comment créer un favicon et l'ajouter à votre site WordPress…

Création d'un favicon

La première étape du processus de favicon consiste à créer une image appropriée. Comme mentionné, un favicon devrait idéalement être la même image que le logo de votre site Web, afin que les visiteurs puissent le reconnaître immédiatement.

Cependant, parfois avec des logos compliqués, cela peut entraîner un favicon peu clair ou déroutant. Dans ce cas, vous devrez simplifier votre logo ou utiliser une image différente. Assurez-vous de choisir quelque chose qui représente votre entreprise et reflète évidemment votre marque.

Conception ou modification d'une image favicon

Par le Codex WordPress, les images favicon doivent être de forme carrée et mesurer au moins 512 x 512 pixels. Bien que les images puissent être recadrées dans WordPress, je vous conseille de modifier votre image au préalable à l'aide d'un logiciel d'édition.

Si vous cherchez à concevoir une nouvelle image à partir de zéro, ou si votre logo a besoin de quelques ajustements sérieux, il est préférable d'utiliser un programme d'édition professionnel. Photoshop ou GIMP sont d'excellentes options.

Utiliser Canva

Créateur d'icônes Canva

Cependant, une solution plus simple, pour ceux qui ont moins d'expérience en conception, consiste à utiliser Toile. Ce site Web d'outil de conception graphique gratuit vous permettra de modifier facilement une image et de la rendre prête pour les favicons. Redimensionnez votre logo, ou changez la couleur ou la transparence, pour créer une image favicon qui fonctionnera pour votre site.

Une fois que vous êtes satisfait de l'image que vous allez utiliser comme favicon, elle doit être enregistrée au format gif, png ou jpeg. Vous êtes maintenant prêt à télécharger votre favicon sur votre site WordPress…

Comment ajouter un favicon à votre site/blog WordPress ?

Il était préférable de laisser l'ajout d'une icône de site aux développeurs Web et à ceux qui ont une connaissance approfondie du codage. Cependant, heureusement, après la sortie de WordPress 4.3, l'ajout d'un favicon est devenu extrêmement simple et direct.

Lien de personnalisation WordPress en direct

Ouvrez votre tableau de bord WordPress et dans le menu sélectionnez Apparence > Personnaliser. Cela ouvrira le personnalisateur WordPress en direct avec un aperçu de la page d'accueil de votre site Web.

Sélectionner Identité du site. Ici, vous verrez le titre du site et l'icône du site affichés.

Identité du site WordPress

En dessous de Icône du site vous pouvez ajouter, modifier ou supprimer votre favicon. Cliquer sur Sélectionner une image.

Sélectionnez l'image de l'icône du site WordPress

Votre bibliothèque multimédia WordPress apparaîtra maintenant sur votre écran. Sélectionnez le Télécharger des fichiers puis déposez votre image favicon dans la boîte ou sélectionnez-la sur votre ordinateur.

De retour dans votre médiathèque, vérifiez que votre image est cochée puis cliquez sur Sélectionner dans le coin en bas à droite. WordPress va maintenant vous demander si vous souhaitez recadrer votre image. Si vous avez déjà édité votre image dans un programme d'édition, sélectionnez Ignorer le recadrage. Sinon, recadrez.

Aperçu de l'icône du site de personnalisation

Dans le personnalisateur, sous Icône du site, vous verrez votre image téléchargée. Sélectionner Enregistrer et publier en haut du personnalisateur, puis actualisez la page. Vous devriez maintenant pouvoir voir votre favicon dans l'onglet du navigateur de votre page Web.

Affichage de favicon d'URL

Si, à un moment donné, vous souhaitez modifier votre favicon, sous Icône du site sélectionnez simplement Changer l'image. Cependant, comme mentionné précédemment, cela n'est pas conseillé, sauf si vous changez de marque. Si vous modifiez continuellement votre favicon, votre public ne sera pas en mesure d'identifier quelle image représente votre site Web lorsqu'il consulte les onglets ou les applications de son navigateur.

Autres façons d'ajouter un favicon à votre site Web WordPress

Il existe bien sûr un certain nombre d'autres façons d'ajouter un favicon à votre site Web WordPress. Jetons un coup d'œil à différentes options…

Favicon par RealFaviconGenerator

Bannière RealFaviconGenerator

De nombreuses personnes préfèrent utiliser des plugins pour ajouter des fonctionnalités à leur site au lieu de s'appuyer sur un thème. Favicon de RealFaviconGenerator est un plugin WordPress qui est une excellente option si vous cherchez à ajouter un favicon à votre site Web.

Installez le plugin sur votre site Web WordPress, puis pointez et cliquez simplement pour télécharger une image et l'ajouter en tant que favicon. RealFaviconGenerator générera alors toutes les icônes dont vous avez besoin pour divers navigateurs et appareils. Il s'agit d'un plugin simple, et il est gratuit à télécharger et à utiliser.

Téléchargement via la page d'options de votre thème

Total des options de thème favicon

La plupart des nouveaux thèmes sont dotés de nombreuses caractéristiques et fonctionnalités, ce qui permet aux utilisateurs de configurer rapidement et facilement de nouveaux sites Web WordPress. Certains de ces thèmes offrent désormais la possibilité d'ajouter un favicon pour vous. Vérifiez la page Options de votre thème pour voir s'il s'agit d'une fonctionnalité qu'il offre. Par exemple, le Thème WordPress total inclut des options pour votre Favicon (et ses différentes tailles d'appareils) dans le panneau de thème intégré.

Utiliser le code

Si vous êtes quelqu'un qui préfère coder son site Web, vous pouvez télécharger votre image favicon dans le répertoire racine de votre site. Le code doit ensuite être ajouté à votre fichier header.php. Pour plus d'informations sur ce processus, ainsi que des détails sur la taille de l'image et le type de fichier dans lequel vous devez l'enregistrer, consultez le Documentation d'assistance WordPress.

Dernières pensées

Comme vous pouvez le constater, le téléchargement d'un favicon sur le site Web WordPress est un processus très simple. Les avantages d'avoir un favicon sont impressionnants, une tactique marketing qui permettra à vos utilisateurs d'identifier votre site simplement en repérant votre image. Alors faites-en une priorité pour trouver une demi-heure libre dans votre journée et configurez votre site avec un favicon.

Votre favicon est-il déjà opérationnel ? Veuillez partager comment vous vous êtes débrouillé dans les commentaires ci-dessous…