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