為網頁添加結構化數據:Google支持的JSON-LD格式的結構化數據


目錄

說明

結構化數據是網頁中一段固定格式的字符串,是個網頁內容的元數據。搜索引擎通過結構化數據可以更好的理解頁面內容,在搜索結構中呈現頁面的時候,以富媒體方式展示。

Google支持的結構化數據格式有:JSON-LD、Microdata、RDFa。Google建議使用JSON-LD。推薦閱讀Learn how content appears in Google Search中的全部內容。

注意事項

  1. 不要濫用,不要作弊;
  2. 選定結構化數據后,一定要填充所有屬性,否則被認為不適合以富媒體的方式展現;
  3. 設置的結構化數據屬性越豐富,展現給用戶的狀態越好;
  4. 不要在列表頁上使用結構化數據(輪播Carousel除外),要用在詳情頁上;
  5. 兩個內容相同的網頁,它們的結構化數據也要完全一致;
  6. 一個網頁上可以添加多個結構化數據,確保結構化數據索引的內容都是用戶可見的;
  7. 結構化數據中指定的圖片必須要位於當前網頁上;
  8. 圖片的URL必須允許搜索引擎抓取和索引;
  9. 結構化數據不能連接其它的網頁;
  10. 列表類型的頁面上要么標記所有的對象,要么都不標記,除了輪播Carousel外,結構化數據不得鏈接到詳情頁。

結構化數據添加方法

Google給出一個例子,演示了如何將結構化數據添加到head中:

