谷歌結(jié)構(gòu)化-調(diào)研與實(shí)踐
簡短的概括：谷歌結(jié)構(gòu)化調(diào)研與實(shí)踐。
使用背景
通過整體結(jié)構(gòu)優(yōu)化及完善，實(shí)現(xiàn)收錄提升、綜合權(quán)重提升、最終實(shí)現(xiàn)關(guān)鍵詞及流量提升。
主要解決的問題
結(jié)構(gòu)化數(shù)據(jù)可以幫助谷歌了解海外網(wǎng)頁上的內(nèi)容。我們可以提供與海外網(wǎng)站頁面相關(guān)的具體信息，協(xié)助谷歌在搜索結(jié)果中用更豐富多樣的形式呈現(xiàn)我們的海外網(wǎng)頁。
一、基礎(chǔ)知識
1、功能簡介
Google結(jié)構(gòu)化數(shù)據(jù)可以讓Google搜索引擎更直接有效地了解和展示網(wǎng)頁的重要信息，如內(nèi)容評分，可以更好優(yōu)化網(wǎng)站搜索。
Google結(jié)構(gòu)化數(shù)據(jù)的更多詳細(xì)介紹，請點(diǎn)擊查看以下鏈接。
https://developers.google.com/search/docs/guides/intro-structured-data
2、應(yīng)用場景
結(jié)構(gòu)化數(shù)據(jù)是一種標(biāo)準(zhǔn)化格式，用于提供有關(guān)頁面的信息和對頁面內(nèi)容進(jìn)行分類。換句話說，就是搜索引擎使用的語義詞匯代碼語言。
例如，在食譜頁面上，有什么成分，烹飪時間和溫度，卡路里等。通過結(jié)構(gòu)化數(shù)據(jù)可以讓Google搜索引擎更直接有效地了解和展示網(wǎng)頁的重要信息，如內(nèi)容評分。因此我們新增了Google結(jié)構(gòu)化數(shù)據(jù)功能，幫助用戶有效使用這一功能，優(yōu)化網(wǎng)站搜索。
3、工作方式
Google 搜索致力于了解網(wǎng)頁內(nèi)容。您可以在網(wǎng)頁上添加結(jié)構(gòu)化數(shù)據(jù)，向 Google 提供有關(guān)該網(wǎng)頁含義的明確線索，從而幫助我們理解該網(wǎng)頁。結(jié)構(gòu)化數(shù)據(jù)是一種提供網(wǎng)頁相關(guān)信息并對網(wǎng)頁內(nèi)容進(jìn)行分類的標(biāo)準(zhǔn)化格式；例如，食譜網(wǎng)頁上會有食材、烹飪時長和溫度、卡路里等各類信息。
4、數(shù)據(jù)格式
格式 | |
JSON-LD*（推薦） | 嵌在網(wǎng)頁標(biāo)頭或正文的 <script> 標(biāo)記中的 JavaScript 表示法。此標(biāo)記不與用戶可見文本交錯顯示，使嵌套數(shù)據(jù)項(xiàng)更易于表達(dá)，例如，Event>MusicVenue>PostalAddress>Country。此外，Google 可以讀取通過 JavaScript 代碼或內(nèi)容管理系統(tǒng)中的嵌入式微件等動態(tài)注入網(wǎng)頁內(nèi)容的 JSON-LD 數(shù)據(jù)。 |
微數(shù)據(jù) | 一種開放社區(qū) HTML 規(guī)范，用于在 HTML 內(nèi)容中嵌套結(jié)構(gòu)化數(shù)據(jù)。與 RDFa 一樣，它會使用 HTML 標(biāo)記屬性為您想讓以結(jié)構(gòu)化數(shù)據(jù)形式顯示的屬性命名。它通常用在網(wǎng)頁正文中，但也可用在標(biāo)頭中。 |
RDFa | 一種 HTML5 擴(kuò)展功能，通過引入與您要向搜索引擎描述的用戶可見內(nèi)容對應(yīng)的 HTML 標(biāo)記屬性 來支持關(guān)聯(lián)的數(shù)據(jù)。RDFa 通常用在 HTML 網(wǎng)頁的標(biāo)頭和主體部分中。 |
Google 建議盡可能使用 JSON-LD 格式的結(jié)構(gòu)化數(shù)據(jù)。
示例：JSON-LD
<html>
<head>
<title>Angry Birds</title>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "SoftwareApplication",
"name": "Angry Birds",
"operatingSystem": "ANDROID",
"applicationCategory": "GameApplication",
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.6",
"ratingCount": "8864"
},
"offers": {
"@type": "Offer",
"price": "1.00",
"priceCurrency": "USD"
}
}
</script>
</head>
<body>
</body>
</html>
5、數(shù)據(jù)類型?
比較常見的結(jié)構(gòu)化數(shù)據(jù)是如下幾種：
（1）評價 (Rating/Review)
評價摘要是來自評價網(wǎng)站的簡短評價摘錄或評分，通常是眾多評價者給出的綜合評分的平均值。當(dāng) Google 發(fā)現(xiàn)有效的評價或評分標(biāo)記時，可能會顯示豐富網(wǎng)頁摘要，其中包含根據(jù)評價或評分得出的星級和其他摘要信息。除了文字評價之外，還有數(shù)字分制（如 1 到 5）的評分。
這有助于在用戶無需深入挖掘具體信息的情況下快速獲得有用的買家信息。
（2）事件/活動 (Event)
事件數(shù)據(jù)提供預(yù)定事件（網(wǎng)絡(luò)研討會、音樂會、講座等）的附加信息，例如日期、地點(diǎn)和價格等信息。
（3）文章 (Article)
在新聞報(bào)道、博客文章和體育報(bào)道網(wǎng)頁中添加 Article 結(jié)構(gòu)化數(shù)據(jù)，可使Google更容易理解標(biāo)題中的內(nèi)容、發(fā)布時間、特色圖片，有時甚至是視頻。也可提升在 Google 搜索結(jié)果中的呈現(xiàn)效果。不同類型的文章，例如博客文章、新聞文章和學(xué)術(shù)文章，有不同類型的文章結(jié)構(gòu)化數(shù)據(jù)標(biāo)記方法。
（4）常見問題（FAQ）
常見問題解答 (FAQ) 頁包含一系列有關(guān)特定主題的問題和答案。如果正確標(biāo)記了 FAQ 頁，它們可能會在 Google 搜索中顯示為富媒體搜索結(jié)果。
其他結(jié)構(gòu)化數(shù)據(jù)，可參考谷歌官方文檔：https://developers.google.com/search/docs/advanced/structured-data/article。
二、分步指南
1、添加必要屬性
若要使您的內(nèi)容能夠顯示為富媒體搜索結(jié)果，您必須為其添加必要屬性。還有一些建議添加的屬性，能幫助您添加更多與您的內(nèi)容相關(guān)的信息，進(jìn)而提供更好的用戶體驗(yàn)。
必需屬性 | |
name | Text 應(yīng)用的名稱。 |
offers.price | Offer 應(yīng)用的銷售優(yōu)惠。對于開發(fā)者，offers可表明出售應(yīng)用的市場。對于市場，offers可用于表明某個應(yīng)用實(shí)例的具體應(yīng)用價格。 如果應(yīng)用是免費(fèi)提供的，請將 offers.price設(shè)置為 0。例如： "offers": { "@type": "Offer", "price": "0"} 如果應(yīng)用的價格大于 0，您必須添加 offers.currency。例如： "offers": { "@type": "Offer", "price": "1.00", "priceCurrency": "USD"} |
評分或評價 | 應(yīng)用評分或評價。您必須添加以下屬性之一： |
aggregateRating | AggregateRating 應(yīng)用的平均評價分?jǐn)?shù)。請遵循評價摘要指南，并查看必需和建議的 AggregateRating 屬性列表。 |
review | Review 應(yīng)用的單個評價。請遵循評價摘要指南，并查看必需和建議的評價屬性列表。 |
建議添加的屬性 | |
applicationCategory | Text 應(yīng)用類型（例如，BusinessApplication或 GameApplication）。該值必須是支持的應(yīng)用類型。 支持的應(yīng)用類型列表
|
operatingSystem | Text 使用應(yīng)用所需的操作系統(tǒng)（例如，Windows 7、OSX 10.6、Android 1.6） |
重要：
通過實(shí)踐，第一次的"@type" 類型很關(guān)鍵，每個類型的數(shù)據(jù)屬性不一樣。
"@context":"http://schema.org/", // 瀏覽器這里是結(jié)構(gòu)化數(shù)據(jù)（必須）。
公共資源：offers.price 價格。
2、遵循指南
要使您的應(yīng)用能夠顯示為富媒體搜索結(jié)果，您必須遵循以下指南。
（1）網(wǎng)站站長指南
遵循常規(guī)指南有助于 Google 找到您的網(wǎng)站、將其編入索引并對其進(jìn)行排名。
我們強(qiáng)烈建議您多加留意質(zhì)量指南，其中簡要說明了一些違規(guī)行為，這些行為可能會導(dǎo)致網(wǎng)站從 Google 索引中被徹底移除，或者導(dǎo)致系統(tǒng)算法或我們手動將其標(biāo)識為垃圾網(wǎng)站。如果一個網(wǎng)站被標(biāo)識為垃圾網(wǎng)站，那么它可能不會再出現(xiàn)在 Google.com 或任何 Google 合作伙伴網(wǎng)站的搜索結(jié)果中。
（2）幫助 Google 找到您的網(wǎng)頁
確保網(wǎng)站上的所有網(wǎng)頁均能通過其他可找到的網(wǎng)頁上的鏈接轉(zhuǎn)到。確保引薦鏈接包括與目標(biāo)網(wǎng)頁相關(guān)的文字（對于圖片，則應(yīng)包括 alt 屬性）?？勺ト〉逆溄邮蔷哂?href 屬性的 <a> 標(biāo)記。
提供站點(diǎn)地圖文件，其中含有指向您網(wǎng)站上的重要網(wǎng)頁的鏈接。同時，也請?zhí)峁┮粋€包含用戶可讀列表的頁面（有時稱為網(wǎng)站索引或站點(diǎn)地圖頁面），其中列出了指向這些網(wǎng)頁的鏈接。
將網(wǎng)頁上的鏈接數(shù)量限制在合理范圍內(nèi)（最多幾千個）。
確保網(wǎng)絡(luò)服務(wù)器正確支持 If-Modified-Since HTTP 表頭。此功能可指示您的網(wǎng)絡(luò)服務(wù)器告訴 Google，自我們上次抓取您的網(wǎng)站以來，您的內(nèi)容是否發(fā)生了變化。支持此功能可以節(jié)省帶寬和開銷。
在您的網(wǎng)絡(luò)服務(wù)器上使用 robots.txt 文件，通過防止抓取無限的區(qū)域（例如搜索結(jié)果頁）管理您的抓取預(yù)算。及時更新 robots.txt 文件。了解如何借助 robots.txt 文件管理抓取流程。使用 robots.txt 測試工具測試 robots.txt 文件的覆蓋率和語法。
詳情地址：https://developers.google.com/search/docs/advanced/guidelines/webmaster-guidelines。
3、富媒體測試代碼-重要
使用富媒體搜索結(jié)果測試驗(yàn)證您的代碼。
https://search.google.com/test/rich-results。
<html>
<head>
<title>Angry Birds</title>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "SoftwareApplication",
"name": "Angry Birds",
"operatingSystem": "ANDROID",
"applicationCategory": "GameApplication",
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.6",
"ratingCount": "8864"
},
"offers": {
"@type": "Offer",
"price": "1.00",
"priceCurrency": "USD"
}
}
</script>
</head>
<body>
</body>
</html>
成功結(jié)果：
重要：
一定要通過代碼測試，再進(jìn)行網(wǎng)址測試。說明：代碼測試過了，網(wǎng)址測試肯定沒問題。
三、案例分析
1、國外g2競品：https://www.g2.com/。
產(chǎn)品詳情頁：https://www.g2.com/products/captivateiq/reviews。
2、crunchbase：
https://www.crunchbase.com/organization/captivateiq。
四、項(xiàng)目實(shí)踐
1、需求說明
（1）接入頁面類型一：產(chǎn)品詳情頁-space
- 接入方式：可參考官方開發(fā)文檔：https://developers.google.com/search/docs/advanced/structured-data/software-app。
- 接入屬性字段：評分、評價條數(shù)（研發(fā)調(diào)研后可適當(dāng)增加建議字段）。
（2）接入頁面類型二：問答詳情頁-qa
- 接入方式可參考文檔：https://developers.google.com/search/docs/advanced/structured-data/qapage。
- 接入屬性：傳輸所有可傳輸字段。
（3）接入頁面類型三：文章詳情頁（dianping | news | info）
- 接入方式：可參考文檔：https://developers.google.com/search/docs/advanced/structured-data/article。
- 接入屬性（可參考開發(fā)文檔默認(rèn)的幾個字段）：標(biāo)題、縮略圖、發(fā)布時間、更新時間（默認(rèn)為發(fā)布時間）、作者。
2、代碼實(shí)踐-重要
正在使用nuxt.js，需要使用ld+json為谷歌使用結(jié)構(gòu)化數(shù)據(jù)。
由于Nuxt.js使用的是vue-meta v2.1，所以如果使用json屬性，JSON.stringify和__dangerouslyDisableSanitizers就沒有用了：
head(){
let user = this.user;
return {
title: 'This is my page title',
meta: [
{ hid: 'description', name: 'description', content: 'This is my description' }
],
script: [
{
json: {
'@context': 'http://schema.org',
'@type': 'Website',
'url': `${user}`
},
type: 'application/ld+json'
}
]
}
},
- 資料：https://cloud.tencent.com/developer/ask/sof/934325。
- 請參閱vue-meta文檔：https://vue-meta.nuxtjs.org/api/#add-json-data。
例如：
// 數(shù)據(jù)化結(jié)構(gòu)化
script: [{
type: 'application/ld+json',
json: {
'@context': 'http://schema.org', // 瀏覽器這里是結(jié)構(gòu)化數(shù)據(jù)（必須）
"@type": "NewsArticle", //類型根據(jù)你需求
"mainEntityOfPage": { // 文章網(wǎng)頁的規(guī)范網(wǎng)址
"@type": "WebPage",
"@id": `localhost/${params.id}`
},
"headline": "Article headline",
"image": [
`${data.detail.img_url}`
],
"datePublished": `${data.detail.online_time}`, // 發(fā)布時間
"dateModified": `${data.detail.online_time}`, // 更新時間（默認(rèn)為發(fā)布時間)
"author": { // 作者
"@type": "Person",
"name": `${data.detail.author_vo.nick_name}`, // 作者
"url": "localhost/personal/6684905001"
},
"publisher": { // 發(fā)布信息
"@type": "Organization",
"name": `${data.detail.author_vo.nick_name}`, // 發(fā)布名字
"logo": {
"@type": "ImageObject",
"url": `${data.detail.author_vo.head_img}` // 發(fā)布頭像
}
},
"offers": { // 價格
"@type": "Offer",
"price": "0"
}
}
}]
