{"id":27386,"date":"2019-10-03T10:50:14","date_gmt":"2019-10-03T08:50:14","guid":{"rendered":"https:\/\/www.codeur.com\/blog\/?p=27386"},"modified":"2025-09-09T16:50:01","modified_gmt":"2025-09-09T14:50:01","slug":"favicon-serp-google-mobile-desktop","status":"publish","type":"post","link":"https:\/\/www.codeur.com\/blog\/favicon-serp-google-mobile-desktop\/","title":{"rendered":"Favicon dans les SERP Google : Le guide pour optimiser vos pages"},"content":{"rendered":"

Ce n’est un secret pour personne\u00a0: la plupart des utilisateurs qui effectuent des recherches sur Google le font sur leurs appareils mobiles. C’est la raison pour laquelle Google am\u00e9liore constamment son exp\u00e9rience de recherche mobile. Compar\u00e9e \u00e0 ce qu’elle \u00e9tait auparavant, la recherche mobile a connu des changements notables – certains pour le meilleur et d’autres, sans doute, pour le pire.
\nGoogle a souvent test\u00e9 de nouveaux designs pour la recherche mobile au fil des ans et ils ont r\u00e9cemment commenc\u00e9 \u00e0 afficher des favicons pour tous les sites Web dans les SERPs mobiles. La principale raison pour laquelle Google a d\u00e9ploy\u00e9 cette mise \u00e0 jour est de pr\u00e9senter la marque d’un site Web \u00e0 l’utilisateur et de l’aider \u00e0 mieux comprendre d’o\u00f9 vient l’information et si les pages qu’il visite ont ce qu’il recherche.
\nDepuis quelques semaines, Google est \u00e9galement en train de d\u00e9ployer une nouvelle organisation des SERPs qui laisse apparaitre les favicons sur la version desktop. Avant d’aller plus loin, parlons des favicons.<\/p>\n

Qu’est-ce qu’un Favicon ?<\/h2>\n

Un favicon<\/a> est g\u00e9n\u00e9ralement associ\u00e9 \u00e0 un site web et est souvent consid\u00e9r\u00e9 comme son “logo” ou son “ic\u00f4ne”. Historiquement, ces petites ic\u00f4nes \u00e9taient et sont toujours affich\u00e9es dans l’onglet d’un navigateur pour repr\u00e9senter la marque d’un site Web et aider les utilisateurs \u00e0 identifier les sites qui leur sont utiles. Voici \u00e0 quoi cela ressemble dans l’onglet d’un navigateur :
\n\"Favicon
\nSi votre site Web n’a pas de favicon, les navigateurs et les moteurs de recherche utiliseront un symbole par d\u00e9faut ou g\u00e9n\u00e9rique \u00e0 la place de votre favicon. Si vous voulez am\u00e9liorer votre image de marque sur le Web, alors avoir un favicon est un must have.<\/p>\n

Comment cr\u00e9er un favicon et l’ajouter \u00e0 votre site<\/h2>\n

Cr\u00e9er un favicon est tr\u00e8s facile, surtout si vous avez d\u00e9j\u00e0 un logo pour votre site web. Il y a une vari\u00e9t\u00e9 de g\u00e9n\u00e9rateurs de favicon disponibles qui vous permettent de cr\u00e9er votre favicon en quelques secondes.
\nApr\u00e8s avoir cr\u00e9\u00e9 votre propre favicon, l’ajouter \u00e0 votre site est \u00e9galement un processus facile. Pour le simplifier en 2 \u00e9tapes :<\/p>\n

    \n
  1. T\u00e9l\u00e9chargez le fichier favicon.ico dans le dossier de votre choix<\/li>\n
  2. Ins\u00e9rer ce code <link rel=”shortcut icon” href=”(lien vers le r\u00e9pertoire)\/favicon.ico” \/><\/span> dans la balise <header><\/span> de votre site internet.<\/li>\n<\/ol>\n

    Dans l\u2019attribut \u00ab\u00a0href\u00a0\u00bb vous devez indiquer l\u2019URL du favicon. Il peut s\u2019agir d\u2019un chemin d\u2019acc\u00e8s relatif (\/favicon.png) ou absolu (https:\/\/example.com\/favicon.png). Il doit simplement se trouver sur le m\u00eame domaine que la page d\u2019accueil de votre site.
    \nVous pouvez \u00e9galement d\u00e9clarer un favicon sp\u00e9cifique aux syst\u00e8mes iOS et Android avec le code suivant\u00a0:
    \n<link rel=”apple-touch-icon” href=”(lien vers le r\u00e9pertoire)\/favicon.png” \/><\/span>
    \nAttention, ce favicon devra \u00eatre plus grand que l\u2019autre. Chrome utilise par exemple ce qui s\u2019approchera le plus de 128x128px.<\/p>\n

    Mise \u00e0 jour de Google concernant les favicons<\/h2>\n

    \"\"
    \nGoogle a r\u00e9cemment mis \u00e0 jour leur design de recherche mobile et desktop. Le moteur de recherche affiche d\u00e9sormais le favicon d’un site Web dans ses r\u00e9sultats.
    \n\u00c7a a l’air g\u00e9nial. Il aide les utilisateurs \u00e0 identifier plus rapidement les sites Web qu’ils connaissent et il nous aide, nous les webmasters et les r\u00e9f\u00e9renceurs, \u00e0 faire conna\u00eetre notre marque et notre site Web. Un aspect important \u00e0 se rappeler est que Google, comme pour tout le reste, a des directives pour les favicons qu’il affiche dans ses r\u00e9sultats de recherche et m\u00eame si vous avez respect\u00e9 les directives, avoir votre favicon affich\u00e9 n’est pas assur\u00e9. Voici les r\u00e8gles de Google :<\/p>\n