all-head-content : Les balises d'entête Blogger

Gadget Version 1	Gadget Version 2	Balisage
Global	Global	Original

Description de l'inclusion: 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, puisque l'inclusion all-head-content renferme l'ensemble des balises meta de votre blog.
Directives d'usage et niveau de priorité de mise à jour: Thème Version 1

Garantie d'usage : Lecture seule

Priorité faible

Thème Version 2

Garantie d'usage : Lecture seule

Priorité moyenne

Thème Dynamique

Garantie d'usage : Lecture seule

Priorité moyenne

Thème Version 3

Garantie d'usage : Lecture seule

Priorité haute
Inclusion de gadget équivalente: Aucune.

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 !

En supprimant ou en remplaçant l'appel de l'inclusion all-head-content dans votre thème, d'une part, vous perdez la garantie Blogger (L'équipe Blogger ne pourra plus vous envoyer les mises à jour), et de l'autre part, vous prenez le risque que Google, Blogger et toutes les parties concernées peuvent prendre des mesures à votre encontre...

Il est de votre intèrêt d'avoir une connaissance parfaite des fonctionnalités de Blogger, des conditions d'utilisation, des règles de confidentialité et du réglement du contenu !

Le code XML

<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/>
  <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>

Les nœuds parents

ID Inclusion	Balisage
`<head>`	Simple Picture Window Awesome Inc. Watermark Ethereal Travel Dynamic Contempo Emporio Essential Notable Soho

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 thèmes 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 thèmes 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 indique que les pages du blog contiennent du contenu réservé aux adultes et doivent être exclues des résultats SafeSearch.

En savoir plus - Le contenu pour adultes

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 :

Centre d'aide Outils pour webmasters

Regrouper des URL en double
Base de connaissances de Blogger Code PE

Le paramètre URL canonique d'une donnée Blogger

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 :

Centre d'aide Blogger

Flux et diffusion
Base de connaissances de Blogger Code PE

Les flux Blogger - Protocole

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.

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 : 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 :

Centre d'aide Blogger

Aider les internautes à trouver votre blog sur les moteurs de recherche
Base de connaissances de Blogger Code PE

Données de description

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 thèmes 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 inclusions universelles

Retourner dans la vue d'ensemble des inclusions universelles

`all-head-content` : Les balises d'entête Blogger - Blogger XML Documentation

Présentation de l'inclusion

Contenu de l'inclusion

Le code XML

Les nœuds parents

Norme Unicode

Meta Theme Color

Script de latence

Meta Generator

Favicon

Contenu réservé aux adultes

URL canonique

Syndication

OpenGraph Facebook

Meta description

Ajustement CSS Internet Explorer

Les inclusions universelles

Licence - La reproduction du contenu de ce blog n'est pas autorisée

Populaires cette semaine

Les libellés des articles

Followers : Le gadget Membres / The followers gadget

Introduction : Les gadgets Blogger

ContactForm : Le gadget Formulaire de contact / The contact form gadget

Modèle mobile personnalisé (Thèmes Versions 1 & 2)

all-head-content : Les balises d'entête Blogger - Blogger XML Documentation

Présentation de l'inclusion

Contenu de l'inclusion

Le code XML

Les nœuds parents

Norme Unicode

Meta Theme Color

Script de latence

Meta Generator

Favicon

Contenu réservé aux adultes

URL canonique

Syndication

OpenGraph Facebook

Meta description

Ajustement CSS Internet Explorer

Les inclusions universelles

Licence - La reproduction du contenu de ce blog n'est pas autorisée

Populaires cette semaine

Les libellés des articles

Followers : Le gadget Membres / The followers gadget

Introduction : Les gadgets Blogger

ContactForm : Le gadget Formulaire de contact / The contact form gadget

Modèle mobile personnalisé (Thèmes Versions 1 & 2)

`all-head-content` : Les balises d'entête Blogger - Blogger XML Documentation