Comment ajouter un FAVICON sur un site WordPress facilement 🏆
ฝัง
- เผยแพร่เมื่อ 29 ก.ย. 2024
- Si vous avez besoin d'ajouter un favicon sur votre site WordPress, alors regardez cette vidéo.
Vous allez notamment apprendre comment faire pour que le favicon s'affiche sur n'importe quel que soit les appareils utilisés par vos visiteurs, que ce soit des tablettes, des téléphones ou des ordinateurs.
Depuis la version 4.5 de WordPress, il est possible de définir un favicon, également appelé icône de site. Malheureusement, cela n'est pas compatible avec tous les types d'appareils.
Par exemple, cela fonctionne mal avec les raccourcis de Windows 8, Windows 10 et les versions de Chrome pour Android. En gardant le favicon de WordPress, on obtiendra une icône floutée.
Pour tester votre site, vous pouvez utiliser le site suivant : realfavicongen...
Si vous souhaitez ajouter ou mettre à jour un favicon sur WordPress, installez l'extension RealFaviconGenerator :
fr.wordpress.o...
Regardez la vidéo en intégralité pour découvrir comment le configurer correctement.
Si la vidéo vous a plus, abonnez-vous à la chaîne de la Marmite en cliquant sur ce lien : www.youtube.co...
Je suis l'auteur du plugin. Donc oui, je vous regarde, et je vous remercie ! ;-)
Ah ah je savais que ma dédicace ne passerait pas inaperçue !
Encore une fois, merci pour ta contribution Philippe ;)
Bonjour Philippe,
Il semblerait qu'il y ait un souci avec le checker. Est-ce que cela fonctionne bien de ton côté ?
Ah oui? A ma connaissance ça tourne correctement. Pas de changements récents. Peux-tu me donner l'URL du site qui échoue au check?
Merci à toi Philippe ;)
Merci !
Bonjour et merci Alex pour ce nouveau sujet. J'ai utilisé ce plugin pour un nouveau site et tout semblait correct. Par curiosité j'ai réutilisé ensuite le checker et il m'indiquait plusieurs choses manquantes,(l'icône HD pour iOS Safari, ou celle pour Android Chrone et celle de Mac Ox safari) or elles semblaient bien présentes après vérification sur iPad, iPhone et sur Mac (pas vérifié sur android). J'ai regardé la FAQ du plugin et apparement l'auteur recommande de placer tous les fichiers créés (les fichiers png ou ico je suppose, pas les 2-3 autres) à la racine du site pour éviter des problèmes. J'ai donc pris ce qu'il y avait dans le dossier fbrfg et hop à la racine. Mais le checker m'a indiqué encore plus d'erreurs.... donc retour au dossier fbrfg.
Du coup on dirait qu'on ne peut pas vraiment se fier au Real favicon checker, c'est dommage. As tu eu ce genre de problèmes ?
Salut Claire,
En effet, le checker ne semble pas parfait. Enfin l'important est que le favicon s'affiche bien sur tous les appareils ;)
Je vais contacter Philippe pour lui ne faire part.
Ok, merci. Ben, si tu lui parles, peut-être lui demander de préciser cette histoire de mettre les fichiers à la racine qui n'est pas très bien expliquée : dans la FAQ il est écrit que cette recommandation apparait quand on génère les favicons, mais je ne l'ai vue que dans la FAQ, en fouillant. Et quand il dit "déplacer les fichiers à la racine", il ne dit pas où sont les fichiers (j'ai fini par les trouver dans fbrfg) ni s'il faut tout prendre dans ce dossier ou juste les png et ico.
Mais, comme tu dis, si ça marche, c'est ce qui compte ;-). Merci à lui !
Sur quel site as-tu un problème ? Je viens de tester sur la Marmite et tous les feux sont au vert :)
Sur un tout nouveau site, en développement. Il y a juste une page Coming Soon installée pour l'instant et quelques plugins : lesptitplatsdesoosoo.fr
c'est vraiment étrange, j'ai quasiment que des messages d'erreur dans le checker maintenant... !
Génial ! Je l'ai ajouté à mon article comment migrer de overblog à wordpress : www.chasseurdesanglier.com/comment-faire-pour-migrer-son-blog-overblog-vers-wordpress-creer-un-blog-sous-wordpress/
Merci pour la mention ! Je vois que tu as aussi parlé d'une de mes autres vidéos, c'est top !
merci bcp ca m 'a aidé aujourdhui thinks
Merci infiniment pour ces explications très claires pour la débutante que je suis.
Merci à vous 😊
Merci infiniment Alex, super bien expliqué. J'attends tes prochaines vidéos.
Merci pour ton retour Wilfrid :)
Bonjour, j'ai déjà un flavicon (sur site wordpress) mais j'ai besoin de le changer (je n'ai pas envie déranger mon webmaster juste pour ça) alors quelle est la marche à suivre pour faire la modif ? car je ne trouve pas dans (Apparence ) la rubrique Flavicon... . Merci à vous pour votre aide ;)
Merci pour ta vidéo, j'ai bien réussi à modifier mon favicon mais celui-ci ne s'affiche pas dans la recherche google lorsque l'on tombe sur monte site, j'ai pourtant redemander une indexation de mon site .. merci pour ta réponse :)
Bonjour, ça peut prendre un peu de temps.
@@WPMarmite merci pour ta réponse. Doit-il obligatoirement être en .ico ?
Bonjour Alex, merci pour tes explications j'ai pu changer mon favicon très facilement grâce à tes explications (pourtant la partie "technique" ce n'est pas mon truc !).
Génial !
Merci pour cet accompagnement, rapide et efficace
merci Alex. une petite question je viens d'avoir un nom domaine chez godaddy et j'aimerai savoir si je peux relier ce domaine gratuitement avec blog que j'ai déjà. merci
Salut !
Normalement oui. Contacte le support d'où tu as acheté ton NDD pour en savoir plus ;)
Ah ben, j'ignorais vraiment tout de tout ça... Merci beaucoup Alex pour ces éclaircissements !
Avec plaisir Samson !
Merci infiniment Alex, comment supprimer l'econ de panier dans mon site wordpress merci d'avance
Avec plaisir !
Merci pour votre tuto ! Par contre comment avoir la favicon qui s'affiche à coté du site dans les résultats de recherche google ? Merci 😀
Bonjour,
Attendez un peu, Google l'affichera prochainement. :)
Merci pour cette vidéo :-)
Merci Alex! Très intéressant et super bien expliqué, comme toujours! ;)
Merci Nina :)
A bientôt !
Super mon ami, je viens de faire cette manip sur mes 2 Blogs. Merci beaucoup!
Avec plaisir Clement !
Merci Alex, précis concis et efficace.... comme d'hab.
Merci Franck !
COOL ALEX MERCI
Merci beaucoup pour ta contribution. Ça m' a été très utile.
Avec plaisir :)
Super tuto ! merci.
Mais pardon, mon favicon reste flou (un peu...). Je suis passé par RealFavicon et non pas par le "site icon" de WP. Mon fichier (vectoriel) original est pourtant un PNG en 1000/1000, mais je ne me sent pas si tranquille...;)
Est-ce que cela ne se jouerait-il pas lors de l'option : algorithme de compression ?
Merci pour ce super tuto ! Tout est bien clair et appliqué ! Nickel !
Super ! Merci 🙏
Merci
bonjour, est ce que cette solution marche sur le mode gratuit ? merci
Le mode gratuit c'est à dire ? Tu es bien sur Wordpress.org ? Dans ce cas oui ça fonctionne.
Merci Alex, vidéo très bien conçue et agréable. Merci pour tous vos conseils. Et merci au créateur du plugin.
merci Alex pour cette belle astuce. toujours au top. 😀
Merci David !
Merci beaucoup mais ça ne fonctionne pas sur safari pour moi
Ah bon ?
Si jamais j'ai supprimé le plugin, est ce que je vais perdre les favicons ?
Merci d'avance !
Salut Wp marmite ! J’ai essayé ton plug in et ça marche plutôt bien je crois, sauf que le logo WordPress apparaît toujours dans mes favoris sur Safaris. Tu sais d’où ça peut venir ? Normal ?
Non désolé :-/ Normalement le plugin est compatible Safari. PEut-être reporter le bug à l'equipe developpement du plugin ?
J’ai le même problème que toi.. t’as trouvé la solution depuis ?
Merci, vraiment clair et accessible.
Merci Regis 👍
Thanks frero ça marche 100%
De rien
Toujours Waou Alex mille fois merci
super merci beaucoup ! pur ce tuto. j'aurai jamais réussi!
Merci pour toutes ces explications claires
Vous me sauvez les fesses! Merci!!
Salut, je viens de tester le plugin, et il a l'air assez complet, merci! Deux petites questions, le fichier site.webmanifest est assez lourd et rajoute une requête, est-ce vraiment utile? Sinon j’espérais que le module supprimerait ce gap d'une seconde avant et surtout après le chargement du favicon, mais il n'en est rien, y a-til une solution pour éliminer ce délais?
Hello, c'est sûr que si l'on raisonne en terme de requête, il faut peser le pour et le contre ... A chacun de voir ses priorités je dirai ;-) Pour le gap, je ne sais pas te dire. Belle journée
MERCI POUR TOUTES CES INFOS,,, c 'est limpide et gracieux
Merci beaucoup !
Merci pour ces vidéos qui m'aident beaucoup à créer mon site web ! Cependant j'ai un soucis avec le flavicon, c'est l'ancien, celui de mon thème par défaut, qui reste actif, et non le miens... Est-ce que j'ai manqué une étape ? Merci d'avance !
Je me rends aussi compte que lorsque j'ouvre mon site sur mon smartphone, l'onglet est rouge vif. Une couleur pas très belle, qui peut faire croire à un danger, et qui n'est pas du tout raccord avec les couleurs de mon site.
Lorsque je désactive l'extension flavicon, tout redeviens comme avant. Je ne comprends pas et j'aimerais bien trouver une solution :'(
Merci !
Au top ! Une question par contre. Il ne s'affiche pas dans le moteur de recherche Google. Est-ce normal ? Faut-il attendre un peu ?
Bonne journée
Bonjour, le favicon s'affiche tout en haut, dans l'onglet à côté du titre du site, au dessus de la barre d'adresse. Bonne journée
@@WPMarmite Merci :) As-tu fait un tuto montrant comment faire en sorte de l'afficher dans les résultats du moteur de recherche. Si pas de réponse ou occupé je comprends. Merci à toi :)
@@Christopher.beauce Salut Christopher , même probléme que toi, sa fais 2 semaine que j'ai installe le plugin et pourtant mon logo ne s'affiche toujours pas dans les recherches google, as tu trouves une solution de ton coté ?
Bien coordialement
@@PNfamilly Il s'affiche dorénavant. J'ai suivi la vidéo
@@Christopher.beauce ok merci de la réponse , moi toujour pas bizarrement
Merci infiniment Alex, super bien expliqué.
Merci beaucoup :)