跨境男孩 - OG標(biāo)簽(Open Graph)是什么?
網(wǎng)絡(luò)在過去的二十年里,從2000年至今,其發(fā)展可謂迅猛,帶來了海量的內(nèi)容。我還記得99年買了我的第一臺(tái)個(gè)人電腦,那是一款配備“大屁股”顯示器的TCL臺(tái)式機(jī)。那時(shí)候,互聯(lián)網(wǎng)上資源并不像現(xiàn)在這樣豐富,大多數(shù)時(shí)候我們會(huì)在BBS論壇上發(fā)帖,瀏覽圖片,偶爾還能見到一些視頻資源,那時(shí)的下載速度還只有大約50kb左右,依賴于ADSL撥號(hào)上網(wǎng)。
今天我們要聊的是OG標(biāo)簽。OG標(biāo)簽的出現(xiàn)與JSON-LD有著相同的SEO意義,都是為了將網(wǎng)絡(luò)上的內(nèi)容進(jìn)行結(jié)構(gòu)化、富媒體化,以便于第三方調(diào)用和顯示。
那么,什么是OG標(biāo)簽?zāi)兀?/p>
OG全稱是Open Graph Protocol,中文可譯為開放內(nèi)容協(xié)議。最初,這種協(xié)議被廣泛用于一些社交軟件中,如Fackbook、Twitter、renren以及微博等。如今,搜索引擎和一些第三方服務(wù)也支持了OG標(biāo)簽。
在我的博客中,也應(yīng)用了OG標(biāo)簽。我使用了Yoast SEO插件來實(shí)現(xiàn)這一功能。在head部分,你會(huì)看到如下OG標(biāo)簽代碼:
首先是定義內(nèi)容類型和語言:
```html
```
接著是設(shè)定內(nèi)容的詳細(xì)信息:
```html
```
還有更多關(guān)于網(wǎng)站和內(nèi)容的描述性標(biāo)簽。
OG標(biāo)簽知識(shí)詳解:
OG標(biāo)簽是為了社交分享而設(shè)計(jì)的。雖然目前我的博客還沒有開啟社交分享功能,但未來可能會(huì)開放。無論是使用WordPress還是其他SaaS建站工具如SHOPLINE,都支持OG標(biāo)簽。
對(duì)于自行開發(fā)的網(wǎng)站,需要在開發(fā)階段就提前加入這些功能。有些社交平臺(tái)甚至能通過分享的鏈接地址自動(dòng)提取內(nèi)部的OG標(biāo)簽,生成結(jié)構(gòu)化數(shù)據(jù)。
OG標(biāo)簽的種類繁多,包括但不限于網(wǎng)站語言、內(nèi)容類型、標(biāo)題、描述、鏈接、圖片等。例如:
```html
og:locale // 網(wǎng)站語言設(shè)置
og:type // 內(nèi)容類型 (常用值包括website、article、book、movie等)
```
還有針對(duì)特定內(nèi)容的擴(kuò)展標(biāo)簽,如小說類目的標(biāo)簽,包括小說目錄、作者、書名、閱讀地址等。
首頁通常會(huì)設(shè)置og:type為website,而文章頁則會(huì)設(shè)置為article。使用這些OG標(biāo)簽后,當(dāng)你在Facebook等社交平臺(tái)上分享文章時(shí),內(nèi)容會(huì)以一種視覺友好的方式展示出來,就像下面這張圖所示:
(圖片來源:騰訊)
如今,OG標(biāo)簽的使用越來越廣泛,不僅限于社交平臺(tái)。對(duì)于網(wǎng)站管理員和SEO從業(yè)者來說,了解和使用這些標(biāo)簽是非常重要的。給網(wǎng)站添加OG標(biāo)簽是一項(xiàng)基礎(chǔ)的SEO工作。
(來源:跨境男孩)以上內(nèi)容屬作者個(gè)人觀點(diǎn),不代表其他機(jī)構(gòu)的立場(chǎng)。本文經(jīng)原作者授權(quán)轉(zhuǎn)載,如有需要轉(zhuǎn)載請(qǐng)聯(lián)系原作者獲取授權(quán)。
版權(quán)聲明
風(fēng)口星內(nèi)容全部來自網(wǎng)絡(luò),版權(quán)爭議與本站無關(guān),如果您認(rèn)為侵犯了您的合法權(quán)益,請(qǐng)聯(lián)系我們刪除,并向所有持版權(quán)者致最深歉意!本站所發(fā)布的一切學(xué)習(xí)教程、軟件等資料僅限用于學(xué)習(xí)體驗(yàn)和研究目的;不得將上述內(nèi)容用于商業(yè)或者非法用途,否則,一切后果請(qǐng)用戶自負(fù)。請(qǐng)自覺下載后24小時(shí)內(nèi)刪除,如果您喜歡該資料,請(qǐng)支持正版!