TechBlogSD - Tout pour le développement WordPress et WEB
Instructions WEB et WordPress, actualités, revues de thèmes et plugins

Comment ajouter un favicon dans un site WordPress ?

28

Favicon est une forme courte d’icône préférée. Microsoft l’a introduit pour la première fois en utilisant Internet Explorer 5 en mars 1999. Plus tard, le World Wide Web Consortium (W3C) a standardisé l’utilisation de favicon dans les recommandations HTML 4.01. Favicon est également référencé avec de nombreux autres noms comme l’icône du site, l’icône URL, l’icône des signets, l’icône d’onglet ou l’icône de raccourci. Favicon est devenu populaire depuis que les moteurs de recherche les affichent dans les pages de résultats de recherche. Si vous utilisez WordPress, il est facile d’ajouter un favicon à votre site Web et nous vous expliquerons le processus dans cet article.

Connexe : Comment ajouter un favicon dans le site gratuit de Weebly ?

Pourquoi devriez-vous utiliser Favicon ?

Selon le navigateur, vous pouvez voir favicon à différents endroits. En général, Chrome et de nombreux autres navigateurs affichent l’icône dans l’onglet avec le titre de la page.

Afficher la favicon dans l’onglet du navigateur

Sur Mac, vous pouvez activer ou désactiver l’affichage des favicons dans le navigateur Safari. De même, vous pouvez voir le favicon lorsque vous changez de page dans les navigateurs mobiles. Les favicons sont utilisés pour augmenter la visibilité de la marque d’un site Web telle qu’elle est affichée sur les navigateurs. Différents navigateurs affichent le favicon à différents endroits :

  • Afficher sur l’onglet du navigateur
  • Affiché sous forme d’icônes de signet et dans la liste de lecture
  • Affiché dans la barre d’adresse sur certains navigateurs
  • Icône épinglée lorsque vous épinglez l’onglet
  • Icône d’application lors de l’ajout d’un raccourci du navigateur au bureau ou à l’écran d’accueil sur mobile

En plus des usages dans le navigateur, il existe peu d’autres facteurs de visibilité. Les moteurs de recherche tels que Yandex affichent le favicon dans les résultats de recherche, comme indiqué ci-dessous :

Comment ajouter un favicon dans un site WordPress ?

Résultats de la recherche Yandex

Google montre parfois l’icône et parfois non. Cependant, favicon peut également être utilisé comme icône de bureau ou Apple Touch. Cela agira comme une icône d’application sur les smartphones et les tablettes lorsque vous ajouterez le raccourci de la page Web.

En résumé, les entreprises utilisent le favicon de la même manière que le logo de leur marque afin que les utilisateurs puissent s’en souvenir facilement.

Utilisation générale de Favicon

Le favicon est généralement un fichier d’icône d’image avec l’extension .ico. Vous devez télécharger l’image dans le répertoire racine de votre site. Ensuite, l’image favicon est liée au site à l’aide de la balise méta suivante dans la section d’en-tête :

<link rel="shortcut icon" href="http://example.com/favicon.ico" />

La taille du favicon utilisé est de 16 x 16 pixels.

Comment ajouter un favicon dans un site WordPress ?

C’était compliqué d’ajouter un favicon jusqu’à la version 4.2 de WordPress. Afin de simplifier les choses, l’ajout de favicon a été fait comme une fonctionnalité de base à partir de la version 4.3. Le module "Site Icon" du plugin Jetpack a été ajouté dans le personnalisateur WordPress en tant que fonction par défaut. Et vous avez juste besoin d’une image sans autre besoin de balise meta ou de plugin.

Exigences relatives aux images

L’icône du site WordPress a besoin de deux exigences simples :

  • L’image doit être de taille carrée.
  • La taille minimale doit être de 512 x 512 pixels.

