<meta property="og:需要写的标签"的应用

最新推荐文章于 2024-07-23 03:40:56 发布
最新推荐文章于 2024-07-23 03:40:56 发布
阅读量2k 收藏
点赞数
分类专栏： HTML 文章标签： Meta property og 开放内容协议 OGP

原文：http://gaoke0820.blog.163.com/blog/static/21664965201385104151396/

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标签，你得在后台设置好，不然，就是空白.

另外，可以看看这篇文章：

HTMl中Meta标签详解以及meta property=og标签含义 http://www.frontfuns.com/forum.php?mod=viewthread&tid=112


joyhen
关注
专栏目录
HTMl中Meta标签详解以及meta property=og标签含义
lzqial1987的专栏
07-08 2013
meta是用来在HTML文档中模拟HTTP协议的响应头报文。META标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的<HEAD>标记和<TITLE>标记之间，它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题，或者是定义用户浏览器上的cookie；它可以用于鉴别作者，设定页面格式，标注内容提要和关键字；还可以设置页面使其可以根据你定义的时间间隔刷新自己,以及设置RASC内容等级，等等。 name 属性 1、<meta nam
增加seo好感度，wordpress给文章增加og协议，即meta标签形式如 meta property=”og:
wtuocm的博客
04-26 1040
这个标题是什么意思？什么是og协议。先不说到底是什么意思。可能大家在一些博客上面，有时候一篇文章，你查看源代码的时候，会在里面，发现如“meta property=”og:description””、“meta property=”og:site_name””之类的代码。这个就是og协议。 这个协议有什么好处？据说这个东西是标明原创的一个要素。经过小白几个网站的测试。使用这个og协议的网站，明显百度要更青睐。收录更快。这是我亲测得到的结果。所以，我准备把其他几个没有og协议的站点也改进一下。 本.
meta property=og标签含义及作用
GeniusSnail
12-14 7636
Meta Property=og标签是什么呢?5 `: `0 U3 z& e2 i0 |8 O; R8 E( C 　　og是一种新的HTTP头部标记，即Open Graph Protocol： ) F' e' P8 w2 a3 c  F# t3 f 　　The Open Graph Protocol enables any web page to become a rich obje
meta标签
arthur的博客
02-13 264
meta标签
如何给网站添加 OG 协议
白泽的博客
10-29 1005
示例参考： <meta property="og:site_name" content="Colby Fayock" /> <meta property="og:title" content="Anyone Can Map! Inspiration and an introduction to the world of mapping - Colby Fayock" /> <meta property="og:description" content="..
seo-social-meta-tags:网站的社交和SEO元标记的完整集合
05-24
1. `<meta property="og:title">`：Open Graph（OG）标题，定义了在Facebook、LinkedIn等平台上分享时显示的标题。 2. `<meta property="og:description">`：OG描述，用于分享时的预览文本。 3. `<meta property=...
【Facebook分享】网页针对Facebook分享做爬虫优化（开放图谱标签）
snow_finland的专栏
03-28 1984
App分享到Facebook在2019年政策上有了变化，将无法再通过指定分享的标题、描述、图片等，而是提供了在被分享的网页链接上加上特定的标签供Facebook的爬虫抓取来（Facebook称为开放图谱标签）。 <meta property="og:url" content="https://dev.demo.com/test.php" /> <meta property="...
关于网站的meta标签里有property="og:title"
farmerXU的博客
05-13 5422
无意中看到一个人博客网站的源代码meta里面property="og:title"觉得好奇就查了一下； og是一种新的HTTP头部标记，即Open Graph Protocol，这种协议可以让网页成为一个“富媒体对象”。 OG主要标签属性 og:title 标题 og:type 类型 常用值:article book movie og:image 略缩图地址 og:url 页面地址 og:description 页面的简单描述 og:site_name 页面所在网站名 og:videosrc 视频或者F
metaproperty(className, propertyName)：更容易检索 meta.property 对象。-matlab开发
05-29
包括这三个功能： - 元属性（类名，属性名） - 元属性（类名） - meta.property.fromName(className, propertyName) 通过 ?-operator 和 metaclass- 或 meta.class.fromName- 函数可以方便地在 MATLAB 中检索 meta.class 对象。 此提交旨在提供类似的方法来检索 meta.property 对象。 元属性函数的输入非常灵活。 需要 meta.property 对象的一个​​突出例子是 event.proplistener 对象的构造。 还可以查看这些函数的帮助以了解有关它们的更多信息。 metaproperty函数采用可选参数来基于属性属性过滤结果。
meta的属性
路在脚下，幸福在手中，莫贪！！！！！
06-14 1867
meta的属性 参考文献：1、http://www.cnblogs.com/esshs/articles/157588.html                      2、http://www.oschina.net/question/54100_17414 1、Content-Type和Content-Language (显示字符集的设定) 　　说明：设定页面使用的字符集，用以说明主
网站添加头部Meta property=og协议的使用方法详解教程
最新发布
weixin_41876860的博客
07-23 261
Meta Property=og怎么使用？如何调用og:type？怎么在文章中调用og:title？如何使用调取文章og:image？本文将介绍什么是Meta Property=og协议以及该协议的用法！什么是Meta Property=og协议？og是一种新的HTTP头部标记（Open Graph协议）这种协议可以让网页...
HTML中Meta标签详解以及meta property=og标签含义
热门推荐
喵叫兽的博客
09-18 1万+
  meta是用来在HTML文档中模拟HTTP协议的响应头报文。META标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的&lt;HEAD&gt;标记和&lt;TITLE&gt;标记之间，它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题，或者是定义用户浏览器上的cookie；它可以用于鉴别作者，设定页面格式，标注内容提要和关键字；还可以设置页面使...
HTMl综合各大网站谈谈Meta标签和meta property=og标签含义
weixin_40916042的博客
03-11 6060
看看国内一些网站头部meta的设置： 1.天猫首页 &lt;meta charset="utf-8"/&gt; &lt;meta name="renderer" content="webkit"/&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=Edge"/&gt; &lt;meta na
import requests import re import os list_url='https://www.biquge66.net/book/29689/' headers={ 'User-Agent':'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36' } html_data=requests.get(url=list_url, headers=headers).text name=re.findall('<meta property="og:novel:book_name" content="(.*?)" />',html_data)[0] file = f'{name}' if not os.path.exists(file): os.mkdir(file) url_list=re.findall('<a id="haitung" href="(.*?)"',html_data) for url in url_list: url='https://www.biquge66.net'+url headers={ 'User-Agent':'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36' } response=requests.get(url=url, headers=headers) title=re.findall('<span class="divcss5">(.*?)</span>',response.text)[0] content=re.findall('<div id="booktxt"><p>(.*?)<div class="content">',response.text)[0].replace('</p>','\n') content=content.replace('<p>','') print(title,'\n') print(content) print(url) with open(file + name + '.txt',mode='a',encoding='utf-8')as f: title=title.center(60) f.write(title) f.write('\n\n') f.write(content) f.write('\n')我这代码有什么问题吗
06-10
1. 变量 `list_url` 未定义，你需要将其定义为小说目录页的 URL。 2. 在第 7 行，你从小说目录页中提取小说名称时，使用了正则表达式，但是正则表达式中的内容可能因网页结构变化而失效。建议使用 BeautifulSoup 库...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值