헤드 메타데이터
Customizing 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) with 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
This <head>
declaration has been added to the current Markdown doc as a demo. 웹브라우저에서 개발자 도구를 열고 페이지 메타데이터가 어떻게 변경됐는지 확인해보세요.
참고
This feature is built on top of the Docusaurus <Head>
component. Refer to react-helmet for exhaustive documentation.
You don't need this for regular SEO
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.