Lundi 9 mars 2015

JSON-LD

est un format de données basé sur JSON
qui peut être utilisé pour implémenter des données structurées
décrivant le contenu de votre site pour Google et d’autres moteurs de recherche. Par exemple, si vous avez une
liste d’événements, de cafés, de personnes ou plus, vous pouvez inclure ces données dans vos pages de manière structurée
en utilisant le vocabulaire
schema.org intégré dans
les pages Web sous forme d’extrait JSON-LD. Les données structurées aident Google à mieux comprendre vos pages et à
mettre en valeur votre contenu dans les fonctionnalités de recherche, telles que les événements dans le Knowledge Graph
et
les rich snippets
Web Components.

sont un ensemble naissant de
technologies pour définir des widgets d’interface utilisateur personnalisés et réutilisables ainsi que leur comportement. N’importe quel
développeur Web peut créer un Web Component. Vous commencez par définir un modèle
pour une partie distincte de l’interface utilisateur, que vous
importez dans les pages
sur lesquelles vous souhaitez utiliser le Web Component. Un
Custom Element
est utilisé pour définir le comportement du Web Component. Étant donné que vous regroupez l’affichage et la logique
d’une partie de l’interface utilisateur dans le Web Component, vous pouvez partager et réutiliser le package sur d’autres
pages et avec d’autres développeurs, simplifiant ainsi le développement Web.
JSON-LD et Web Components fonctionnent très bien ensemble. Le Custom Element fait office de
couche de présentation et le JSON-LD fait office de couche de données que l’élément personnalisé et les moteurs
de recherche consomment. Cela signifie que vous pouvez créer des éléments personnalisés pour n’importe quel type schema.org, tel que

Event
et LocalBusiness
Votre architecture ressemblerait alors à ceci. Vos données structurées sont stockées dans votre base de données, par
exemple, les emplacements des magasins de votre chaîne. Ces données sont intégrées dans votre page Web sous forme d'extrait JSON-LD,
ce qui signifie qu'elles peuvent être consommées par le Custom Element pour les afficher à un visiteur humain et récupérées par Googlebot pour l'indexation Google..

Pour en savoir plus et commencer à créer vos propres éléments personnalisés, veuillez consulter :

Notre article le plus récent sur

• HTML5 Rocks
  et
  les exemples de code associés
  Le.
• site Web JSON-LD , etla spécification W3C
  le wiki Web Components
• et la
  communauté Web Components sur webcomponents.org
  schema.org
• la documentation sur les données structurées de
• Google
  Publié par

Ewa Gasperowicz
, ingénieure des programmes
développeurs,Mano Marks ,
avocat des développeurs,Pierre Far ,
analyste des tendances pour les webmastersDéveloppement de sites Web plus facile avec Web Components et JSON-LD | Alien Road