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