網站新增頭部Meta property=og協議的使用方法詳解教程
阿新 • • 發佈：2020-11-20
Meta Property=og怎麼使用？
如何呼叫og:type？怎麼在文章中呼叫og:title？如何使用調取文章og:image？本文將介紹什麼是Meta Property=og協議以及該協議的用法！
什麼是Meta Property=og協議？
og是一種新的HTTP頭部標記（Open Graph協議）這種協議可以讓網頁成為一個“富媒體物件”（被其他網站引用等）。目前主流百度，360等等搜尋引擎已經支援og富媒體協議！
Meta Property=og協議的作用？
1、能夠正確被蜘蛛抓取您的內容到百度、360、搜狗等網頁搜尋；
2、幫助您的內容更有效的在百度、360、搜狗結構化展現；
3、能夠正確的分享您的內容到SNS網站；
4、幫助您的內容更有效的在SNS網路中傳播；
Meta Property=og標籤的應用
在<head>和</head>中新增入meta標籤,並填上相應的內容
如果一個頁面上有多個需要標識出的內容怎麼辦？
您可以重複meta標籤，將認為og:type 標籤是每一段內容的起始處
<meta property="og:type" content="article" /> <meta property="og:title" content="做一個懂秋的女人" /> <meta property="og:author" content="白露秋霜" /> <meta property="og:image" content=http://www.mobile.com/logo.jpg" /> <meta property="og:url" content="http://www.mobile.com"> <meta property="og:category" content="裝修"> <meta property="og:site_name" content="神經蛙" /> <meta property="og:tag" content="文章,白露秋霜"> <meta property="og:description" content="人淡如菊，做一個懂秋的女人 白露秋霜 秋意漸濃，一條小路彎彎曲曲地伸向遠方" /> <meta property="og:url" content="http://www.mobile.com/AA.html" /> <meta property="og:release_date" content="2020年10月16日 09:29" />
Meta Property=og主要標籤屬性
og:title 標題
og:type 型別（常用值:article book movie）
og:image 略縮圖地址
og:author 作者名稱
og:url 頁面地址
og:release_date 釋出時間
og:description 頁面的簡單描述
og:site_name 頁面所在網站名
og:videosrc 視訊或者Flash地址
og:audiosrc 音訊地址
參考資料：http://www.so.com/help/help_3_9.html