A quoi sert un `<script type='application/ld+json'>{jsonObj}</script> dans une section `head` ?

Question

J'ai obtenu ceci lien mais n'a pas bien compris. Scie :

<script type="application/ld+json">
{
    "@context": "http://schema.org",
    "@type": "WebSite",
    "url": "http://website.com",
    "name": "wbs",
    "description": "Web Studio"
}
</script>

dans un code source.

Comment un extrait de code comme celui-ci dans l'en-tête de mon site Web peut-il m'aider ou aider mon site ?

Answer 1

Dans votre exemple, le script L'élément est utilisé comme bloc de données qui contient JSON-LD ( type="application/ld+json" ).

JSON-LD est un RDF sérialisation. Il vous permet de publier Données liées (ou des données structurées) en utilisant JSON. Dans votre exemple, le vocabulaire Schema.org est utilisé ( "@context": "http://schema.org" ).

Ces données structurées peuvent être utilisées par tout consommateur intéressé. Les principaux consommateurs sont les moteurs de recherche Bing, Google, Yahoo et Yandex, qui prennent en charge les données structurées utilisant le vocabulaire Schema.org. L'un des cas d'utilisation est l'affichage de détails supplémentaires dans les extraits de résultats.

Votre exemple ne conduit probablement pas à un tel extrait amélioré. Vous devez consulter la documentation du moteur de recherche si vous voulez savoir quelles fonctionnalités il propose et quelles données structurées vous devez fournir pour celles-ci. Par exemple, Google utilise la fonction WebSite (qui est utilisé dans votre exemple) pour leur Boîte de recherche Sitelinks mais vous devrez ajouter un potentialAction en plus (pour la fonction de recherche).

Answer 2

Il fournit à Google et aux autres robots d'exploration des données structurées sur un site Web. Il est utilisé, entre autres, pour les rich snippets et les panneaux knowledge graph. Consultez ce site pour plus d'informations : https://developers.google.com/search/docs/guides/intro-structured-data

Answer 3

Il s'agit d'une façon d'inclure des données structurées dans votre site, ce qui permet à tout type d'utilisateur ou de moteur de recherche d'utiliser les informations du site de manière efficace. L'exemple le plus populaire est celui des cartes de nouvelles de Google :

Ce type de données de carte provient en fait de données structurées.

Les autres moyens d'inclure des données structurées sont les suivants Microdonnées

Et au moment où je pose cette question, je n'en ai aucune idée. J'ai travaillé sur les données structurées pour certains éditeurs.

Answer 4

Le snippet que vous avez obtenu est un script contenant  JSON-LD  format de données, un procédé de codage Données liées en utilisant JSON. Schema.org  Le vocabulaire est utilisé pour baliser les contenus web afin qu'ils puissent être compris par les principaux moteurs de recherche (Google, Microsoft, Yandex et Yahoo !). Les moteurs de recherche utilisent ces informations pour afficher des contenus .pertinents aux utilisateurs. Par exemple, vous avez un site web dont le nom de marque est un terme connu, comme par exemple Coder. Les moteurs de recherche l'interpréteront comme une personne qui écrit du code pour des logiciels. Pour aider les moteurs de recherche à mieux interpréter ce terme, vous devez fournir les données en utilisant le vocabulaire Schema.org. Par exemple

<script type="application/ld+json">
{
    "@context": "http://schema.org",
    "@type": "WebSite",
    "url": "https://coder.com",
    "name": “Coder”,
    "description": “Platform to learn code”
}
</script>

Answer 5

<script type="application/ld+json">
{
    "@context": "http://schema.org",
    "@type": "WebSite",
    "url": "http://website.com",
    "name": "wbs",
    "description": "Web Studio"
}
</script>

L'extrait ci-dessus est un îlot (ou bloc) de données structurées basé sur JSON-LD et intégré dans le code HTML qui fournit des données aux agents utilisateurs (applications logicielles) pour un traitement supplémentaire. Ces données peuvent prendre la forme de métadonnées qui informent lesdits agents utilisateurs sur la nature du document hôte.

Par exemple, vous pouvez informer un agent utilisateur tel que le robot d'exploration de Google de l'identité d'une personne associée à un document en intégrant l'îlot de données structurées suivant :

## JSON-LD Start ##  
{
    "@context": "https://schema.org",
    "@type": "Person",
    "@id": "https://stackexchange.com/users/74272/kingsley-uyi-idehen#me",
    "mainEntityOfPage": "https://stackexchange.com/users/74272/kingsley-uyi-idehen",
    "sameAs": "https://stackexchange.com/users/74272/kingsley-uyi-idehen",
    "name": "Kingsley Uyi Idehen",
    "description": "@kidehen Identified at Web, relatively"
}
## JSON-LD End ##

Cela est possible car la sémantique qui sous-tend la propriété schema:sameAs considère qu'elle permet une identification unique.

Vous pouvez également ajouter une extension de navigateur (par exemple, notre renifleur de données structurées) à votre (vos) navigateur(s) existant(s) qui comprend la puissance des îlots de données structurées déployés à l'aide de , produisant ce qui est décrit dans la capture d'écran ci-jointe.