Intégrer des données structurées dans le processus de conception

L'optimisation des moteurs de recherche (SEO) est essentielle pour presque tous les types de sites Web, mais ses subtilités restent une spécialité. Même aujourd'hui, le référencement est souvent traité comme quelque chose qui peut être ajouté après coup. Cela peut aller jusqu'à un certain point, mais cela ne devrait vraiment pas l'être. Les moteurs de recherche deviennent chaque jour plus intelligents et il existe des moyens pour les sites Web d'être également plus intelligents.

Les fondements du référencement sont les mêmes qu'ils l'ont toujours été : un excellent contenu clairement étiqueté l'emportera tôt ou tard, quel que soit le nombre de personnes qui essaient de déjouer le système. Le fait est que ces étiquettes sont beaucoup plus sophistiquées qu'elles ne l'étaient auparavant. Les méta-titres, le texte alternatif d'image et les backlinks sont importants, mais en 2020, ils sont également assez primitifs. Il existe un autre niveau de métadonnées que seule une fraction des sites utilise actuellement : les données structurées.

Tous les moteurs de recherche partagent le même objectif : organiser le contenu du Web et fournir les résultats les plus pertinents et les plus utiles possibles pour les requêtes de recherche. La façon dont ils y parviennent a énormément changé depuis l'époque de Lycos et Ask Jeeves. Google utilise à lui seul plus de 200 facteurs de classement, et ce ne sont que ceux que nous connaissons.

Le SEO est un domaine énorme de nos jours, et je vous dis que les données structurées sont un facteur vraiment, vraiment important à comprendre et à mettre en œuvre dans les années à venir. Cela n'améliore pas seulement vos chances d'être bien classé pour les requêtes pertinentes. Plus important encore, cela contribue à améliorer vos sites Web en les ouvrant à toutes sortes d'expériences Web utiles.

Lecture recommandée : Quelle est la place du référencement dans votre processus de conception Web ?

Qu'est-ce que les données structurées ?

Les données structurées sont un moyen d'étiqueter le contenu des pages Web. En utilisant le vocabulaire de Schema.org, il supprime une grande partie de l'ambiguïté du référencement. Au lieu de faire confiance à Google, Bing, Baidu et DuckDuckGo pour déterminer le contenu de votre contenu, vous leur dites. C'est la différence entre un moteur de recherche devinant de quoi parle une page et sachant avec certitude.

Comme le dit Schema.org :

En ajoutant des balises supplémentaires au code HTML de vos pages Web (des balises indiquant : "Hé, moteur de recherche, ces informations décrivent ce film, ce lieu, cette personne ou cette vidéo en particulier"), vous pouvez aider les moteurs de recherche et d'autres applications à mieux comprendre votre contenu. et affichez-le de manière utile et pertinente.

Schema.org a lancé en 2011, un projet partagé par Google, Microsoft, Yahoo et Yandex. En d'autres termes, il s'agit d'un effort « bipartisan » - si vous voulez. Le balisage transcende tout moteur de recherche. Selon les propres mots de Schema.org,

"Un vocabulaire partagé permet aux webmasters et aux développeurs de décider plus facilement d'un schéma et de tirer le meilleur parti de leurs efforts."

C'est à bien des égards un cousin plus expansif des microformats (lancés vers 2005) qui incorporent de la sémantique et des données structurées dans HTML, principalement au profit des moteurs de recherche et des agrégateurs. Bien que les microformats soient actuellement toujours pris en charge, la nature « officielle » de la bibliothèque Schema.org en fait un pari plus sûr pour la longévité.

JSON for Linked Data (JSON-LD) est devenu la norme sous-jacente dominante pour les données structurées, bien que les microdonnées et RDFa soient également pris en charge et servent le même objectif. Schema.org fournit des exemples pour chaque type en fonction de ce avec quoi vous êtes le plus à l'aise.

