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

L'inclusion all-head-content
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.
Couverture de la garantie 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 !



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

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.



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 :

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


Spotlight

Populaires cette semaine

Foire aux questions Blogger (Novembre 2021)

Le fichier XML du gadget Blog