網(wǎng)絡(luò)從2000年到今天這20年間飛速的發(fā)展起來，能在網(wǎng)絡(luò)上獲取到的內(nèi)容也越來越豐富，99年有了自己第一臺(tái)個(gè)人電腦，那時(shí)候是一臺(tái)有著“大屁股”顯示器的TCL臺(tái)式機(jī)，那時(shí)候網(wǎng)絡(luò)上還沒有像現(xiàn)在這么多類型的資源，多數(shù)都是上BBS論壇，發(fā)個(gè)貼，瀏覽讓人心情“愉悅”的圖片，視頻都很少見，因?yàn)槟菚r(shí)候還ADSL撥號(hào)，下載的速度就50kb左右，回到今天的話題OG標(biāo)簽，OG標(biāo)簽的出現(xiàn)其實(shí)和JSON-LD有著相同的SEO意義，都是為了將網(wǎng)絡(luò)上的內(nèi)容，進(jìn)行結(jié)構(gòu)化，富媒體化，方便第三方調(diào)用顯示。
什么是OG標(biāo)簽
OG全稱是Open Graph Protocol，中文是開放內(nèi)容協(xié)議，也稱為OG標(biāo)簽。
最開始的時(shí)候是被一些社交軟件廣泛使用，F(xiàn)ackbook、Twitter、renren、微博等，現(xiàn)在搜索引擎和一些第三方服務(wù)也支持了OG標(biāo)簽。
我的博客也是有OG標(biāo)簽的，只不過是使用了Yoast SEO插件來實(shí)現(xiàn)的，head內(nèi)的OG標(biāo)簽代碼：
<meta property="og:type" content="acticle">
<meta property="og:locale" content="zh-CN" />
<meta property="og:title" content="跨境男孩 | 獨(dú)立站SEO TDKU&ALT優(yōu)化，不會(huì)代碼也能學(xué)會(huì)！" />
<meta property="og:author" content="riven" />
<meta property="og:image" content="跨境男孩Riven-獨(dú)立站SEO.png" />
<meta property="og:site_name" content="跨境男孩Riven | SEO小站">
<meta property="og:description" content="眼中腳下路，心中要有宏圖。大家好，我是跨境男孩Riven。" />
<meta property="og:url" content=" />
<meta property="og:release_date" content="2022年11月14日21:49:39" />
OG標(biāo)簽知識(shí)
使用OG標(biāo)簽是為了之后進(jìn)行社會(huì)化分享作的準(zhǔn)備，雖然現(xiàn)在還沒有開社交分享功能，但是日后可能會(huì)開，WordPress很方便，或者使用SaaS建站SHOPLINE，也支持og標(biāo)簽。
但是如果是自己單獨(dú)開發(fā)的網(wǎng)站，就要提前把功能加進(jìn)去，有的社交平臺(tái)也會(huì)通過分享的鏈接地址自動(dòng)提取里面的OG標(biāo)簽，生成結(jié)構(gòu)化數(shù)據(jù)，我們來熟悉下OG標(biāo)簽：
// 普通類
og:locale //網(wǎng)站語言
og:type //類型 (常用值:website；article；book；movie)
og:title //標(biāo)題
og:description //頁面的簡單描述
og:url //當(dāng)前內(nèi)容鏈接
og:video //視頻
og:audio //音頻
og:photo //圖片
og:product //產(chǎn)品
og:image //縮略圖
og:link //鏈接
og:site_name //頁面所在網(wǎng)站名
og:audiosrc //音頻地址
rr:appid //如果您的網(wǎng)站是 CONNECT 到 renren.com 的，請?zhí)峁┰?ID
og:videosrc //視頻資源鏈接，例如可是播放視頻的 flash 地址
og:width //視頻、圖片的寬度
og:height //視頻、圖片的高度
og:artist //音樂家
og:contentid //內(nèi)容主體的 ID，用來標(biāo)識(shí)當(dāng)前頁面主要內(nèi)容所處的 HTML 標(biāo)簽的 ID
og:price //產(chǎn)品價(jià)格
og:nick //店鋪名
og:postfee //運(yùn)費(fèi)
// 小說類
og:novel:category // 小說目錄
og:novel:author // 小說作者
og:novel:book_name // 小說書名
og:novel:read_url // 小說閱讀地址
og:novel:status // 小說狀態(tài)
og:novel:update_time // 小說更新時(shí)間
og:novel:latest_chapter_name // 小說最新章節(jié)
og:novel:latest_chapter_url // 小說最新章節(jié)地址
// 其他
首頁一般設(shè)置 og:type 為： website
文章頁一般設(shè)置 og:type 為：articleh
上面是比較常用的，不同的內(nèi)容類型，使用不同的標(biāo)簽。使用這些標(biāo)簽以后，如果把文章分享到Facebook，就會(huì)像下面這張圖一樣展示你的內(nèi)容：
圖片來源：騰訊
相關(guān)文章
