all-head-content [Global]

StatutGadget TypeGadget VersionLayouts VersionTheme NameUpdate Version
Invisible
Lecture seule
Global
1
2
1
2
3
Par défaut
Révision 1.3.0
Nous vous rappelons que lorsque vous accédez à ce blog, vous signez automatiquement un accord avec Blogger Code.
Consultez les CGU.


L'inclusion all-head-content
C'est une toute petite ligne de code dans votre thème qui joue l'un des rôles les plus importants permettant le bon fonctionnement de votre blog. En effet, puisqu'il s'agit de l'ensemble des balises meta de votre blog.
Décryptage de cette inclusion universelle...


Présentation de l'inclusion

L'inclusion all-head-content est une inclusion universelle.
C'est-à-dire, que Blogger intègre dans le fichier XML de tous les thèmes officiels, un appel de l'inclusion dont le code XML complet n'est pas mis à la disposition de l'utilisateur.
Elle est gérée par Blogger afin de vous épargner certaines lourdes tâches. Dans le code XML de votre thème, l'appel se situe quelque part entre <head> et </head>, généralement, à proximité de la balise <title>.

Appel de l'inclusion
<b:include data='blog' name='all-head-content'/>

Ci-dessous, vous trouverez ce qu'elle contient et pour chaque fonctionnalité, une alternative avec les données Blogger, dans le cas où vous ne souhaitez pas utiliser cette inclusion.

Attention toutefois, une connaissance parfaite des fonctionnalités tierces de Blogger est primordiale !


Contenu de l'inclusion

<b:includable id='all-head-content'>
  <meta expr:content='"text/html; charset=" + data:blog.encoding' http-equiv='Content-Type'/>
  <b:if cond='data:widgets'>
    <b:comment>Chrome, Firefox OS and Opera</b:comment>
    <meta expr:content='data:skin.vars.body_background_color' name='theme-color'/>
    <b:comment>Windows Phone</b:comment>
    <meta expr:content='data:skin.vars.body_background_color' name='msapplication-navbutton-color'/>
  </b:if>
  <data:blog.latencyHeadScript/>
  <data:blog.mobileHeadScript/>
  <meta content='blogger' name='generator'/>
  <link expr:href='data:blog.blogspotFaviconUrl' rel='icon' type='image/x-icon'/>
  <b:if cond='data:blog.adultContent'>
    <meta content='adult' name='rating'/>
  </b:if>
  <link expr:href='data:view.url.canonical' rel='canonical'/>
  <data:blog.feedLinks/>
  <data:blog.openIdOpTag/>
  <data:blog.meTag/>
  <b:tag name='link' cond='data:blog.googleProfileUrl' rel='publisher' expr:href='data:blog.googleProfileUrl'/>
  <b:tag name='link' cond='data:view.featuredImage' expr:href='data:view.featuredImage' rel='image_src'/>
  <b:if cond='data:blog.metaDescription'>
    <meta expr:content='data:blog.metaDescription' name='description'/>
  </b:if>
  <b:include name='openGraphMetaData'/>
  <data:blog.ieCssRetrofitLinks/>
  <!--[if IE]><script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script>
<![endif]-->
</b:includable>


Norme Unicode

La norme Unicode permet d’indiquer le type de document et son encodage aux serveurs web afin que les pages contenant cette mention s'affichent correctement sur votre écran. La norme utilisée par Blogger est UTF-8.
Rendu HTML
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
Construction XML
<meta expr:content='"text/html; charset=" + data:blog.encoding' http-equiv='Content-Type'/>


Meta Theme Color

Disponibles uniquement dans les Layouts Version 3, ces balises définissent la couleur du thème à utiliser sur les navigateurs mobiles (Chrome, Firefox OS et Opera) et la couleur des boutons "Précédent" et "Suivant" dans la fenêtre de navigation du site épinglé sur Windows.
La couleur sélectionnée correspond à la couleur de l'arrière-plan du thème.
En savoir plus - Variables d'habillage de type color
Rendu HTML
<!-- Chrome, Firefox OS and Opera -->
<meta content='#ffffff' name='theme-color'/>
<!-- Windows Phone -->
<meta content='#ffffff' name='msapplication-navbutton-color'/>
Construction XML
  <b:if cond='data:widgets'>
    <b:comment>Chrome, Firefox OS and Opera</b:comment>
    <meta expr:content='data:skin.vars.body_background_color' name='theme-color'/>
    <b:comment>Windows Phone</b:comment>
    <meta expr:content='data:skin.vars.body_background_color' name='msapplication-navbutton-color'/>
  </b:if>