Vous n’avez pas besoin d’utiliser une image .ico, préparez simplement une image carrée .png, .jpg ou .gif de 512px à utiliser comme favicon dans le site WordPress. La même icône sera utilisée comme icône d’application sur tous les appareils mobiles. Préparez une image de plus petite taille avec une visibilité claire à l’aide de logiciels comme Photoshop ou Snagit. N’oubliez pas que l’image favicon sera redimensionnée à 16 x 16 px dans l’onglet du navigateur. Par conséquent, préparez l’image avec une couleur sombre pour augmenter la visibilité. Vous pouvez également essayer nos outils gratuits de génération de favicons pour générer le fichier image d’icône pour votre site.

Téléchargement d’une image sur le site

Connectez-vous à votre panneau d’administration et accédez au menu « Apparence > Personnalisateur ». Cliquez sur l’option « Identité du site » comme indiqué dans l’image ci-dessous.

Comment ajouter un favicon dans un site WordPress ?

Option d’identité de site dans WordPress Customizer

Cliquez sur "Sélectionner une image" et téléchargez votre image favicon.

Comment ajouter un favicon dans un site WordPress ?

Ajout d’une icône de site dans le site WordPress

Si vous téléchargez une taille d’image supérieure à 512px, WordPress ouvrira automatiquement l’écran de recadrage de l’image. Déplacez la zone de recadrage pour afficher un aperçu instantané de votre favicon sur le navigateur et en tant qu’icône d’application sur le panneau de gauche.

Option de recadrage d’image pour favicon

Une fois l’image téléchargée, cliquez sur le bouton « Publier ».

Comment ajouter un favicon dans un site WordPress ?

Publier le site avec Favicon

C’est ça!!! Vous avez terminé. Pas besoin d’ insertion de balise meta ou de plugin. Vérifiez votre site sur le navigateur pour voir que le favicon est efficace instantanément. Vous devrez peut-être effacer l’historique du navigateur pour supprimer les pages mises en cache et charger à nouveau votre page. À tout moment, vous pouvez supprimer ou modifier le favicon sur votre site.

Problèmes fréquents avec Favicon

Bien qu’il soit facile de télécharger un favicon dans WordPress, les utilisateurs sont fréquemment confrontés à des problèmes.

  • Google / autre moteur de recherche n’affiche pas le favicon dans les résultats de recherche – cela se produit généralement en raison de la taille de votre icône. Bien que WordPress ait besoin d’une taille de 512 pixels, la taille recommandée de favicon est de 16 × 16, 32 × 32 ou 48 × 48 pixels. La taille d’image plus grande peut créer des problèmes car ce n’est pas une taille recommandée. Cependant, cela devrait fonctionner pour les sites WordPress comme vous pouvez le voir dans le navigateur de ce site Web. Si vous rencontrez des problèmes, supprimez l’icône du site dans le personnalisateur et téléchargez-la à nouveau. Videz également le cache si vous utilisez le plug-in de mise en cache et la mise en cache côté serveur si disponible. Attendez quelques jours pour que Google puisse à nouveau parcourir les pages et afficher correctement l’icône. Tant que vous voyez l’icône dans le navigateur, vous ne devriez pas vous soucier de savoir si Google s’affiche ou non dans les résultats de la recherche.
  • Icône peu claire dans le navigateur – cela se produit lorsque vous essayez de redimensionner une image plus grande à une taille plus petite ou vice versa. Nous vous recommandons de créer exactement la taille nécessaire et de télécharger le fichier.
  • Favicon non visible dans le navigateur – dans ce cas, assurez-vous d’avoir téléchargé l’image correctement et vérifiez que vous pouvez ouvrir le fichier image dans le navigateur avec succès.

Source d’enregistrement: www.webnots.com
Leave A Reply

Ce site utilise des cookies pour améliorer votre expérience. Nous supposerons que cela vous convient, mais vous pouvez vous désinscrire si vous le souhaitez. J'accepte Plus de détails