zoukankan      html  css  js  c++  java
  • 网站添加头部Meta property=og协议的使用方法详解教程

    Meta Property=og怎么使用?
    如何调用og:type?怎么在文章中调用og:title?如何使用调取文章og:image?本文将介绍什么是Meta Property=og协议以及该协议的用法!

    什么是Meta Property=og协议?
    og是一种新的HTTP头部标记(Open Graph协议)这种协议可以让网页成为一个“富媒体对象”(被其他网站引用等)。目前主流百度,360等等搜索引擎已经支持og富媒体协议!

    Meta Property=og协议的作用?

    1、能够正确被蜘蛛抓取您的内容到百度、360、搜狗等网页搜索;
    2、帮助您的内容更有效的在百度、360、搜狗结构化展现;
    3、能够正确的分享您的内容到SNS网站;
    4、帮助您的内容更有效的在SNS网络中传播;
    Meta Property=og标签的应用
    在<head>和</head>中添加入meta标签,并填上相应的内容
    如果一个页面上有多个需要标识出的内容怎么办?
    简单点说就是增加文章页的友好度

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

    <meta property="og:type" content="article" />
    <meta property="og:title" content="做一个懂秋的女人" />
    <meta property="og:author" content="白露秋霜" />
    <meta property="og:image" content=http://www.mobile.com/logo.jpg" />
    <meta property="og:url" content="http://www.mobile.com">
    <meta property="og:category" content="装修">
    <meta property="og:site_name" content="神经蛙" /> 
    <meta property="og:tag" content="文章,白露秋霜">
    <meta property="og:description" content="人淡如菊,做一个懂秋的女人 白露秋霜  秋意渐浓,一条小路弯弯曲曲地伸向远方" />
    <meta property="og:url" content="http://www.mobile.com/AA.html" />
    <meta property="og:release_date" content="2020年10月16日 09:29" />
    

    Meta Property=og主要标签属性
    og:title 标题
    og:type 类型(常用值:article book movie)
    og:image 略缩图地址
    og:author 作者名称
    og:url 页面地址
    og:release_date 发布时间
    og:description 页面的简单描述
    og:site_name 页面所在网站名
    og:videosrc 视频或者Flash地址
    og:audiosrc 音频地址

    参考资料:http://www.so.com/help/help_3_9.html

  • 相关阅读:
    codeforces 19B Checkout Assistant DP
    bzoj1053: [HAOI2007]反素数ant [搜索]
    【2017泉州基地校集训】雷神领域[二分图][并查集]
    bzoj1433: [ZJOI2009]假期的宿舍 [二分图][二分图最大匹配]
    bzoj 1059: [ZJOI2007]矩阵游戏 [二分图][二分图最大匹配]
    二分图带权匹配-Kuhn-Munkres算法模板 [二分图带权匹配]
    luogu P1332 血色先锋队[bfs]
    匈牙利算法dfs模板 [二分图][二分图最大匹配]
    【2017泉州基地校集训】最优排名[贪心]
    最大流Dinic算法的一些优化 [网络流][最大流]
  • 原文地址:https://www.cnblogs.com/shenjingwa/p/14009445.html
Copyright © 2011-2022 走看看