Par exemple, disons que Joe Bloggs écrit une critique du roman Catch-22 de Joseph Heller de 1961 et le publie sur son blog. Malheureusement, Bloggs a mauvais goût et lui attribue deux étoiles sur cinq. Pour une personne regardant la page, cette information serait comprise sans réfléchir, mais les programmes informatiques devraient relier plusieurs points pour arriver à la même conclusion.

Avec des données structurées, le balisage suivant peut être ajouté au code <head> de la page. (Il s'agit d'une approche JSON-LD. Les microdonnées et RDFa peuvent être utilisés pour intégrer les mêmes informations dans le contenu <body> ) :

 <script type="application/ld+json"> { "@context" : "https://schema.org", "@type" : "Book", "name" : "Catch-22", "author" : { "@type" : "Person", "name" : "Joseph Heller" }, "datePublished" : "1961-11-10", "review" : { "@type" : "Review", "author" : { "@type" : "Person", "name" : "Joe Bloggs" }, "reviewRating" : { "@type" : "Rating", "ratingValue" : "2", "worstRating" : "0", "bestRating" : "5" }, "reviewBody" : "A disaster. The worst book I've ever read, and I've read The Da Vinci Code." } } </script>

Cela confirme que la page traite de Catch-22 , un roman de Joseph Heller publié le 10 novembre 1961. Le critique a été identifié, ainsi que les paramètres du système de notation. Différents schémas peuvent être combinés (ou hiérarchisés) pour décrire différentes choses. Par exemple, grâce à un balisage de ce type, vous pouvez indiquer clairement qu'une page est la liste des événements pour une projection de film en plein air, et le film en question est The Life Aquatic avec Steve Zissou de Wes Anderson.

Lecture recommandée : Meilleure recherche, meilleure conception, meilleurs résultats

Pourquoi est-ce important?

D'accord, merveilleux. Je peux étiqueter mon site Web jusqu'aux globes oculaires et il aura exactement le même aspect, mais quels sont les avantages ? À mon avis, il y a deux avantages principaux à inclure des données structurées dans les sites Web :

1. Cela rend les tâches des moteurs de recherche beaucoup plus faciles.
   Ils peuvent indexer le contenu avec plus de précision, ce qui signifie qu'ils peuvent le présenter plus richement.
2. Cela aide le contenu Web à être plus complet et utile.
   Les données structurées vous donnent une « perspective informatique » sur le contenu. Le contenu de qualité est fabuleux. Un contenu de qualité soigneusement étiqueté fait rêver.

Vous savez quand vous voyez des résultats de recherche élégants qui incluent des notes par étoiles ? Ce sont des données structurées. De riches extraits de critiques de films ? Données structurées. Quand une sélection de recettes apparaît, ingrédients, temps de préparation et tout ? Tu l'as deviné. Creusez dans le code de l'une de ces pages et vous trouverez le balisage quelque part. Les moteurs de recherche récompensent les sites utilisant des données structurées, car elles leur indiquent exactement à quoi ils ont affaire.

Ce n'est pas seulement la recherche non plus, pour être clair. C'est une grande partie de celui-ci, mais ce n'est pas tout. Les données structurées concernent principalement le balisage et l'organisation du contenu. Les résultats de recherche riches ne sont qu'un moyen d'utiliser ledit contenu. Google Dataset Search utilise le balisage Schema.org/Dataset, par exemple.

Vous trouverez ci-dessous quelques exemples de données structurées utiles :

• Recettes
• Commentaires
• FAQ
• Requêtes vocales
• Listes d'événements
• Actions de contenu.

Il y en a des milliers d'autres. Comme, littéralement. Schema.org a même accéléré la publication du balisage pour Covid-19 récemment. C'est une bibliothèque qui ne cesse de s'agrandir.

