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

Extrait de la documentation personnelle de
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.
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 !



Contenu de l'inclusion

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 :

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


Les inclusions universelles

Retourner dans la vue d'ensemble des inclusions universelles

Source & contribution

Google PE Program
Équipe Blogger/Experts Produit Blogger

Classifications, corrélations & échantillonnages

Soraya Lambrechts

Dernière mise à jour

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

Aucune disposition des Conditions d'Utilisation de ce blog ne pourra être interprétée comme conférant à l'Utilisateur une licence sur les Droits de Propriété Intellectuelle.

Le blog Blogger Code PE ne concède qu'une autorisation de visualisation de son contenu à titre personnel et privé. Les copies ou reproductions doivent être strictement réservées à l'usage privé du copiste.

Toute reproduction abusive, totale ou partielle du blog Blogger Code PE, représentation, modification, publication, traduction, adaptation totale ou partielle de l'un quelconque de ces éléments, accompagnée ou non d'un lien de référence, quel que soit le moyen ou le procédé utilisé, est interdite et sera considérée comme constitutive d’une contrefaçon et passible de poursuite (Les peines prévues à cet effet sont une condamnation de 3 ans d'emprisonnement et une amende de 300.000€) conformément aux dispositions des articles L.335-2 et suivants du Code de Propriété Intellectuelle.

En savoir plus

Notifications d'infraction à la loi DMCA en relation avec le contenu de ce document et déposées par les représentants agréés du blog Blogger Code PE :

Image

Affiliée au Product Experts Icon Google Product Experts Program - Ambassador & Troubleshooter.

  • Affectation Google France, produit Blogger, du 11/07/2011 au 28/07/2014.
  • Affectation Google US, produit Blogger depuis le 28/07/2014.

Spécialisation : Technologie des thèmes Blogger.

Auteur originel de la théorie du langage XML Blogger : Règles syntaxiques, directives d'usage, classifications, compilations et corrélations des composants.
Cela représente près de 10 années de travail. Je remercie tous ceux qui ont respecté ma propriété intellectuelle et j'offre mes meilleurs sentiments aux nombreux contributeurs (Amis, Utilisateurs, Experts Produits Google, Blogger Team et Ingénieurs).

Spotlight

L'Éditeur XML de Thème Blogger : Quand le BackEnd Rencontre le FrontEnd

Par –
Image
En 2007, une évolution importante est survenue dans l'univers de Blogger : l'éditeur XML de thème a fait son apparition, brouillant les lignes entre backEnd et frontEnd pour des millions de "Bloggeriens". Mais que signifie cette évolution pour les utilisateurs ? Et surtout, qu'en est-il de la propriété intellectuelle et de la licence de ces thèmes ? Plongeons dans les détails de ce curieux mélange technique tout en tenant compte des Conditions générales d'utilisation (CGU) de Google.
En savoir plus ➤

Populaires cette semaine

Foire aux questions Blogger (Novembre 2021)

Par –
Image
Halloween a ouvert le bal des festivités en ce mois de novembre et attendez-vous à croiser des citrouilles un peu partout sur les produits Google. Plus particulièrement sur la tête des Googlers qui adorent se déguiser en cette période de l'année. Mais ne paniquez pas, ici sur Blogger Code PE, on est sérieusement sérieux et on veille au grain pendant que d'autres s'amusent...
En savoir plus ➤

Outils de sauvegarde et suppression du blog

Par –
Image
Est-il utile d'effectuer une sauvegarde sur Blogger ?
Il existe mille et une raisons pour qu'on envisage de récupèrer son contenu.
Même si la plupart sont justifiées ou même fantaisistes, on ne va pas s'amuser à vous les énumérer parce que dans le lot, il y a aussi des raisons malsaines qui vont à l'encontre de l'éthique du bon Bloggerien.
Mais sachez que tout le contenu que vous ajoutez sur Blogger vous appartient et que par définition, vous êtes libre de le récupérer.
Gardez bien en tête que l'initiative de la sauvegarde est de votre responsabilité et que ce n'est pas Blogger qui la prendra à votre place.
En savoir plus ➤