Aller au contenu principal
Version: 2.0.0-beta.16 🚧

Métadonnées d'entête

Docusaurus définit automatiquement les métadonnées de page utiles dans <html>, <head> et <body> pour vous.

Il est possible d'ajouter des métadonnées supplémentaires (ou de remplacer celles existantes) en utilisant la balise <head> dans les fichiers Markdown :

markdown-features-head-metadata.mdx
---
id: head-metadatas
title: Métadonnées d'entête
---

<head>
<html className="some-extra-html-class" />
<body className="other-extra-body-class" />
<title>Titre personnalisé de métadonnées d'entête !</title>
<meta charSet="utf-8" />
<meta name="twitter:card" content="summary" />
<link rel="canonical" href="https://docusaurus.io/docs/markdown-features/head-metadata" />
</head>

# Métadonnées d'entête

Mon texte
astuce

Cette déclaration <head> a été ajoutée au doc courant Markdown, en tant que démo.

Ouvrez les DevTools de votre navigateur et vérifiez comment les métadonnées de cette page ont été affectées.

astuce

Vous n'en avez pas toujours besoin pour des besoins typiques de référencement. Les plugins de contenu (par exemple, docs et blog) fournissent des options de frontmatter comme description, keywords et image, qui seront automatiquement appliquées à la fois à description et og:description, alors que vous devriez déclarer manuellement deux balises de métadonnées lorsque vous utilisez la balise <head>.

remarque

Cette fonctionnalité est construite sur le composant Docusaurus <Head>.

Reportez-vous vers react-helmet pour une documentation exhaustive.