08 Mars 2023
Deux éléments à utiliser pour se démarquer dans les pages de Google
Le favicon est un élément vieux comme le web ou presque. Il s'agit d'une petite image, d'où son nom, contraction de favorite icon. Elle doit être placée à la racine du répertoire publique de votre site et annoncée dans le code source de la page d'accueil du site au moyen de différentes balises. Le favicon est à l'origine destiné à être affiché dans l'onglet de page du navigateur.
C'est très bien lorsque, comme ici, je n'ai que quelques onglets d'ouverts
Voilà sans doute pourquoi il est vite tombé en désuétude: avec la tendance à avoir de plus en plus d'onglets ouverts (merci les GB de RAM), on ne distingue plus facilement les onglets via le title du document, et encore moins via le favicon.
Sur cet exemple ci-dessous, on n'a déjà plus aucun titre de page. Les favicons, eux, commencent à se serrer les coudes...
Si le format de l'image, son extension et ces balises HTML respectent les critères attendus, Google affichera sans doute la favicon du site dans les pages de résultats de recherche.
Comme on peut le constater sur cette capture d'écran, c'est un moyen supplémentaire facile de se démarquer des autres sites.
Qu'il s'agisse d'un résultat ntaurel ou d'une annonce (mention "sponsorisé"), la mise en avant est identique.
Les sites n'ayant pas de favicon ont une icone équivalente par défaut qui représente la planète Terre bleue.
Les pages de sites comme LinkedIn, Malt, Wordpress, etc. affichent bien sûr l'icone par défaut de ces réseaux. Une raison supplémentaire de mettre en ligne vos contenus sur votre propre plateforme ou site web !
Pour en savoir plus, consultez la page Google dédiée au favicon : https://developers.google.com/search/docs/appearance/favicon-in-search?hl=fr
Nom du site
La favicon n'est pas nouvelle. Le nom du site, oui !
Il suffit d'implémenter le code de donnée structurée adéquat dans la page pour que Google préfère l'afficher plutôt que l'adresse (nom de domaine) habituellement affichée. Comme un raccourci ou un surnom.
L'information avec les exemples de formats de microdonnées se trouve sur https://developers.google.com/search/docs/appearance/site-names?hl=fr