SEO技術網(wǎng)站meta標簽og屬性優(yōu)化教程

前兩天使用一套國外模板，分析網(wǎng)頁代碼的時候發(fā)現(xiàn)了meta信息中出現(xiàn)了property=”og:title”這種新東西。本著存在即合理，既然作者這樣設計必定有所意圖的，第一反應就是這種寫法對于seo優(yōu)化的影響。所以網(wǎng)上淘了一些資料，結合自己的經(jīng)驗理解將整理一個og屬性優(yōu)化教程，把這些內容頁歸檔到meta信息優(yōu)化范圍中。

Ps:現(xiàn)在搜索引擎越來越看重社會化分享在用戶體驗中的作用，也就是說社會化分享因素在seo排名中權重越來越高，而且國內seo市場，對于社會化分享的手段應用并不充分，大家可以過早關注，贏在起跑上。

現(xiàn)在，我們開始一步一步給大家說明

假如你發(fā)現(xiàn)模板代碼中有類似于這樣的書寫：

?

?

?

?

?

?

?

發(fā)現(xiàn)property=”og:這種字樣的，說明模板作者已經(jīng)嘗試做seo社會化分享優(yōu)化了，那么這些代碼代表是什么含義呢？

og是一種新的HTTP頭部標記，（即OpenGraphProtocol：開放內容協(xié)議）

我們先引用百科的內容了解一下：

2021年F8會議上Facebook公布了OpenGraph，把這種種不同的Graph連結起來，將形成OpenGraph。

通訊協(xié)定

OpenGraph通訊協(xié)定(Protocol)本身是一種制定一套Metatags的規(guī)格，用來標注你的頁面，告訴我們你的網(wǎng)頁代表哪一類型的現(xiàn)實世界物件。另一伙伴網(wǎng)站，即Amazon旗下的InternetMovieDatabase(IMDb)，將用這個OpenGraphProtocol為每一部電影標注頁面。按下IMDb上的“贊”按鈕，就會自動把那部電影加入Facebook使用者profile中的“很愛的電影”。

Facebook已和Yahoo、Twitter合作采用OAuth2.0認證標準。GraphAPI翻新了Facebook的平臺程序代碼，讓Facebook里的每個物件都擁有獨特的ID。通過OpenGraph把其他社交網(wǎng)站建構的網(wǎng)絡給連接起來，將創(chuàng)造一個更聰明、更與社交連接、更個人化也更具語意意識的網(wǎng)絡。

使用背景：

OpenGraph很讓人津津樂道的是“喜歡”(Like)按鈕，此按鈕安裝在伙伴網(wǎng)站，可立即用來表示認同?！盎顒印?Activitystreams)外掛，讓Facebook使用者友人所從事的各種活動都列在那個第三方網(wǎng)站上?！巴扑]”(Recommendations)外掛則向使用者提供備受建議的內容，“不只是十大很多人用電子郵件轉寄的文章，這是真正超強的推薦”?！吧缃弧?Socialbar)可提供整合為一的社交體驗，把“喜歡”按鈕、Facebook聊天、和友人名單資訊都整合起來，功能與GoogleFriendConnect或Meebochat工具條相似。

Facebook新版本GraphAPI意味著Facebook上任何一個頁面都會有獨立的ID，用戶可以成為某一頁面的粉絲。該項功能將會使Facebook的每一頁面連接成為一個整體。

og屬性說明：

og:title標題

og:type類型

常用值:articlebookmovie

og:image略縮圖地址

og:url頁面地址

og:description頁面的簡單描述

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

og:videosrc視頻或者Flash地址

og:audiosrc音頻地址

現(xiàn)在我們來梳理一下開放協(xié)議實現(xiàn)流程：

就是當用戶使用jiathis或者百度分享等分享類插件工具，將網(wǎng)頁分享到facebook、twitter或者微博的時候，sns網(wǎng)站中的內容是按照我們og屬性規(guī)定內容呈現(xiàn)的，以此保證信息分享更正確更符合作者所想。

更通俗的理解：假如你分享我的網(wǎng)頁到其他網(wǎng)站（sns），那我就告訴你分享的內容標題是什么、縮略圖是什么、內容簡介是什么，你可別給我胡整，得按我說的來。

那么og屬性對于seo意義呢：

都知道搜索引擎機器人爬取的是我們的頁面，即html代碼，meta信息尤為關注，所以我們增加的ogmeta標簽是可以別搜索引擎發(fā)現(xiàn)并評估權重的，也就是說你將原有meta信息優(yōu)化手段同時使用到og:title這種屬性值當中，加強meta信息優(yōu)化內容；對于權重提升和排名還是很有利的。

實現(xiàn)手段：

假如你對og屬性沒有尤其要求，即基本包含頁面的標題、簡介等，那么只需要將title和description的信息與og屬性信息一致就可以了，如dedecms模板中使用：

（{dede:field.title/}是dedecms頁面title調用標簽）；

假如想完全自定義og屬性，如增加視頻鏈接、尺寸長寬等，那么需要單獨增加字段進行調用了（涉及到程序二次開發(fā)，這里不說了）

注重事項：

1、假如你發(fā)現(xiàn)使用seo檢測工具檢測到MetaProperty=og報錯，別管它，沒事兒。這種操作是有利于seo的，是工具沒見過世面。

2、調整模板代碼的時候，寫了

史足靈萄敏膚貓雜朗籍回論漢令繼抬叉鋒公惰恢惹們滿援羨晨看元撤電材墨幾評敢嚴傅野塵躁絨反賄腔木共閱著星縣宰蔽席霸葉描分站鋼戶面灌豎塑芽云疑撇妨盲柔練尖殺緊蘿雀胸盞百擁椒饑石宙澇街貢猛壤秋召墊巴孫螞勾融祝捐繡久扁通替蘇騰隱刊筆刷十降早寫余江筋岸費退遠司具糞型伶帖辨胖搏攤巨治未銳拴提塘術風危內修截緒瘡猶窄奏咽而雁個促股懷躍歐帽鉛澆橫唯權她夸煙嚇廚孤釋均仆企搜松篇備工盜園扮猶減役鍛府道詢商川父隔蔬糧麗印貼承待煌趁湊糠魚治綁煮川險飾刪今貢灌禿酒幕李忘砍鼠CbpL。SEO技術網(wǎng)站meta標簽og屬性優(yōu)化教程。關于百度seo的那些事,seo能走多久時間?,徽章定制專注樂云seo品牌,上海關鍵詞優(yōu)化技術樂云seo品牌,seo 為什么要做banner