已收藏,可在 我的資料庫(kù) 中查看
關(guān)注作者
您可能還需要

跨境男孩 | OG標(biāo)簽(Open Graph)是什么?

OG標(biāo)簽(Open Graph 開(kāi)放內(nèi)容協(xié)議)現(xiàn)在的使用越來(lái)越廣泛,不再只局限于社交平臺(tái),作為站長(zhǎng),知道怎么使用這個(gè)標(biāo)簽對(duì)搜索引擎優(yōu)化也是很有用處的,給你的網(wǎng)站添加OG標(biāo)簽就是一項(xiàng)基礎(chǔ)的SEO工作,這也是作為SEO從業(yè)者需要去做的事。

網(wǎng)絡(luò)從2000年到今天這20年間飛速的發(fā)展起來(lái),能在網(wǎng)絡(luò)上獲取到的內(nèi)容也越來(lái)越豐富,99年有了自己第一臺(tái)個(gè)人電腦,那時(shí)候是一臺(tái)有著“大屁股”顯示器的TCL臺(tái)式機(jī),那時(shí)候網(wǎng)絡(luò)上還沒(méi)有像現(xiàn)在這么多類(lèi)型的資源,多數(shù)都是上BBS論壇,發(fā)個(gè)貼,瀏覽讓人心情“愉悅”的圖片,視頻都很少見(jiàn),因?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,中文是開(kāi)放內(nèi)容協(xié)議,也稱為OG標(biāo)簽。

最開(kāi)始的時(shí)候是被一些社交軟件廣泛使用,F(xiàn)ackbook、Twitter、renren、微博等,現(xiàn)在搜索引擎和一些第三方服務(wù)也支持了OG標(biāo)簽。

我的博客也是有OG標(biāo)簽的,只不過(guò)是使用了Yoast SEO插件來(lái)實(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&#038;ALT優(yōu)化,不會(huì)代碼也能學(xué)會(huì)!" />

<meta property="og:author" content="riven" />

<meta property="og:image" content="https://www.seoriven.com/wp-content/uploads/2022/11/跨境男孩Riven-獨(dú)立站SEO.png" />

<meta property="og:site_name" content="跨境男孩Riven | SEO小站">

<meta property="og:description" content="眼中腳下路,心中要有宏圖。大家好,我是跨境男孩Riven。" />

<meta property="og:url" content="https://www.seoriven.com/seo-tdku" />

<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)在還沒(méi)有開(kāi)社交分享功能,但是日后可能會(huì)開(kāi),WordPress很方便,或者使用SaaS建站SHOPLINE,也支持og標(biāo)簽。

但是如果是自己?jiǎn)为?dú)開(kāi)發(fā)的網(wǎng)站,就要提前把功能加進(jìn)去,有的社交平臺(tái)也會(huì)通過(guò)分享的鏈接地址自動(dòng)提取里面的OG標(biāo)簽,生成結(jié)構(gòu)化數(shù)據(jù),我們來(lái)熟悉下OG標(biāo)簽:

// 普通類(lèi)

og:locale //網(wǎng)站語(yǔ)言

og:type //類(lèi)型 (常用值:website;article;book;movie)

og:title //標(biāo)題

og:description //頁(yè)面的簡(jiǎn)單描述

og:url //當(dāng)前內(nèi)容鏈接

og:video //視頻

og:audio //音頻

og:photo //圖片

og:product //產(chǎn)品

og:image //縮略圖

og:link //鏈接

og:site_name //頁(yè)面所在網(wǎng)站名

og:audiosrc //音頻地址

rr:appid //如果您的網(wǎng)站是 CONNECT 到 renren.com 的,請(qǐng)?zhí)峁┰?ID

og:videosrc //視頻資源鏈接,例如可是播放視頻的 flash 地址

og:width //視頻、圖片的寬度

og:height //視頻、圖片的高度

og:artist //音樂(lè)家

og:contentid //內(nèi)容主體的 ID,用來(lái)標(biāo)識(shí)當(dāng)前頁(yè)面主要內(nèi)容所處的 HTML 標(biāo)簽的 ID

og:price //產(chǎn)品價(jià)格

og:nick //店鋪名

og:postfee //運(yùn)費(fèi)

// 小說(shuō)類(lèi)

og:novel:category // 小說(shuō)目錄

og:novel:author // 小說(shuō)作者

og:novel:book_name // 小說(shuō)書(shū)名

og:novel:read_url // 小說(shuō)閱讀地址

og:novel:status // 小說(shuō)狀態(tài)

og:novel:update_time // 小說(shuō)更新時(shí)間

og:novel:latest_chapter_name // 小說(shuō)最新章節(jié)

og:novel:latest_chapter_url // 小說(shuō)最新章節(jié)地址

// 其他

首頁(yè)一般設(shè)置 og:type 為: website

文章頁(yè)一般設(shè)置 og:type 為:articleh

上面是比較常用的,不同的內(nèi)容類(lèi)型,使用不同的標(biāo)簽。使用這些標(biāo)簽以后,如果把文章分享到Facebook,就會(huì)像下面這張圖一樣展示你的內(nèi)容:

跨境男孩 | OG標(biāo)簽(Open Graph)是什么?圖片來(lái)源:騰訊

OG標(biāo)簽現(xiàn)在的使用越來(lái)越廣泛,不再只局限于社交平臺(tái),作為站長(zhǎng),知道怎么使用這個(gè)標(biāo)簽對(duì)搜索引擎優(yōu)化也是很有用處的,給你的網(wǎng)站添加OG標(biāo)簽就是一項(xiàng)基礎(chǔ)的SEO工作,這也是作為SEO從業(yè)者需要去做的事。


(來(lái)源:跨境男孩)

以上內(nèi)容屬作者個(gè)人觀點(diǎn),不代表雨果跨境立場(chǎng)!本文經(jīng)原作者授權(quán)轉(zhuǎn)載,轉(zhuǎn)載需經(jīng)原作者授權(quán)同意。?

分享到:

--
評(píng)論
最新 熱門(mén) 資訊 資料 專(zhuān)題 服務(wù) 果園 標(biāo)簽 百科 搜索
雨果跨境顧問(wèn)
【爆單沖刺】Google爆單沖刺包
雨果跨境谷歌官方顧問(wèn)

收藏

--

--

分享
跨境男孩
分享不易,關(guān)注獲取更多干貨
曰韩一区二区三区视频| 激情综合五月开心婷婷| 美女MM131爽爽爽|