繼上一篇使用 SSR 來(lái)優(yōu)化搜索引擎之后犀农，為了進(jìn)一步提高自己的網(wǎng)（zhi）站（ming）排（du）名岛蚤，就打算進(jìn)一步優(yōu)化 SEO蔫劣。之前有聽(tīng)朋友提到結(jié)構(gòu)化數(shù)據(jù)對(duì) SEO 有幫助巧骚，便去了解了一下鞭盟，果然是個(gè)好東西圾结。
什么是結(jié)構(gòu)化數(shù)據(jù)
簡(jiǎn)單來(lái)說(shuō)，結(jié)構(gòu)化數(shù)據(jù)就是按一定的結(jié)構(gòu)產(chǎn)生的一系列描述你網(wǎng)站內(nèi)容的信息齿诉，它能幫助搜索引擎的爬蟲(chóng)更好地了解你網(wǎng)頁(yè)中所要展現(xiàn)的內(nèi)容筝野，并在搜索結(jié)果中有更豐富得展現(xiàn)，而非千篇一律的鏈接粤剧。
不僅如此歇竟，結(jié)構(gòu)化數(shù)據(jù)的設(shè)置方式也相當(dāng)簡(jiǎn)單，主要分為 3 種：JSON-LD, Microdata 和 RDFa抵恋。
它們又分為 2 派焕议，Microdata 和 RDFa 是通過(guò)給 html 標(biāo)簽加屬性的方式來(lái)設(shè)置結(jié)構(gòu)化數(shù)據(jù)，而 JSON-LD 是通過(guò)給頁(yè)面添加 JavaScript 標(biāo)簽的方式自成一派弧关。
Microdata, RDFa 孰優(yōu)孰劣
既然盅安，Microdata 和 RDFa 都是通過(guò)同樣的方式生成結(jié)構(gòu)化數(shù)據(jù)，那么世囊，自然就會(huì)比較它倆的優(yōu)劣别瞭。
盡管，它倆總體來(lái)說(shuō)區(qū)別不大株憾，并且 Google Search 和 Schema.org 默認(rèn)的 DEMO 都是 Microdata 格式蝙寨，但是晒衩，RDFa Lite 還是更勝一籌，起決定性的因素是 W3C 標(biāo)準(zhǔn)墙歪。RDFa Lite 已被收錄進(jìn)了 W3C 的標(biāo)準(zhǔn)听系，而 Microdata 卻沒(méi)有。
更詳細(xì)的對(duì)比可以參考這個(gè)問(wèn)題的高票回答箱亿。
也正如上面回答中提到的跛锌，Microdata, RDFa 的孰優(yōu)孰劣弃秆，并不是選邊站隊(duì)届惋，也不像 Angular, React, Vue 之間的有我沒(méi)他，你可以在你的網(wǎng)站上同時(shí)使用這兩種不同的方法去實(shí)現(xiàn)結(jié)構(gòu)化數(shù)據(jù)菠赚，甚至還可以用上 JSON-LD脑豹。
這里主要談?wù)?RDFa Lite。
RDFa Lite衡查， 它的結(jié)構(gòu)也很簡(jiǎn)單瘩欺，只需在特定的 HTML 元素上添加一些特定的屬性就可以了。就像這樣
<p vocab="http://schema.org/" typeof="Person">
My name is
<span property="name">Manu Sporny</span>
and you can give me a ring via
<span property="telephone">1-800-555-0199</span>
or visit
<a property="url" >my homepage</a>.
</p>
上面這段 html 就告訴了搜索引擎這段描述的是一個(gè)人的信息拌牲。其中俱饿，vocab, typeof 和 property 就是特定的屬性，而 RDFa Lite 的基礎(chǔ)屬性已就這 3 個(gè)塌忽。
vocab 是 vocabulary 的簡(jiǎn)寫(xiě)拍埠，顧名思義是詞匯表，用來(lái)表示機(jī)器能夠識(shí)別的結(jié)構(gòu)化數(shù)據(jù)的類(lèi)型庫(kù)土居，比如上例中的 Person枣购。
還有哪些可以使用的類(lèi)型哪？
Schema.org
Schema.org 是由 Google, Microsoft, Yahoo 和 Yandex 共同贊助擦耀，為了創(chuàng)建棉圈、維護(hù)和促進(jìn)結(jié)構(gòu)化數(shù)據(jù)在互聯(lián)網(wǎng)等場(chǎng)景下的應(yīng)用，而成立的一個(gè)社區(qū)組織眷蜓。它可以被之前提到的 3 種設(shè)置結(jié)構(gòu)化數(shù)據(jù)的方式所使用分瘾。
Schema.org 包含 583 種類(lèi)型（typeof），以及 846 個(gè)屬性（property）吁系，點(diǎn)擊查看全部類(lèi)型德召。
知道了語(yǔ)法和詞庫(kù)，根據(jù)自己的網(wǎng)站內(nèi)容就可以設(shè)置屬于自己網(wǎng)站的結(jié)構(gòu)化數(shù)據(jù)了垮抗。
測(cè)試
假設(shè)氏捞，已經(jīng)在網(wǎng)站上完成了結(jié)構(gòu)化數(shù)據(jù)的添加，怎么知道添加的正確與否冒版？
谷哥提供了一個(gè)簡(jiǎn)單的工具液茎，只需填上網(wǎng)站的地址或 html 代碼就可以知道添加結(jié)構(gòu)化數(shù)據(jù)是否成功，是否有錯(cuò)誤。
點(diǎn)擊右邊的任何一項(xiàng)捆等，測(cè)試工具都會(huì)自動(dòng)定位到設(shè)置該屬性的位置并高亮顯示滞造。
至此，可以算完成了栋烤。
福利：WordPress 用戶有現(xiàn)成的結(jié)構(gòu)化數(shù)據(jù)插件可以使用谒养，真是開(kāi)森。
最后
結(jié)構(gòu)化數(shù)據(jù)不僅僅可以提高搜索排名明郭，美化搜索結(jié)果买窟。它還能夠被其他一些應(yīng)用所讀取使用，比如：Gmail, Facebook, Twitter 等薯定，甚至還可以是 Siri始绍，可穿戴設(shè)備，或是車(chē)載導(dǎo)航系統(tǒng)话侄。
看到這里亏推，是不是冒出了很多想法，不要猶豫年堆，開(kāi)始嘗試吧~
題外話
最近 DAOCloud 上服務(wù)起一天就被停了吞杭，停還不給提醒，好惡心变丧，一毀原先的好印象芽狗，到年底原 DAOCloud 上的應(yīng)用就不再維護(hù)了。
個(gè)人博客已經(jīng)從 DAOCloud 搬到新買(mǎi)的域名 discipled.me 下了锄贷。
如何省錢(qián)買(mǎi)域名可以參考知乎上的這個(gè)回答译蒂。
當(dāng)然，不差錢(qián)的可以直接點(diǎn)這里谊却，童叟無(wú)欺柔昼。
由于，剛換域名炎辨，沒(méi) google 索引捕透，也不知道這次加的結(jié)構(gòu)化數(shù)據(jù)有沒(méi)有效果 (￣▽￣) ~
今天冬至，吃肉去...ㄟ(▔,▔)ㄏ
