Comment ajouter une favicon WordPress à votre site ?

Ajouter une favicon WordPress √† un site est une √©tape importante au moment de personnaliser l’apparence. Comment faire¬†? Il existe 3 m√©thodes simples pour l’ajout d’une favicon, en voici les d√©tails √©tape par √©tape.

Pourquoi ajouter une favicon WordPress √† un site¬†? Parce que la favicon est un √©l√©ment de reconnaissance de la marque. La plupart des sites utilisent d’ailleurs leur logo en tant que favicon. Associ√©e au site, l’ic√īne renforce l’identit√© de marque et am√©liore l’exp√©rience utilisateur. La favicon s’affiche par exemple sur l’onglet de la page ouverte du site, √† gauche. Lorsque de nombreux onglets sont ouverts en m√™me temps dans une m√™me fen√™tre, le titre de l’onglet n’est pas lisible¬†: c’est la favicon qui permet d’identifier le site.

Au-del√† de ces avantages, ajouter une favicon WordPress √† un site est essentiel pour le professionnaliser. Tout d’abord parce qu’√† d√©faut de personnalisation, c’est le logo WordPress qui s’affiche en favicon. Ensuite parce que rares sont les sites aujourd’hui √† ne pas afficher de favicon personnalis√©e, sans doute en raison de la simplicit√© du processus. C’est donc un gage de cr√©dibilit√© pour le visiteur.

Comment mettre une favicon sur votre site WordPress ?

3 options pour ajouter une favicon WordPress à un site :

  • La fonctionnalit√© favicon native de WordPress, simple √† utiliser et rapide √† mettre en Ňďuvre.
  • Un plugin d√©di√©, √† t√©l√©charger et √† installer, pour profiter de fonctionnalit√©s suppl√©mentaires.
  • La m√©thode manuelle, plus complexe, qui n√©cessite de ma√ģtriser le code HTML.

 

L’ajout d’une favicon directement depuis l’interface de personnalisation WordPress

La fonctionnalit√© favicon native de WordPress est accessible depuis sa version 4.3. √Ä moins d’utiliser une version ant√©rieure, cette m√©thode est recommand√©e pour gagner du temps¬†: nul besoin de pr√©parer le fichier favicon.ico, il suffit d’avoir √† disposition le fichier image en 512×512 pixels minimum, au format JPEG, PNG ou encore GIF. √Ä noter que lorsque l’image n’est pas au format carr√©, WordPress permet de la redimensionner tr√®s simplement au moment de l’ajout de la favicon.

Ajouter une favicon au site gr√Ęce √† la fonctionnalit√© native de WordPress se fait en quelques clics seulement¬†:

    1. Sur l’√©cran d’administration, s√©lectionner l’option ¬ę¬†Personnaliser¬†¬Ľ du menu ¬ę¬†Apparence¬†¬Ľ.
    2. Aller sur l’onglet ¬ę¬†Identit√© du site¬†¬Ľ.
    3. Dans la section¬†¬ę¬†Ic√īne du site¬†¬Ľ, cliquer sur ¬ę¬†S√©lectionner l’ic√īne du site¬†¬Ľ pour ouvrir la m√©diath√®que WordPress.
    4. Sélectionner un fichier image existant, ou télécharger un autre fichier image.
    5. √Ä ce stade, WordPress permet de recadrer l’image. Au moment du recadrage, un aper√ßu de la favicon telle qu’elle s’affichera appara√ģt sur l’√©cran √† droite.
    6. Veiller à sauvegarder et publier la modification pour afficher immédiatement la favicon.

recadrer image favicon WordPress
Source : https://fr.wordpress.org/support/files/2021/05/recadrer-limage.png

Ajouter une favicon √† l’aide d’un plugin d√©di√©

Si la version de WordPress utilis√©e ne propose pas la fonctionnalit√© favicon, il est n√©cessaire d’installer un plug-in d√©di√©. Certains plugins en outre offrent des fonctionnalit√©s avanc√©es pour personnaliser l’affichage de la favicon. Avec plus de 200 000 installations actives et une excellente note utilisateurs, Favicon by RealFaviconGenerator est le plugin le plus populaire en 2021 pour g√©n√©rer et ajouter une favicon WordPress √† un site.

