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="博客园"/>
  • 相关阅读:
    Django+drf学习过程笔记
    网络编程之socket
    python回收机制
    异常处理
    面向对象
    常用模块
    部分内置模块
    模块的使用、软件开发目录规范
    迭代器、生成器、函数递归调用及二分式
    三元表达式、生成式、匿名函数
  • 原文地址:https://www.cnblogs.com/doinbean/p/10724959.html
Copyright © 2011-2022 走看看