À bien des égards, les données structurées sont une branche du Web sémantique, qui aspire à un Internet entièrement lisible par machine. Il vous donne une perspective lisible par machine sur le contenu Web qui (lorsqu'elle est correctement mise en œuvre) se répercute sur des fonctionnalités plus riches pour les utilisateurs.

En tant que tel, à peu près n'importe qui possédant un site Web gagnerait à savoir ce que sont les données structurées et comment elles fonctionnent. Selon W3Techs, seuls 29,6 % des sites Web utilisent JSON-LD et 43,2 % n'utilisent aucun format de données structuré. Il n'y a aucune obligation, bien sûr. Tout le monde ne se soucie pas du référencement ou de la lisibilité par machine. D'un autre côté, pour ceux qui le font, il y a actuellement une grande opportunité pour les sites concurrents.

De la même manière que HTML vous oblige à réfléchir à l'organisation du contenu, les données structurées vous font réfléchir à la substance. Cela vous rend plus approfondi. Quel que soit le sujet de votre site Web, si vous parcourez la documentation de schéma pertinente, vous repérerez presque certainement des détails que vous n'aviez pas pensé à inclure au préalable.

En tant qu'êtres humains, il est facile de tenir pour acquis les liens entre les informations. Les moteurs de recherche et les programmes informatiques sont intelligents, mais ils ne le sont pas tant que ça . Pas encore. Les données structurées traduisent le contenu en termes qu'ils peuvent comprendre. Ceci, à son tour, leur permet d'offrir des expériences plus riches.

Ressources et lectures complémentaires

• "Le guide du débutant sur les données structurées pour le référencement : une série en deux parties", Bridget Randolph, Moz
• "Qu'est-ce que le balisage de schéma et pourquoi est-ce important pour le référencement", Chuck Price, Search Engine Journal
• "Qu'est-ce qu'un schéma ? Guide du débutant sur les données structurées », Luke Harsel, SEMrush
• « JSON-LD : créer des API de données significatives », Benjamin Young, blog de déploiement
• "Comprendre le fonctionnement des données structurées", Recherche Google pour les développeurs
• "Marquer votre site avec des données structurées", Bing

Intégration de données structurées dans la conception de sites Web

Tisser des données structurées dans un site Web n'est pas aussi simple que, par exemple, changer un méta-titre. C'est l'ADN des données de votre contenu Web. Si vous voulez l'implémenter correctement, vous devez être prêt à entrer dans les mauvaises herbes - au moins un peu. Vous trouverez ci-dessous quelques étapes simples que les développeurs peuvent suivre pour intégrer des données structurées dans le processus de conception.

Note : Je souscris personnellement à une approche holistique du design, où design et substance vont de pair. Jongler avec un tas de disciplines n'est pas nouveau dans la conception Web, ce n'en est qu'une autre, et si elle est bien intégrée, elle peut renforcer d'autres éléments qui l'entourent. Considérez-le comme une amélioration du moteur de votre site. La voiture n'a peut-être pas l'air si différente, mais elle se comporte beaucoup mieux.

Commencez par un concept

Je vais me servir d'exemple. Depuis cinq ans, deux amis et moi passons en revue un album par semaine comme passe-temps (avec d'autres intervenants de temps en temps). Notre prose ricanante et insupportable est actuellement hébergée dans un site WordPress, qui – sous mes soins bien intentionnés mais tout à fait ignorants – était devenu un monstre de plugins de Frankenstein.

Nous sommes en train de repenser le site, ce qui (entre autres) a entraîné l'intégration de données structurées dans la conception de base. Ici, comme pour tout autre projet, la première chose à faire est d'établir de quoi parle votre contenu. Mieux vous répondrez à cette question, plus facile sera tout ce qui suit.

Dans notre cas, voici les incontournables :

• Nous passons en revue les albums de musique;
• Chaque critique a trois critiques qui écrivent chacun un résumé en choisissant jusqu'à trois pistes préférées et en attribuant une note personnelle sur dix;
• Ces trois scores sont combinés en un score final sur 30 ;
• Parmi les trois résumés, un passage est choisi pour servir de résumé « en un coup d'œil » de toutes nos pensées.

Certaines d'entre elles peuvent sembler un peu spécifiques ou même un peu arbitraires (parce que c'est le cas), mais vous seriez surpris de voir à quel point cela peut être tissé à l'aide de données structurées.