Script de latence

Le contenu des scripts de latence est variable en fonction des thèmes. Actuellement disponible pour les Layouts version 1 et 2
Construction XML
<data:blog.latencyHeadScript/>
<data:blog.mobileHeadScript/>


Meta Generator

Ce balisage permet à Blogger d'effectuer des statistiques en rapport avec les blogs en ligne.
Rendu HTML
<meta content='blogger' name='generator'/>


Favicon

Le Favicon est une petite image au format .ico stockée à la racine de votre blog et qui est utilisé par les navigateurs et certains services web.
Rendu HTML
<link href='https://BLOG_NAME.blogspot.com/favicon.ico' rel='icon' type='image/x-icon'/>
Construction XML
<link expr:href='data:blog.blogspotFaviconUrl' rel='icon' type='image/x-icon'/>


Contenu réservé aux adultes

Le balisage meta rating détermine le contenu du blog.
La mention indique quel type de visiteurs y a accès. Par défaut : Adult.
Rendu HTML
<meta content='adult' name='rating'/>
Construction XML
<b:if cond='data:blog.adultContent'>
  <meta content='adult' name='rating'/>
</b:if>


URL canonique

Une url canonique correspond à la version préférée d'un ensemble d'URLs au contenu similaire.

En savoir plus :
Rendu HTML
<link href='CANONICAL_URL' rel='canonical'/>
Construction XML
<link expr:href='data:blog.url.canonical' rel='canonical'/>


Syndication

Un balisage renseigne le navigateur et certains services web, les URLs des flux disponibles du blog.

En savoir plus :
Rendu HTML
<link title='FEED_TITLE' href='FEED_URL' rel='alternate' type='application/atom+xml'/>
Construction XML
<data:blog.feedLinks/>

La donnée data:blog.feedLinks génère la liste des principaux flux disponibles du blog. Le contenu varie en fonction des types de page et des paramètres réglés dans l'interface.

OpenID

OpenID est une norme ouverte qui permet aux utilisateurs des services OpenID de se connecter à un site compatible avec OpenID à l'aide d'informations de connexion uniques. Fonctionnalité en cours d'abandon !
Rendu HTML
<link href='https://www.blogger.com/openid-server.g' rel='openid.server'/>
<link href='https://blog_name.blogspot.com/' rel='openid.delegate'/>
Construction XML
<data:blog.openIdOpTag/>


Administrateur unique

Si vous êtes l'unique administrateur et si votre blog est relié à votre profil Google+, ce balisage sera effectif (et repris dans les moteurs de recherche). En cours d'abandon !
Rendu HTML
<link href='https://plus.google.com/GOOGLE+_ID' rel='me'/>
<link href='https://plus.google.com/GOOGLE+_ID' rel='publisher'/>
Construction XML
<data:blog.meTag/>
<b:tag name='link' cond='data:blog.googleProfileUrl' expr:href='data:blog.googleProfileUrl' rel='publisher'/>


OpenGraph Facebook

L'openGraph Facebook est intégré dans l'inclusion commune openGraphMetaData qui est appelée depuis l'inclusion all-head-content.
Sont repris, les balises :
  • og.url (url canonique de la page courante)
  • og.title (titre de la page courante)
  • og.description (description de la page courante)
  • og:image (l'url de l'image de l'article ou de la page autonome)
Rendu HTML
<meta content='CANONICAL_URL' property='og:url' />
<meta content='TITLE' property='og:title'/>
<meta content='DESCRIPTION' property='og:description'/>
<meta content='IMAGE_URL' property='og:image' />
Construction XML
<b:include name='openGraphMetaData'/>


Meta description

Mentionne une description au blog et aux articles pour les moteurs de recherche.

En savoir plus :
Rendu HTML
<meta content='DESCRIPTION' name='description'/>
Construction XML
<b:if cond='data:blog.metaDescription'>
  <meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>


Ajustement CSS Internet Explorer

Hack pour les malheureux utilisateurs d'Internet Explorer pour les Layouts version 1 et 2.
Rendu HTML
<!--[if IE]><script type="text/javascript" src="https://www.blogger.com/static/v1/jsbin/579771828-ieretrofit.js"></script>
<![endif]-->
<!--[if IE]><script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script>
<![endif]-->
Construction XML
<data:blog.ieCssRetrofitLinks/>
<!--[if IE]><script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script>
<![endif]-->


Les autres inclusions universelles

Fiches populaires cette semaine

Facebook : Bouton partager [Share button]