meta property=og标签含义及作用

来源:互联网 发布:mac菜单栏看怎么设置 编辑:程序博客网 时间:2024/04/27 20:00

转载地址: http://bbs.xiusheji.net/thread-2173-1-1.html


Meta Property=og标签是什么呢?

  og是一种新的HTTP头部标记,即Open Graph Protocol:

  The Open Graph Protocol enables any web page to become a rich object in a social graph.

  即这种协议可以让网页成为一个“富媒体对象”。

  用了Meta Property=og标签,就是你同意了网页内容可以被其他社会化网站引用等,目前这种协议被SNS网站如Fackbook、renren采用。

  SNS已经成为网络上的一大热门应用,优质的内容通过分享在好友间迅速传播。为了提高站外内容的传播效率,2010年F8会议上Facebook公布了一套开放内容协议(Open Graph Protocol),任何网页只要遵守该协议,SNS就能从页面上提取最有效的信息并呈现给用户。


Open Graph Protocol应用指南参与到Open Graph Protocol的好处

  ● 能够正确的分享您的内容到SNS网站

  ● 帮助您的内容更有效的在SNS网络中传播

Meta Property标签的应用

  ● 按照您网页的类型,在<head>中添加入meta标签,并填上相应的内容

  ● 如果一个页面上有多个需要标识出的内容怎么办?

  您可以重复meta标签,将认为og:type 标签是每一段内容的起始处,例如:

  <meta property="og:type" content="video"/> 

  <meta property="og:title" content="五月天_突然好想你MV现场版"/>

  <meta property="og:image" content="http://g1.ykimg.com/0100641F464AC21FF0B3ED00F48F151F43D4BF-5F0F-BD39-76EA-E5E20A1887C4"/>

  <meta property="og:url" content="http://v.youku.com/v_show/id_XMTIyMTY5NzMy.html"/> 

  <meta property="og:videosrc" content="http://player.youku.com/player.php/sid/XMTIyMTY5NzMy&isAutoPlay=true/v.swf"/>

  <meta property="og:width" content="500″ /> 

  <meta property="og:height" content="416″ /> 

  <meta property="og:type" content="video"/> 

  <meta property="og:title" content="五月天_突然好想你MV现场版_AA"/> 

  <meta property="og:image" content="http://g1.ykimg.com/0100641F464AC21FF0B3ED00F48F151F43D4BF-5F0F-BD39-76EA-E5E20A1887C44444"/> 

  <meta property="og:url" content="http://v.youku.com/v_show/id_XMTIyMTY5NzMyyyyyyyyyyyyyyyy.html"/> 

  <meta property="og:videosrc" content="http://player.youku.com/player.php/sid/XXXXXXXXXXXXMTIyMTY5NzMy&isAutoPlay=true/y.swf"/> 

  <meta property="og:width" content="600" /> 

  <meta property="og:height" content="716"/> 

  ● 安装SNS网站插件如人人网插件,同样会出现Meta Property标签,卸载后可以去除。


使用Open Graph Protocol应注意

  meta property=og代码的功能并不等同于网页的meta name标签,两者针对的对象不一致,功能不同。

  如果网站上要使用Open Graph Protocol,那么,meta property=og和meta name、Title标签应同时赋值。

  文章开头举例的B2C网站,<head>如下:

  <head> 

  <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> 

  <title>Cool Gadgets at the Right Price - Worldwide Free Shipping - ******</title> 

  <meta property="og:title" content="**’sFacebook" /> 

  <meta property="og:type" content="product"/> 

  <meta property="og:url" content="http://www.******.com" /> 

  <meta property="og:image" content="http://www.******.com/logo.gif"/> 

  <meta property="og:site_name" content="******.COM" /> 

  <meta property="og:description" content="CoolGadgets at the RightPrice - Worldwide Free Shipping - ******"/> 

  <meta property="fb:admins" content="100001422224225" /> 

  <meta property="fb:page_id" content="241333394220"/> 

  <link href="/css/reset.css" rel="stylesheet"type="text/css" /> 

  <link href="/css/default/all.16666.css" rel="stylesheet" type="text/css" /> 

  <script type="text/javascript" src="/shop.js"></script> 

  <script type="text/javascript" src="/scripts/all.16666.build.js"></script> 

  <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> 

  <meta name="description" content="Online shopping for cool gadgets at the right price. " /> 

  <meta name="keywords" content="cool gadgets, cheap gadgets, free shipping" /> 

  </head> 

  如果你用上了Meta Property标签,你得在后台设置好,不然,就是空白.


Open Graph Protocol对SEO的影响

  有些人使用所谓的网站质量在线检测,检测后结果提示Meta Property=og这段代码有问题,特别是一些SEO的检测,更是提示“特别错误”!然后删除Meta Property=og代码,检测正常。

  因此担心Meta Property=og这段代码会对网站照成不良影响。

  其实Open Graph Protocol并不会对SEO照成不良影响,相反,应用的合理,非常有利于网站的推广。


原创粉丝点击