<head> <script type="application/ld+json"> { "@context": "http://schema.org/", ... </script> </head> 

1、首先用@context指明要使用的schema.org結構化數據:

"@context": "http://schema.org/",

2、然后指定結構化數據類型:

"@type": "Recipe"

3、填充該結構化數據類型的屬性,一定要填充所有的屬性:

"@type": "Recipe" "@context": "http://schema.org/", "name": "Party Coffee Cake", "image": "https://www.leannebrown.com/wp-content/uploads/2016/12/up-close-pear-cake.jpg", "author": { "@type": "Person", "name": "Mary Stone" },

4、在當前結構化數據中添加其它類型的結構化數據,注意包含關系:

{ "@context": "http://schema.org/", "@type": "Recipe", // other recipe structured data "review": { "@type": "Review" "author": { "@type": "Person", } ... } "aggregateRating": { "@type": "AggregateRating", "ratingCount": "18", "ratingValue": "4" ... } }

5、檢察並預覽結構化數據:用在線工具Structured Data Testing Tool

添加多個類型的結構化數據

可以在一個網頁中添加多個相同類型或不同類型的結構化數據,參考JSON-LD Schema.org: Multiple video/image page

多個同類型的結構化數據

用數組的方式組合起來:

<script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebPage", "video": [ { "@type": "VideoObject" }, { "@type": "VideoObject" } ] } </script> 

多個不同類型的結構化數據

在頂層用@graph組合起來:

<script type="application/ld+json"> { "@context": "http://schema.org", "@graph": [ { "@type": "VideoObject" }, { "@type": "VideoObject" } ] } </script> 

分拆到多個script中

<script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebPage", "video": { "@type": "VideoObject" } } </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebPage", "video": { "@type": "VideoObject" } } </script> 

結構化數據放置范圍

一些類型的結構化數據,譬如Article,每個頁面都是不同的,可以在所有的頁面上放置。

另外一些結構化數據,譬如Logo,是否要在每個網頁放置?Google: Do Not Put ‘Organization’ Schema Markup on Every Page 中提供了一段Google的交流視頻,Google的回答是Organization(就是Logo)被放置到所有網頁上不會改變什么,Google一般去主頁和聯系頁尋找Logo,但是如果在別的地方找到了,也沒有什么影響。

但是review是不建議被放置的所有網頁上的,有一些公司將review放置到所有網頁上,試圖讓每個網頁都在搜索結果中顯示星級,Google認為“too bad”。

所以理解為將Logo等不隨頁面變換的結構化數據放置到所有網頁上不會產生負面影響。

結構化數據類型

Explore the search gallery列出的富媒體的呈現樣式。結構化數據類型不同,在搜索結果中呈現的樣式不同。

比較通用的有:Article、 Breadcrumb、 Carousel、 Corporate Contact、 Logo、 Sitelinks Searchbox、 Social Profile、 Speakable。

它們詳細屬性見Google Structured Data Definitation,需要特別注意,有些類型的結構化數據結合AMP使用會得到更多優待,例如Article應用AMP中有更多的展示位:

AMP with structured data: [Recommended] AMP pages with structured data can appear in the Top stories carousel, host carousel of rich results, Visual stories, and rich results in mobile Search results. These results can include images, page logos, and other interesting search result features.

Non-AMP web page with structured data: Non-AMP article pages that include structured data can increase the likelihood of appearing in search results with rich result features.

Article:文章頁,在搜索框下方展示圖文;

Book:呈現圖書價格和購買鏈接;

Breadcrumb:呈現面包屑導航位置;

Carousel: 同時展示同一個網站中的一組頁面,均是圖文方式展現;

Corporate Contact:展現公司的聯系方式;

Cours:課程描述和進入指示;

Critic review:評論要點;

*Dataset:展示數據集

Employer Aggregate Rating:員工評價;

Event:新聞事件;

Fact Checkt:

FAQ Page:問答頁;

How-to:圖片展示操作步驟;

Job Posting:招聘職位;

Livestream:視頻;

Local Business:附近店鋪;

Logo:展示組織的Logo;

Media actions:富媒體操作按鈕;

Occupation:職位信息;

Product:商品信息;

Q&A Page:展示問題答案;

Recipe:食譜;

Review snippet:點評信息;

Sitelinks Searchbox:展示站內搜索框;

Social Profile:社交賬號信息;

Software App (Beta):APP信息;

Speakable:合成語音播放;

Subscription and paywalled content:

Top Places List:最佳列表;

Video:視頻;

配置示范

將代碼復制粘貼到Structured Data Testing Tool進行語法檢查:

<script type="application/ld+json"> { "@context": "http://schema.org/", "@graph":[ { "@type": "Organization", "logo": "https://www.lijiaocn.com/logo.jpg", //LOGO圖片地址,必須是112x112,.jpg,.png,.gif "url": "https://www.lijiaocn.com" //與Logo相關聯的url }, /* { "@type": "WebSite", "url": "https://www.lijiaocn.com", //被搜索的網站 "potentialAction": { "@type": "SearchAction", //targe指定的域名必須是站點域名,不能用第三方搜索 "target": "https://www.lijiaocn.com/search?q={search_term_string}+site%3Alijiaocn.com", "query-input": "required name=search_term_string" } }, { "@type": "Person", //社交賬號 "name": "lijiaocn博客", //組織或個人名稱 "url": "https://www.lijiaocn.com", //網站地址 "sameAs": [ "http://www.facebook.com/your-profile", //社交賬號地址,不支持的國內的 "http://instagram.com/yourProfile", "http://www.linkedin.com/in/yourprofile", "http://plus.google.com/your_profile" ] }, */ { "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "name": "圖書", "item": "https://www.lijiaocn.com/圖書" },{ "@type": "ListItem", "position": 2, "name": "小說", "item": "https://www.lijiaocn.com/圖書/小說" }] }, { "@type": "Article", "dateModified": "2015-02-05T08:00:00+08:00", "datePublished": "2015-02-05T08:00:00+08:00", "headline": "標題,不超過110個字符", "image": [ //提供三張不同比例的高清圖片, 長x寬>=300 000 "https://example.com/photos/1x1/photo.jpg", //至少:600*600 = 360 000 "https://example.com/photos/4x3/photo.jpg", //至少:800*600 = 480 000 "https://example.com/photos/16x9/photo.jpg" //至少:960*540 = 518 400 ], "author": { "@type": "Person", "name": "李XX" //作者名稱 }, "publisher": { "@type": "Organization", "name": "lijiaocn博客", //發布機構名稱 "logo": { "@type": "ImageObject", "url": "https://www.lijiaocn.com/logo.jpg" //發布機構Logo,遵循 } }, "description": "內容描述", "mainEntityOfPage": "canonical URL of the article page", //網頁權威鏈接,無重復網頁就設置成當前頁地址 "speakable": { "@type": "SpeakableSpecification", "xpath": [ "/html/head/title", //指向head中的title "/html/head/meta[@name='description']/@content" //指向head中的description ] } } ] } </script> 

參考

  1. Understand how structured data works
  2. Follow the structured data guidelines
  3. Learn how content appears in Google Search
  4. Google Structured Data Definitation

關注加微信,一般不聊天(應付不過來)

  方法    SEO  本頁


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM