2011-08-24

【Web】Open Graph Protocol

The Open Graph Protocol enables you to integrate your Web pages into the social graph. It is currently designed for Web pages representing profiles of real-world things — things like movies, sports teams, celebrities, and restaurants. Including Open Graph tags on your Web page, makes your page equivalent to a Facebook Page. This means when a user clicks a Like button on your page, a connection is made between your page and the user. Your page will appear in the "Likes and Interests" section of the user's profile, and you have the ability to publish updates to the user. Your page will show up in the same places that Facebook pages show up around the site (e.g. search), and you can target ads to people who like your content. The structured data you provide via the Open Graph Protocol defines how your page will be represented on Facebook.


看了上面的說明,好像網站都要加一下Open Graph Tags 會比較好。
發現很多大站也都加了。像是Youtube 跟 Vimeo,還有Xuite Vlog...
內容如下:
Youtube
 
<meta property="fb:app_id" content="87741124305"> 
<meta property="og:url" content="http://www.youtube.com/watch?v=P40FCDFFkg4"> 
<meta property="og:title" content="So Nyeo Shi Dae - Girls Generation MV [HQ]"> 
<meta property="og:description" content="hi! thankyou to the ppl for leaving nice comments =] i think there will always be haters out there but the ppl that are leaving comments and hating on these ..."> 
<meta property="og:type" content="video"> 
<meta property="og:image" content="http://i1.ytimg.com/vi/P40FCDFFkg4/default.jpg"> 
<meta property="og:video" content="http://www.youtube.com/v/P40FCDFFkg4?version=3&amp;autohide=1"> 
<meta property="og:video:type" content="application/x-shockwave-flash"> 
<meta property="og:video:width" content="396"> 
<meta property="og:video:height" content="297"> 
<meta property="og:site_name" content="YouTube"> 
Vimeo
 
<meta property="og:site_name" content="Vimeo" /> 
<meta property="og:type" content="article" /> 
<meta property="og:title" content="Slow Magic // Corvette Cassette" /> 
<meta property="og:url" content="http://vimeo.com/27304056" /> 
<meta property="og:image" content="http://b.vimeocdn.com/ts/181/208/181208494_200.jpg" /> 
<meta property="og:count" content="47624" /> 
<meta property="og:video" content="http://vimeo.com/moogaloop.swf?clip_id=27304056" /> 
<meta property="og:video:type" content="application/x-shockwave-flash" /> 
<meta property="og:video:width" content="1280" /> 
<meta property="og:video:height" content="720" /> 
<meta property="og:description" content="Directed, Edited and Shot by Brendan Canty of Feel Good Lost www.feelgoodlost.me  Water footage sampled, with kind permission, from the gorgeous Liquify video - http://vimeo.com/13204018 which was directed by Aira http://www.studioaira.com/  Music by..." /> 
Xuite Vlog
 
<meta property="fb:admins" content="100000099892544"> 
<meta property="fb:app_id" content="264593473568235"> 
<meta property="og:site_name" content="Xuite" /> 
<meta property="og:type" content="video" /> 
<meta property="og:title" content="【婚】成長-MV" /> 
<meta property="og:url" content="http://vlog.xuite.net/play/cEFWN2Z6LTMwOTA2MjEubXA0" /> 
<meta property="og:image" content="http://vlog.xuite.net/media/home3/38/31/11851958/50026/720124-3090621.jpg" /> 
<meta property="og:video" content="http://vlog.xuite.net/_v001/MzA5MDYyMQ==&as=1" /> 
<meta property="og:video:type" content="application/x-shockwave-flash" /> 
<meta property="og:video:width" content="640" /> 
<meta property="og:video:height" content="360" /> 
<meta property="og:description" content="感謝各位來參與的朋友啦" /> 

記錄一下有這個東西,以後都要記得加一下。

更詳細請參考:


0 comments:

張貼留言