Les fonctionnalités avancées de Favicon by RealFaviconGenerator :

  • Moins contraignant en mati√®re de format, le plugin offre la possibilit√© de g√©n√©rer un fichier favicon √† partir de nombreux fichiers images. Le plugin permet de partir de la plupart des formats : PNG, JPG ou encore SVG. Et l’image peut avoir une hauteur et une largeur de seulement 70 pixels, contre 512 avec la fonctionnalit√© native de WordPress.
  • La compatibilit√© est √©tendue √† davantage de navigateurs et d’appareils. Sur Mac ou sur PC, sur un iPhone ou une tablette Android¬†: quels que soient le navigateur et l’appareil utilis√©, l’affichage de la favicon est optimis√©, pour une exp√©rience utilisateur optimale et une image de marque soign√©e.
  • Favicon by RealFaviconGenerator propose des options d’affichage. Choix du fond transparent ou personnalisation de la couleur de fond, dimensions de la marge ou encore ajout d’une ombre¬†: l’ic√īne est personnalis√©e en fonction des navigateurs et des appareils dans lesquels elle s’affiche.

options de personnalisation de favicon wordpressSource : https://realfavicongenerator.net/

Les atouts du plugin : intuitif, il est facile d’utilisation et propose en outre des recommandations pour optimiser le design de la favicon. Autre avantage : Favicon by RealFaviconGenerator est totalement gratuit.

Pour installer le plugin :

  1. Cliquer sur l’onglet extension sur l’√©cran d’administration WordPress.
  2. S√©lectionner ¬ę¬†Ajouter¬†¬Ľ et renseigner Favicon by RealFaviconGenerator dans la barre de recherche.
  3. Cliquer sur ¬ę¬†Installer maintenant¬†¬Ľ et attendre la fin du t√©l√©chargement.
  4. Activer l’extension en cliquant sur le bouton en bas √† gauche.

Pour utiliser le plugin :

  1. Aller sur ¬ę¬†Favicon¬†¬Ľ du menu ¬ę¬†Apparence¬†¬Ľ.
  2. S√©lectionner un fichier image et cliquer sur ¬ę¬†Generate Favicon¬†¬Ľ¬†pour √™tre redirig√© vers le site RealFaviconGenerator.
  3. Apr√®s avoir configur√© les options d’affichage de la favicon, cliquer sur ¬ę¬†Generate your Favicons and HTML code ¬Ľ.
  4. De retour sur WordPress, l’aper√ßu de la favicon s’affiche appareil par appareil.

Source : https://ps.w.org/favicon-by-realfavicongenerator/assets/screenshot-4.png

La méthode manuelle via FTP

Dernière option pour ajouter une favicon WordPress à un site, le protocole de transfert de fichiers FTP. Deux étapes sont nécessaires.

Première étape : créer la favicon

  1. Utiliser un logiciel de graphisme ou une solution en ligne pour créer la favicon.
  2. Veiller √† ce que l’image soit carr√©e, aux dimensions 16 x 16 pixels.
  3. Enregistrer le fichier au format .ico.

Deuxième étape : ajouter la favicon WordPress au site

  1. Accéder aux fichiers via FTP, ouvrir le répertoire racine du site et y télécharger le fichier favicon au format .ico.
  2. Veiller à ce que le fichier soit dans le même dossier que les dossiers wp-admin et wp-content.
  3. Ouvrir le fichier header.php de l’√©diteur de th√®me du menu ¬ę¬†Apparence¬†¬Ľ.
  4. Entrer le code HTML de la favicon dans la zone d’en-t√™te.
  5. Enregistrer la modification.

Pour aller plus loin, téléchargez ce guide gratuit et découvrez comment optimiser une page de destination pour la génération de leads.Comment optimiser une page de destination pour la génération de leads


Lire l’article sur le site Source

Ajouter un commentaire

Les champs requis sont indiqués *