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="博客园"/>
  • 相关阅读:
    ASP.NET Web API(二):安全验证之使用HTTP基本认证
    对象映射工具AutoMapper介绍
    分享一个基于Bootstrap的 ACE框架 入门(MVC+EF)
    C/C++资料网站
    C++基础:二维数组动态的申请内存和释放内存
    基于dijkstra算法求地铁站最短路径以及打印出所有的路径
    最短路径算法
    Android学习_ContentProvider
    Android_ListActivity使用注意
    Android_Adapter与ListView
  • 原文地址:https://www.cnblogs.com/doinbean/p/10724959.html
Copyright © 2011-2022 走看看