Favicon personnalisée

Favicon personnalisée

Une favicon est une icône symbolisant un site web.
Par défaut, la favicon de votre blog est celui de la plate-forme Blogger (un grand B blanc sur un fond orange).
Depuis la mi-2011, Blogger vous propose la possibilité de modifier simplement la favicon de votre blog sans avoir a passer par le code XML du thème.

Ajouter une favicon personnelle au blog

On ne peut pas faire plus simple. La délicate opération chirurgicale s'effectue via le tableau de bord.

  • UI-2020
  • Paramètres
  • Général
  • Favicon

Dans les paramètres, vous sélectionnez un fichier contenu dans votre ordinateur.

Ce fichier peut être au format .ico, .png, .jpg, .gif. Avec un poids inférieur à 100ko.

La taille de l'image recommandée est de 16x16 ou 32x32(de préférence carrée).

Ajouter la favicon sur un blog Blogger.
Capture Mix UI-2020/UI-2010

Dés que l'image est téléchargée, Blogger s'occupera de la convertir en fichier .ico.

Après cela, il suffit d'attendre un peu pour que la modification soit effective.



Vérifier le contenu du thème

Par mesure de précaution, il est toujours utile de vérifier le contenu du code XML du thème afin de s'assurer que la favicon y sera bien mentionnée.

  • UI-2020
  • Thème
  • Menu Personnaliser
  • Modifier le code HTML

Si vous utilisez un thème officiel de Blogger, vous pouvez vous tourner les pouces. Par contre si vous utilisez un thème personnalisé ou importé, il est recommandé de vérifier la présence de l'inclusion all-head-content :

<b:include data='blog' name='all-head-content'/>

Par défaut, elle est censée déjà être présente dans le code. Si elle n'y figure pas, recopiez-là juste après la balise <head>.

Si pour une raison ou une autre vous n'utilisez pas l'inclusion all-head-content, vous pouvez mentionner explicitement la relation logique de l'adresse de la favicon dans l'entête du code XML de votre blog en ajoutant cette ligne :

<link expr:href='data:blog.blogspotFaviconUrl' rel='icon' type='image/x-icon'/>


Récupérer l'adresse de la favicon de votre blog

Après avoir été converti au format .ico, le fichier sera disponible à cette adresse :

https://BLOG_NAME.blogspot.com/favicon.ico

Par exemple, pour ce blog Favicon, l'adresse est la suivante :

https://bloggercode-blogconnexion.blogspot.com/favicon.ico

A voir également : Favicons multi-sets



Autres éléments SEO

Retourner à l'introduction

Spotlight

Populaires cette semaine

Twitter : Bouton mentionner / Mention button

Facebook : Bouton J'aime / Like button