Docusaurus 以多种方式支持搜索引擎优化。

英Docusaurus supports search engine optimization in a variety of ways.

通过 站点配置.0 为整个站点提供全局元属性。 元数据将全部使用键值对作为 prop 名称和值在 HTML 中渲染。 属性是声明 标签的便捷快捷方式，但也可以使用 属性在 中注入任意标签。

英Provide global meta attributes for the entire site through the site configuration. The metadata will all be rendered in the HTML using the key-value pairs as the prop name and value. The attribute is a convenient shortcut to declare tags, but it is also possible to inject arbitrary tags in with the attribute.

Docusaurus 添加了一些开箱即用的元数据。 例如，如果你配置了 i18n，你将获得 备用链接。

英Docusaurus adds some metadata out-of-the-box. For example, if you have configured i18n, you will get a alternate link.

要了解有关元标记类型的更多信息，请访问 MDN 文档。

英To read more about types of meta tags, visit the MDN docs.

与 全局元数据 类似，Docusaurus 也允许向各个页面添加元信息。 按照 本指南 配置 标签。 简而言之：

英Similar to global metadata, Docusaurus also allows for the addition of meta-information to individual pages. Follow this guide for configuring the tag. In short:

Docusaurus 会自动将 、、规范 URL 链接和其他有用的元数据添加到每个 Markdown 页面。 它们可通过 头条新闻 配置：

英Docusaurus automatically adds , , canonical URL links, and other useful metadata to each Markdown page. They are configurable through front matter:

创建 React 页面时，在 中添加这些字段也会改善 SEO。

英When creating your React page, adding these fields in would also improve SEO.

对于 JSX 页面，你可以使用 Docusaurus 组件。

英For JSX pages, you can use the Docusaurus component.

Docusaurus 是一个静态站点生成器—HTML 文件是为每个 URL 路由静态生成的，这有助于搜索引擎更轻松地发现你的内容。

英Docusaurus is a static site generator—HTML files are statically generated for every URL route, which helps search engines discover your content more easily.

图片的 alt 标签告诉搜索引擎该图片的内容，并且在无法直观地看到图片时使用，例如 使用屏幕阅读器或图片损坏时。 Markdown 中通常支持 Alt 标签。

英The alt tag for an image tells the search engine what the image is about, and is used when the image can't be visually seen, e.g. when using a screen reader, or when the image is broken. Alt tags are commonly supported in Markdown.

你还可以为你的图片添加标题—这不会对 SEO 产生太大影响，但当鼠标悬停在图片上方时会显示为工具提示，通常用于提供提示。

英You may also add a title for your image—this doesn't impact SEO much but is displayed as a tooltip when hovering above the image, usually used to provide hints.

Docusaurus 博客支持 丰富的搜索结果 开箱即用，以获得最大的搜索引擎体验。 该信息是根据博客/全局配置中的元信息创建的。 为了获得丰富的搜索信息的好处，请填写有关帖子的发布日期、作者和图片等信息。阅读有关元信息 此处 的更多信息。

英Docusaurus blogs support rich search results out-of-the-box to get maximum search engine experience. The information is created depending on your meta information in blog/global configuration. In order to get the benefits of the rich search information, fill in the information about the post's publish date, authors, and image, etc. Read more about the meta-information here.

文件规定搜索引擎的行为，即哪些内容应该显示，哪些内容不应该显示。 你可以将其提供为 静态资源。 以下将允许从所有请求访问所有子页面：

英A file regulates search engines' behavior about which should be displayed and which shouldn't. You can provide it as static asset. The following would allow access to all sub-pages from all requests:

阅读 谷歌文档 中有关 robots 文件的更多信息。

英Read more about the robots file in the Google documentation.

Docusaurus 提供了 插件，默认情况下随 一起提供。 它会自动生成一个 文件，该文件将在生产版本后的 可用。 此站点地图元数据可帮助搜索引擎抓取工具更准确地抓取你的网站。

英Docusaurus provides the plugin, which is shipped with by default. It autogenerates a file which will be available at after the production build. This sitemap metadata helps search engine crawlers crawl your site more accurately.

Docusaurus 使用你的文件名作为链接，但你始终可以使用 slugs 进行更改，请参阅此 tutorial 了解更多详细信息。

英Docusaurus uses your file names as links, but you can always change that using slugs, see this tutorial for more details.

搜索引擎依靠 、 等 HTML 标记来了解网页的结构。 当 Docusaurus 渲染页面时，语义标记，例如 、、 用于划分页面的不同部分，帮助搜索引擎定位侧边栏、导航栏和主页内容等部分。

英Search engines rely on the HTML markup such as , , etc., to understand the structure of your webpage. When Docusaurus renders your pages, semantic markup, e.g. , , , are used to divide the different sections of the page, helping the search engine to locate parts like sidebar, navbar, and the main page content.

大多数 CommonMark 语法都有相应的 HTML 标签。 通过在项目中一致使用 Markdown，你将使搜索引擎更容易理解你的页面内容。

英Most CommonMark syntaxes have their corresponding HTML tags. By using Markdown consistently in your project, you will make it easier for search engines to understand your page content.