메인 컨텐츠로 이동
Version: 2.0.0-beta.16 🚧

Head Metadata

Docusaurus automatically sets useful page metadata in <html>, <head> and <body> for you.

It is possible to add extra metadata (or override existing ones) by using the <head> tag in Markdown files:

markdown-features-head-metadata.mdx
---
id: head-metadata
title: Head Metadata
---

<head>
<html className="some-extra-html-class" />
<body className="other-extra-body-class" />
<title>Head Metadata customized title!</title>
<meta charSet="utf-8" />
<meta name="twitter:card" content="summary" />
<link rel="canonical" href="https://docusaurus.io/docs/markdown-features/head-metadata" />
</head>

# Head Metadata

My text
tip

<head> 선언은 현재 마크다운 문서에 데모로 추가되었습니다.

Open your browser DevTools and check how this page's metadata has been affected.

tip

You don't always need this for typical SEO needs. Content plugins (e.g. docs and blog) provide front matter options like description, keywords, and image, which will be automatically applied to both description and og:description, while you would have to manually declare two metadata tags when using the <head> tag.

note

이 기능은 도큐사우루스 <Head> 컴포넌트 기반으로 구현됐습니다.

자세한 내용은 react-helmet 문서를 참고하세요.