首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

不要在共享链接的meta标签中使用Og

Og是Open Graph的缩写,是一种用于在社交媒体平台上分享链接时显示预览信息的协议。它定义了一组meta标签,包括标题、描述、图片等,用于告诉社交媒体平台如何展示链接的预览内容。

在共享链接的meta标签中使用Og有以下几个注意事项:

  1. 标题(og:title):应该简洁明了地描述链接的内容,吸引用户点击。推荐使用不超过70个字符的标题。
  2. 描述(og:description):应该提供链接内容的简要描述,概括性地介绍链接的主题。推荐使用不超过200个字符的描述。
  3. 图片(og:image):应该选择一张与链接内容相关的高质量图片作为预览图。推荐使用至少1200x630像素的图片,以适应不同社交媒体平台的展示要求。
  4. 链接(og:url):应该提供链接的完整URL地址,确保社交媒体平台能够正确跳转到链接页面。
  5. 类型(og:type):应该指定链接的类型,如文章、网站、视频等。根据链接内容的不同选择相应的类型。
  6. 其他可选标签:根据需要,还可以使用其他Og标签,如网站名称(og:site_name)、发布时间(article:published_time)、作者(article:author)等。

总结起来,使用Og标签可以让社交媒体平台更好地理解和展示链接的预览内容,提高链接的曝光和点击率。

腾讯云相关产品中,可以使用腾讯云的云服务器(CVM)来搭建网站,使用对象存储(COS)来存储和管理图片等资源,使用内容分发网络(CDN)来加速链接的访问速度。具体产品介绍和链接如下:

  1. 云服务器(CVM):提供弹性计算能力,支持多种操作系统和应用场景。了解更多:腾讯云云服务器
  2. 对象存储(COS):提供安全可靠的云端存储服务,适用于图片、视频、文档等各种类型的数据存储。了解更多:腾讯云对象存储
  3. 内容分发网络(CDN):提供全球加速服务,将内容缓存到离用户最近的节点,提高访问速度和用户体验。了解更多:腾讯云内容分发网络

以上是关于Og标签的概念、使用注意事项以及腾讯云相关产品的介绍。希望对您有所帮助!

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

html链接使用_htmla标签,超链接代码详细介绍「建议收藏」

我们使用电脑或手机上网,能够穿梭在各个网页之间,都是通过超链接实现。超链接就像通向另一个“ 世界”桥梁,我们可以通过它到达另一个“世界”。接下来我们就来学习一下网页链接到底是什么东西。...语法格式:超链接对象 说明:href是a标签中最重要一个属性,指定了连接目标,如果没有该属性,不能使用hreflang、media、rel、target 和 type属性。...超链接代码 三、a标签常用属性 href属性:href是a标签基本属性,定义连接目标; target属性:该属性是使用来定义在何处打开连接,可能值有: _blank:另起一个窗口打开新网页 ;_...self:在当前窗口打开新网页链接(默认);_parent:在iframe框架中使用,平时等同于_self ;_top:等同于_self;说明:a标签除了href属性和target属性这两个常用属性外...不常用就不介绍了,有兴趣朋友可以自行研究一下。 a标签常用属性 四、a标签四个伪类 a标签四个伪类是使用来定义超链接在不同状态下css样式,我们一起来看一看a标签四个伪类用途吧!

3K20

如何给网站添加Web Bookmark

当然 Twitter 也支持 OG 协议OG协议存在于页面meta标签,这些 meta 标签声明就是为了便于其他站点爬虫抓取有效信息用。...这里我们就需要使用OG协议来在网站添加关键信息,其实也就是在meta标签添加信息。 Open Graph Protocol 这里总结下比较常用OG协议配置。...以下提到所有配置都是需要放在meta标签。 最基本配置共有四个,也是每个页面所需。四个必须配置分别是: og:title - 在卡片中显示网站标题。...配置 到现在为止,我们知道了应该将关键信息放到网站meta标签,这里我们采用OG协议。那么现在问题就是如何进行配置,并且需要添加哪些信息?...可以使用YAML语法进行配置,这里我们需要添加meta标签,具体配置如下: meta: - property: og:title content: chuck - property: og

1.4K10

OG标签是什么?

我们博客也是有OG标签,只不过是使用了Yoast SEO插件来实现,head内OG标签代码: OG标签知识 使用OG标签是为了之后进行社会化分享作准备,虽然现在还没有开社交分享功能...,但是日后可能会开,WordPress很方便,但是如果是自己单独开发网站,就要提前把功能加进去,有的社交平台也会通过分享链接地址自动提取里面的OG标签,生成结构化数据,我们来熟悉下OG标签: //...使用这些标签以后,如果把文章分享到Facebook,就会像下面这张图一样展示你内容: OG标签现在使用越来越广泛,不再只局限于社交平台,作为站长,知道怎么使用这个标签对搜索引擎优化也是很有用处

2K40

WordPress SEO优化:添加OG协议标签

翻看一些主流网址网页源代码,在 HTTP 头部经常能看到一些 og:type、og:title、og:image meta 标签。这些 OG 是什么东西?有什么用?...meta property="og:description" content="函数get_bloginfo()和bloginfo(),可以获取 WordPress 用户资料与常规设置信息,例如博客标题...//页面所在网站名og:audiosrc //音频地址rr:appid //如果您网站是CONNECT到renren.com,请提供该IDog:videosrc //视频资源链接,例如可是播放视频...标签IDog:price //产品价格og:nick //店铺名og:postfee //运费要注意两点第一点:一个网页可以重复同样 meta 标签,一般使用 og:type 标签将其分割,也就是...添加 OG 协议标签,常见插件一般是 Yoast SEO 或者 The SEO Framework(The SEO Framework 性能比较好,带有缓存功能)如何使用纯代码添加呢?

