整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
單頁元數據
類似于, 也允許你為每個頁面單獨添加元數據。 你可以按照這篇教程配置標簽。 一言以蔽：
my--page.md
# 烹飪指南
<head>
<meta name="keywords" content="cooking, blog">
head>
一些內容……
會自動為每個 頁面添加 、title， URL 鏈接，和其他有用的元數據。 可以用前言進行配置：
---
title: 給搜索引擎看的標題；可能和正文標題不一樣
description: 關于此頁的簡短描述
image: 在社交媒體卡片中顯示的縮略圖
keywords: [描述, 中心的, 關鍵詞]
---
在創建 React 頁面時，給 添加這些字段也能改善 SEO。
提示
我們建議用前言配置 和 這樣的字段： 會自動把它們用于 和 og: 兩個元數據，而如果你用 標簽，你就得手動聲明兩個元數據標簽。
對于 JSX 頁面搜索引擎優化，你可以使用 組件。
my-react-page.jsx
import React from 'react';
import Layout from '@theme/Layout';
import Head from '@docusaurus/Head';
export default function page() {
return (
<Layout title="頁面" description="React 頁面示例">
<Head>
<meta property="og:image" content="image.png" />
Head>
{/* ... */}
Layout>
);
}
提示
為方便起見，主題的默認 組件接受 title 和 作為 props。
靜態 HTML 生成
是一個靜態網站生成器——每個 URL 路徑都會靜態生成對應的 HTML 文件，這有助于搜索引擎更容易地找到你的內容。
圖像描述
圖片的 alt 標簽會告訴搜索引擎圖片的內容，同時它也用在圖片無法通過視覺被觀看時，比如使用屏幕閱讀器，或者圖片損壞時。 廣泛地支持 alt 標簽。
你也可以給圖片添加一個 title——這不太會影響 SEO，不過會在鼠標懸停在圖片上的時候顯示浮窗，通常用于提供提示信息。
:3000
豐富搜索信息
博客開箱即用地支持豐富搜索信息，以獲得最佳的搜索引擎體驗。 這些信息是基于你的博客和全局配置中的元數據創建的。 為了能享受豐富搜索信息，你需要填寫每篇帖子的發布日期、作者和縮略圖等信息。 你可以在這里了解更多關于元數據的內容。
文件
.txt 文件規定了搜索引擎的行為，即哪些內容應該能爬取到搜索引擎優化，哪些不應該。 你可以以靜態資源的形式提供這個文件。 下面的例子將會允許對所有子頁面的所有請求：
/.txt
User-agent: *
Disallow:
如果想了解更多關于 文件的信息，你可以查閱 文檔。
注意
注意：.txt文件不會阻止 HTML 頁面被索引。
To your whole site from being , use the site . Some may also let you a X--Tag: HTTP ( Pages does not this).
To a page from being , use as . Read more about the meta tag.
文件
提供了 @/- 插件，包含在 - 中。 它會在生產構建后自動在 []/.xml 生成一個 .xml 文件。 站點地圖信息可以幫助搜索引擎爬蟲更準確地爬取你的網站。
提示
The pages a meta .
For , // is not in the .xml file it the :
<head>
<meta name="robots" content="noindex, nofollow" />
head>
易讀的鏈接
會用你的文件名生成鏈接，但你可以用 slug 前言修改鏈接內容。包含了更多細節。
結構化內容
搜索引擎依賴于像 ， 這樣的 HTML 標記來理解你的網站的結構。 當 渲染頁面時，會用 、、 這樣的語義化標簽分隔頁面的不同區域，幫助搜索引擎定位諸如側邊欄、導航欄和主要頁面內容之類的部分。
大部分 語法都有對應的HTML標簽。 在項目中始終使用 可以幫助搜索引擎更容易理解頁面的內容。
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
