單頁元數(shù)據(jù)
類似于, 也允許你為每個頁面單獨添加元數(shù)據(jù)。 你可以按照這篇教程配置標(biāo)簽。 一言以蔽:
my--page.md
# 烹飪指南
<head>
<meta name="keywords" content="cooking, blog">
head>
一些內(nèi)容……
會自動為每個 頁面添加 、title, URL 鏈接,和其他有用的元數(shù)據(jù)。 可以用前言進(jìn)行配置:
---
title: 給搜索引擎看的標(biāo)題;可能和正文標(biāo)題不一樣
description: 關(guān)于此頁的簡短描述
image: 在社交媒體卡片中顯示的縮略圖
keywords: [描述, 中心的, 關(guān)鍵詞]
---
在創(chuàng)建 React 頁面時,給 添加這些字段也能改善 SEO。
提示
我們建議用前言配置 和 這樣的字段: 會自動把它們用于 和 og: 兩個元數(shù)據(jù),而如果你用 標(biāo)簽,你就得手動聲明兩個元數(shù)據(jù)標(biāo)簽。
對于 JSX 頁面搜索引擎優(yōu)化,你可以使用 組件。
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>
);
}
提示
為方便起見,主題的默認(rèn) 組件接受 title 和 作為 props。
靜態(tài) HTML 生成
是一個靜態(tài)網(wǎng)站生成器——每個 URL 路徑都會靜態(tài)生成對應(yīng)的 HTML 文件,這有助于搜索引擎更容易地找到你的內(nèi)容。
圖像描述
圖片的 alt 標(biāo)簽會告訴搜索引擎圖片的內(nèi)容,同時它也用在圖片無法通過視覺被觀看時,比如使用屏幕閱讀器,或者圖片損壞時。 廣泛地支持 alt 標(biāo)簽。
你也可以給圖片添加一個 title——這不太會影響 SEO,不過會在鼠標(biāo)懸停在圖片上的時候顯示浮窗,通常用于提供提示信息。
題')
:3000
豐富搜索信息
博客開箱即用地支持豐富搜索信息,以獲得最佳的搜索引擎體驗。 這些信息是基于你的博客和全局配置中的元數(shù)據(jù)創(chuàng)建的。 為了能享受豐富搜索信息,你需要填寫每篇帖子的發(fā)布日期、作者和縮略圖等信息。 你可以在這里了解更多關(guān)于元數(shù)據(jù)的內(nèi)容。
文件
.txt 文件規(guī)定了搜索引擎的行為,即哪些內(nèi)容應(yīng)該能爬取到搜索引擎優(yōu)化,哪些不應(yīng)該。 你可以以靜態(tài)資源的形式提供這個文件。 下面的例子將會允許對所有子頁面的所有請求:
/.txt
User-agent: *
Disallow:
如果想了解更多關(guān)于 文件的信息,你可以查閱 文檔。
注意
注意:.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.
文件
提供了 @/- 插件,包含在 - 中。 它會在生產(chǎn)構(gòu)建后自動在 []/.xml 生成一個 .xml 文件。 站點地圖信息可以幫助搜索引擎爬蟲更準(zhǔn)確地爬取你的網(wǎng)站。
提示
The pages a meta .
For , // is not in the .xml file it the :
<head>
<meta name="robots" content="noindex, nofollow" />
head>
易讀的鏈接
會用你的文件名生成鏈接,但你可以用 slug 前言修改鏈接內(nèi)容。包含了更多細(xì)節(jié)。
結(jié)構(gòu)化內(nèi)容
搜索引擎依賴于像 , 這樣的 HTML 標(biāo)記來理解你的網(wǎng)站的結(jié)構(gòu)。 當(dāng) 渲染頁面時,會用 、、 這樣的語義化標(biāo)簽分隔頁面的不同區(qū)域,幫助搜索引擎定位諸如側(cè)邊欄、導(dǎo)航欄和主要頁面內(nèi)容之類的部分。
大部分 語法都有對應(yīng)的HTML標(biāo)簽。 在項目中始終使用 可以幫助搜索引擎更容易理解頁面的內(nèi)容。
*請認(rèn)真填寫需求信息,我們會在24小時內(nèi)與您取得聯(lián)系。