Vous trouverez ci-dessous une maquette de ce à quoi ressembleront les pages de révision remaniées et les informations pouvant être traduites en balisage de schéma :

Il n'y a pas de truc à ce processus. Je sais de quoi parle le contenu, donc je sais où chercher dans la documentation. Dans ce cas, je vais sur Schema.org/MusicAlbum et je rencontre toutes sortes de propriétés potentielles, notamment :

• albumReleaseType
• byArtist
• genre
• producer
• datePublished
• recordedAt

Il y en a des dizaines; certains exclusifs à MusicAlbum, d'autres relevant de l'égide plus large de CreativeWork. En creusant plus profondément dans la documentation, je trouve que le balisage peut se connecter à MusicBrainz, une encyclopédie de métadonnées musicales. Le même processus se déroule lorsque je vais à la documentation de révision.

À partir de cette simple page, les informations suivantes peuvent être glanées et organisées :

 <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "Review", "reviewBody": "Whereas My Love is Cool was guilty of trying too hard no such thing can be said of Visions. The riffs roar and the melodies soar, with the band playing beautifully to Ellie Rowsell's strengths.", "datePublished": "October 4, 2017", "author": [{ "@type": "Person", "name": "Andre Dack" }, { "@type": "Person", "name": "Frederick O'Brien" }, { "@type": "Person", "name": "Marcus Lawrence" }], "itemReviewed": { "@type": "MusicAlbum", "@id": "https://musicbrainz.org/release-group/7f231c61-20b2-49d6-ac66-1cacc4cc775f", "byArtist": { "@type": "MusicGroup", "name": "Wolf Alice", "@id": "https://musicbrainz.org/artist/3547f34a-db02-4ab7-b4a0-380e1ef951a9" }, "image": "https://lesoreillescurieuses.files.wordpress.com/2017/10/a1320370042_10.jpg", "albumProductionType": "https://schema.org/StudioAlbum", "albumReleaseType": "https://schema.org/AlbumRelease", "name": "Visions of a Life", "numTracks": "12", "datePublished": "September 29, 2017" }, "reviewRating": { "@type": "Rating", "ratingValue": 27, "worstRating": 0, "bestRating": 30 } } </script>

