La petite icône qui apparaît devant le nom du site dans le signet du navigateur est connue de beaucoup. Cet élément miniature, bien que souvent inaperçu, est devenu partie intégrante de toute ressource. Auparavant, le favicon était traité comme un détail sans importance, utilisé simplement pour remplir un espace vide, mais de nos jours, où chaque amélioration compte pour la conversion, le favicon joue un rôle important. Ce n’est pas seulement un élément de marque, mais aussi un facteur pris en compte par les moteurs de recherche.
Pour ceux qui ne connaissent pas ce terme, expliquons-nous : un favicon est un élément graphique (taille 16x16 pixels) qui est placé dans le code du site et affiché dans les résultats de recherche à côté du titre. Le plus souvent, un logo ou une simple image (lettre, chiffre ou icône) est utilisé. Pour que les moteurs de recherche et autres services reconnaissent ce fichier comme un favicon, il doit être nommé « favicon.ico ».
Il est intéressant de noter que la prise en charge des favicons a commencé dans un passé lointain, lorsque ce format a commencé à fonctionner dans le navigateur Internet Explorer 5. Initialement, les favicons servaient exclusivement à des besoins techniques et constituaient une simple étiquette pour les adresses de sites Web. Finalement, au début des années 2000, ils ont été officiellement inclus dans -markup en tant qu'élément standard.
Si le favicon était à l’origine un élément de commodité pour l’utilisateur, son rôle dépasse désormais l’aspect technique. C’est important à la fois pour les utilisateurs finaux et pour les moteurs de recherche. Voyons où et comment le favicon est utilisé et s'il est possible de s'en passer.
Pour commencer, sélectionnez une image à utiliser comme favicon et renommez-la favicon.ico. Il est recommandé d'utiliser le format PNG pour éviter le fond blanc. La taille d'icône la plus courante est de 16 x 16 pixels, mais d'autres formats existent :
Une fois l'image préparée et renommée, elle doit être téléchargée à la racine du site à l'aide d'un client FTP ou d'un panneau d'hébergement. Vérifiez que le favicon est disponible sur : sitename.ru/favicon.ico.
Pour ajouter une favicon au -code, utilisez le modèle suivant : . Il est important de noter que pour les anciennes versions des navigateurs IE, vous devrez peut-être ajouter l'attribut rel="icône de manteau court".
Si votre site est destiné aux appareils mobiles Apple, ajoutez l'attribut rel = "icône-apple-touch"afin que le favicon s'affiche correctement sur iPhone et dans la liste des sites fréquemment visités sur MacOS.
Choisir une image pour votre favicon est important car c'est celle qui sera associée à votre site. Un bon favicon doit être simple mais mémorable. Examinons plusieurs types de favicons :
Malgré sa petite taille, une favicon revêt une grande importance pour un site Web. Il aide à l’identification des ressources et améliore l’expérience utilisateur. Son utilisation améliore la commodité de la recherche, notamment lors de l'ouverture de nombreux onglets. Afin d'améliorer la visibilité d'un site dans les résultats de recherche et d'augmenter les taux de clics, il est recommandé de prêter attention au choix du favicon et à sa bonne configuration.
Pour des consultations complémentaires sur le référencement et le développement web, vous pouvez contacter le studio SEO COMPUTER pour toute question par email info@seo.computer.
ID 1687