zoukankan      html  css  js  c++  java
  • og协议-有利于SNS网站分享

    一丶前言

    全球快递toWhere官网发现使用og协议,并且支付宝和淘宝活动源码也会添加og协议,查阅资料弄清og协议是什么,此刻附上og协议官方文档

    一丶什么是og协议

    Open Graph通讯协定(Protocol)本身是一种制定一套Metatags的规格,用来标注你的页面,告诉我们你的网页代表哪一类型的现实世界物件。
    Open Graph协议使任何网页都成为社交图中的丰富对象。例如,这在Facebook上用于允许任何网页具有与Facebook上的任何其他对象相同的功能。

    Facebook已和Yahoo、Twitter合作采用OAuth 2.0认证标准。任何网页只要遵守该协议,SNS网站就能从页面上提取最有效的信息并呈现给用户,也能让SNS网站按照页面上og标签规定的内容呈现给用户。

    二丶参与到og协议的好处

    1.有利于正确的分享您的内容到SNS网站(Social Networking Services,如微博,人人,Twitter,Facebook等社交网站)

    2.有利于您的内容更有效的的在SNS网站中传播

    3.加强meta信息优化内容,有利于对于权重提升和排名

    三丶og标签的书写

    og:type 表示页面的类型,当有两个不同类型,以og:type开头为分隔,所以我觉得不管一个还是两个类型,都应该放在前面

    og:type 表示页面的类型,常用值:article、website、book、movie、music、news等

    og:title 页面的标题

    og:description 页面的简单描述

    og:url 页面地址

    og:image 略缩图地址

    og:site_name 页面所在网站名

    og:videosrc 视频或者Flash地址

    og:audiosrc 音频地址

    og:determiner 标题前的单词(eg:a, an, the, "", auto)

    og:locale 标记区域

    四丶举例代码

    1     <meta property="og:type" content="website"/>
    2     <meta property="og:title" content="og协议"/>
    3     <meta property="og:description" content="介绍og协议是什么,为什么要使用og协议以及怎么使用"/>
    4     <meta property="og:url" content="http://www.xxxx.com"/>
    5     <meta property="og:image" content="http://xxxx.png"/>
    6     <meta property="og:site_name" content="博客园"/>
  • 相关阅读:
    Mac php使用gd库出错 Call to undefined function imagettftext()
    centos 使用 locate
    Mac HomeBrew 安装 mysql
    zsh 命令提示符 PROMPT
    新的开始
    Java 面试题分析
    Java NIO Show All Files
    正确使用 Volatile 变量
    面试题整理 2017
    有10阶梯, 每次走1,2 or 3 阶,有多少种方式???
  • 原文地址:https://www.cnblogs.com/doinbean/p/10724959.html
Copyright © 2011-2022 走看看