Et honnêtement, je peux encore ajouter beaucoup plus. Au départ, j'ai trouvé les choses qui font déjà partie des structures d'une page de critique (c'est-à-dire l'artiste, le nom de l'album, la note globale) mais ensuite de nouvelles questions ont commencé à se présenter. Quoi de plus clair ? Que pourrais-je ajouter ?

Cela devrait évidemment être contrebalancé par des questions sur ce qui est inutile . Ce n'est pas parce que vous pouvez faire quelque chose que vous devez le faire. Il y a une chose telle que "trop ​​d'informations". Pourtant, parfois, un peu plus de détails peuvent vraiment faire monter une page d'un cran.

Familiarisez-vous avec le schéma

Il n'y a pas moyen de contourner cela; la meilleure façon de lancer le bal est de vous immerger dans la documentation. Il existe des outils qui l'implémentent pour vous (plus d'informations sur ceux ci-dessous), mais vous tirerez davantage parti du balisage si vous avez une bonne idée de son fonctionnement.

Parcourez la documentation de Schema.org. Qui que vous soyez et quel que soit l'objectif de votre site Web, il y a de fortes chances qu'il existe de nombreux schémas pertinents. Le site est très bon avec des exemples, il n'a donc pas besoin de rester théorique.

L'étape au-delà, bien sûr, consiste à trouver des résultats de recherche riches que vous souhaitez imiter, à visiter la page et à utiliser les outils de développement du navigateur pour voir ce qu'ils font. Ce sont souvent d'excellents exemples de sites Web qui connaissent parfaitement leur contenu. Vous pouvez également introduire des extraits de code ou des URL dans l'outil d'aide au balisage des données structurées de Google, qui génère ensuite le schéma approprié.

Les fondamentaux sont en fait très simples. Une fois que vous les avez compris, c'est l'étendue des options qui prend du temps à explorer et à jouer avec. Vous ne voulez pas être cette personne qui arrive à la fin d'un processus de conception, examine les options de schéma et commence à remettre en question tout ce qui a été fait.

Posez les bonnes questions

Maintenant que vous êtes armé de votre vaste connaissance des données structurées, vous êtes mieux placé pour jeter les bases d'un site Web solide. Les données structurées chevauchent une ligne assez unique. Dans l'immédiat, il existe « sous le capot » et est là pour le bénéfice des ordinateurs. En même temps, cela peut permettre des expériences plus riches pour l'utilisateur.

Par conséquent, il est avantageux d'examiner les données structurées d'un point de vue à la fois technique et utilisateur. Comment les données structurées peuvent-elles aider mon site Web à être mieux compris ? Quelles autres ressources, bases de données en ligne ou matériels (par exemple, haut-parleurs intelligents) pourraient être intéressés par ce que vous faites ? Quelles options apparaissent dans la documentation dont je n'avais pas tenu compte ? Est-ce que je veux les ajouter ?

Il est particulièrement important d'identifier les types de contenu récurrents. Il est prudent de dire qu'un blog peut s'attendre à de nombreux articles de blog au fil du temps, donc l'intégration de données structurées dans les modèles d'articles donnera le plus de résultats. L'exemple que j'ai donné ci-dessus est très bien en soi, mais il n'y a aucune raison pour que le processus de balisage ne puisse pas être automatisé. C'est notre plan.

Considérez également les façons dont les gens pourraient trouver votre contenu. S'il existe des possibilités, par exemple, de mettre en surbrillance un extrait de texte à utiliser dans la recherche vocale, faites-le. C'est ça, ou laissez les moteurs de recherche le faire eux-mêmes. Personne ne connaît votre contenu mieux que vous, alors utilisez cette compréhension avec un balisage descriptif.

Vous n'avez pas besoin de deviner comment le contenu sera compris avec des données structurées. Avec des outils tels que le testeur de résultats enrichis de Google, vous pouvez voir exactement comment il donne au contenu une forme et une signification qui auraient autrement pu être négligées.

Ressources et lectures complémentaires

• « Premiers pas avec Schema.org à l'aide de microdonnées », Schema.org
• "Schema.org Project Repository", communauté GitHub
• "Aide au balisage de données structurées", Google Webmasters
• "Ajoutez des données structurées à vos pages Web", Google Developers Codelabs
• "Test de résultats enrichis", Google

Un contenu de qualité mérite un balisage de qualité

Vous ne trouverez pas de plus grand défenseur du contenu de qualité que moi. L'industrie du référencement perd son esprit collectif chaque fois que Google déploie une mise à jour majeure de la recherche. La réponse à l'hystérie est toujours la même : faire du contenu de qualité. À cela, j'ajoute: annotez-le correctement.

Familiarisez-vous avec la documentation et soyez clair sur le sujet de votre site. Chaque élément d'information que vous marquez facilite son indexation et son partage avec les bonnes personnes.

Que vous soyez un adepte de Google ou un converti de DuckDuckGo, l'esprit reste le même. Il ne s'agit pas tant de classement que de rendre les sites Web aussi bons que possible. L'hébergement de données structurées améliorera d'autres aspects de votre site Web.

Vous n'avez pas besoin de faire confiance à la technologie pour comprendre de quoi parle votre contenu - vous pouvez le dire. Des critiques aux recettes en passant par la recherche audio, les développeurs peuvent ajouter un tout nouveau niveau de sophistication à leur contenu.

Le cœur et l'âme de l'optimisation d'un site Web pour la recherche n'ont jamais changé : produisez un excellent contenu et expliquez aussi clairement que possible ce qu'il est et pourquoi il est utile. Les données structurées sont un autre outil à cette fin, alors utilisez-les.