ThéorieFonctionnalitésSEO

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 modèle.

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.

  • Tableau de bord
  • Mise en page
  • Modifier 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 16px/16px ou 32px/32px (de préférence carrée).




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 modèle

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

  • Tableau de bord
  • Modèle
  • Modifier le code HTML

En principe, les modèles officiels de Blogger sont en ordre. Toutefois si vous utilisez un modèle 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>. En savoir plus.


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 :

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


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

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


La donnée Blogger

Blogger met à notre disposition une donnée universelle qui contient l'adresse de la favicon que vous pouvez exploiter dans le code XML de votre modèle.

"data": {
  "blog": {
    "blogspotFaviconUrl": URL
  }
}


A voir également : Favicons multi-sets
Dernière modification :
Assistance publique pour le produit Blogger sur les Forums d'aides :

Certifiée par Google - Experte TC :
  • Affectation Google France, produit Blogger, du 11/07/2011 au 28/07/2014.
  • Affectation Google US, produit Blogger depuis le 28/07/2014.

Posts les plus consultés de ce blog

ThéorieRéférences XMLParamètres des données
Le paramètre Image redimensionnable [isResizable]
Populaire
DéveloppementsFichiers XML
Populaire