95400

如何给网站添加Web Bookmark

常见场景有: 比如说发推特时,输入一个链接,就会自动生成一个卡片。 使用Notion写文章时,粘贴一个URL就会提示是否创建bookmark。 在即刻上面发送动态时,粘贴URL也会生成一个卡片。...当然 Twitter 也支持 OG 协议OG协议存在于页面meta标签,这些 meta 标签声明就是为了便于其他站点爬虫抓取有效信息用。...这里我们就需要使用OG协议来在网站添加关键信息,其实也就是在meta标签添加信息。 Open Graph Protocol 这里总结下比较常用OG协议配置。...以下提到所有配置都是需要放在meta标签。 最基本配置共有四个,也是每个页面所需。四个必须配置分别是: og:title - 在卡片中显示网站标题。...og:image:secure_url - 如果网页需要HTTPS,可以使用另一个URL。 og:image:type - 该图片MIME类型。

94750

详谈WordPress 360&百度搜索引擎展现出图策略

智能摘要可以帮助网站在搜索结果展现更丰富,带来更多点击。需要提供网站结构化数据,在网站页面插入相应协议标签但需要依据站点模板进行适配。...--选填--> <meta property="og:novel:update_time...比如钻芒博客,在前端页面插入博客类型摘要标签规范。那么360蜘蛛抓取时候就方便取到相关信息。从而更有利于展现出图及展现拓展。效果预览如下:图片但是这里也是有一些定义条件。...:页面访问不稳定、死链、失效,站点质量差,提交标签内容错误,标签信息与页面相关性较差等情况一个站点,一种类型,提交一个预览页面地址即可,提交预览页面必须是已经正确插入协议标签内容页,请勿重复提交,

1.1K20

meta标签大全(荐)

htmlmeta总结(常用) 1、Meta标签大全 <!...5、IOSSafari设置保存到桌面图标: 这是IOSSafari特有的meta,是在你保存某个页面到桌面的时候使用这张图作为桌面图标,so,尺寸和iphone上一致,是57*57px <link...---- html标签meta属性使用介绍   meta是html语言head区一个辅助性标签。也许你认为这些代码可有可无。   ...meta标签作用有:搜索引擎优化(SEO),定义页面使用语言,自动刷新并指向新页面,实现网页转换时动态效果,控制页面缓冲,网页定级评价,控制网页显示窗口等!   ...各个消息指令含义如下 Public指示响应可被任何缓存区缓存 Private指示对于单个用户整个或部分响应消息,不能被共享缓存处理。

74630

优化property=og标签,让你网站在搜索引擎面前更优雅

property=og 标签使用方法是,在 添加 形式,其中 xxx 表示属性名,yyy 表示属性值。...帮助您内容更有效在SNS网络传播; Meta Property=og 主要标签属性 og:title 网页标题 og:type 网页类型(常用值:article 、book 、movie 、video...property="og:description" content="本文介绍了property=og标签概念、用法和优势,以及如何在WordPress添加该标签。"...=og标签注意 一个网页可以重复使用同样 property=og 标签,但要用 og:type 标签将其分割,表示不同内容段落。...property=og 标签不等同于 meta name 标签,两者针对对象不一致,功能不同。如果要使用 property=og 标签,应同时赋值 meta name 和 title 标签

1.4K40

个人博客建设——Hexo主题icarus_config.icarus.yml配置参数注释

于是乎我又准备重新建一个项目,并在其基础上更换一套新模板,并与Typore.md文件进行使用尝试,近期这几篇可能就是这个系列来进行了。...正文 本篇用于记录我在Hexo个人博客中使用icarus主题中配置文件,为了方便使用该主题小伙伴们进行配置,我根据该主题提供一些说明进行整理到了配置文件,方便英语弱小伙伴使用。...生成与Meta标签 # https://developer.mozilla.org/en-US/docs/Web/Manifest manifest: # web应用程序名称...# _config.post.yml配置对所有文章生效,而_config.page.yml配置对所有自定义页面生效。 # 这两个文件将覆盖主题配置文件配置。...: 3 # 链接小部件配置 - # 左边栏还是右边栏 position: left type: links # 站点名称和

74730

利用og富媒体标签,提升网站在搜索引擎竞争力

它不仅能为我们网站带来诸多优势,还能让我们在激烈竞争脱颖而出。 首先,我们来认识一下什么是OG标签OG,全称Open Graph,即开放图形,是一种用于描述网页内容标准协议。...那么,OG标签在我们SEO工作能发挥哪些作用呢? 提高网站点击率:在社交媒体平台上,我们网页标题、描述和图片等信息都是通过OG标签来展示。...既然OG标签对我们SEO工作有这么多好处,那么如何正确使用它呢?其实很简单,我们只需在网页部分添加相应OG标签代码即可。...文章摘要或描述..." />          <meta property="og:url" content...掌握并正确使用OG标签对于我们优化网站、提高排名具有重要意义。希望大家在今后学习和折腾,能够充分利用OG标签,让我们网站在竞争激烈市场脱颖而出!

17010
领券