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