首页
学习
活动
专区
工具
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标签的概念、使用注意事项以及腾讯云相关产品的介绍。希望对您有所帮助!

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

相关·内容

<meta>标签的作用

<META> 是放于 <HEAD> 与 </HEAD>之间的标记,功用与变化等对,所以我公式化地介绍。 <meta name="Description" content="This is Chris's Home Page"> 该网页的描述,作用于搜索引擎的登录。 <meta name="Keywords" content="Chris, Web, Music, photo"> 该网页的关键字,作用于搜索引擎的登录。 <meta http-equiv="Expires" content="Tue, 09 Dec 1997 00:00:00 GMT"> <meta http-equiv="Pragma" content="no-cache"> 以上行功能相同,都是要浏览器重新载入该页,不要使用快取功能,当然可以修改 Expire (过期)时间。 <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 设定这是 HTML 文件及其编码语系,简体中文网页使用charset=gb2312,繁体中文使用charset=big5,或者不设编码也可,纯英文网页建议使用 iso-8859-1。 <meta name="GENERATOR" content="Mozilla/4.04 [en] (Win95; I) [Netscape]"> <meta name="GENERATOR" content="Microsoft FrontPage 3.0"> 这只表示该网页由什么编辑器写的。 <meta http-equiv="refresh" content="10; url=http://www.hkiwc.com/"> 这行较为实用,能于预定秒数内自动转到指定网址。原代码中 10 表示 10秒。

03

robots协议标准

前两天刚知道用爬虫抓取page有个协议的问题,尤其是对于open source的爬虫,刚看到一篇blog,写的就是如此,难怪之前看google的robots也和另外一个U.S.的网站相同,感情是大家都商量好了, 可能这方面中国的一些站点这种意识要稍微淡一点。。。同时这也害得毕设还得另谋思路。。。     搜索引擎三巨头打的不亦乐乎,但偶尔也合作一下。去年Google,雅虎,微软就合作,共同遵守统一的Sitemaps标准。前两天三巨头又同时宣布,共 同遵守的 robots.txt文件标准。Google,雅虎,微软各自在自己的官方博客上发了一篇帖子,公布三家都支持的robots.txt文件及Meta标签 的标准,以及一些各自特有的标准。下面做一个总结。 三家都支持的robots文件记录包括: Disallow - 告诉蜘蛛不要抓取某些文件或目录。如下面代码将阻止蜘蛛抓取所有的网站文件: User-agent: * Disallow: / Allow - 告诉蜘蛛应该抓取某些文件。Allow和Disallow配合使用,可以告诉蜘蛛某个目录下,大部分都不抓取,只抓取一部分。如下面代码将使蜘蛛不抓取ab目录下其他文件,而只抓取其中cd下的文件: User-agent: * Disallow: /ab/ Allow: /ab $通配符 - 匹配URL结尾的字符。如下面代码将允许蜘蛛访问以.htm为后缀的URL: User-agent: * Allow: .htm$ *通配符 - 告诉蜘蛛匹配任意一段字符。如下面一段代码将禁止蜘蛛抓取所有htm文件: User-agent: * Disallow: /*.htm Sitemaps位置 - 告诉蜘蛛你的网站地图在哪里,格式为:Sitemap: <sitemap_XXXXXX> 三家都支持的Meta标签包括: NOINDEX - 告诉蜘蛛不要索引某个网页。 NOFOLLOW - 告诉蜘蛛不要跟踪网页上的链接。 NOSNIPPET - 告诉蜘蛛不要在搜索结果中显示说明文字。 NOARCHIVE - 告诉蜘蛛不要显示快照。 NOODP - 告诉蜘蛛不要使用开放目录中的标题和说明。 上面这些记录或标签,现在三家都共同支持。其中通配符好像以前雅虎微软并不支持。百度现在也支持Disallow,Allow及两种通配符。Meta标签我没有找到百度是否支持的官方说明。 只有Google支持的Meta标签有: UNAVAILABLE_AFTER - 告诉蜘蛛网页什么时候过期。在这个日期之后,不应该再出现在搜索结果中。 NOIMAGEINDEX - 告诉蜘蛛不要索引页面上的图片。 NOTRANSLATE - 告诉蜘蛛不要翻译页面内容。 雅虎还支持Meta标签: Crawl-Delay - 允许蜘蛛延时抓取的频率。 NOYDIR - 和NOODP标签相似,但是指雅虎目录,而不是开放目录。 Robots-nocontent - 告诉蜘蛛被标注的部分html不是网页内容的一部分,或者换个角度,告诉蜘蛛哪些部分是页面的主要内容(想被检索的内容)。 MSN还支持Meta标签:Crawl-Delay     另外提醒大家注意的是,robots.txt文件可以不存在,返回404错误,意味着允许蜘蛛抓取所有内容。但抓取robots.txt文件时却发生超时 之类的错误,可能导致搜索引擎不收录网站,因为蜘蛛不知道robots.txt文件是否存在或者里面有什么内容,这与确认文件不存在是不一样的。

04

6.超链接-HTML基础

一、何为超链接 1.a标签 在HTML中,使用a标签来实现超链接。 (1)语法格式 文本或图片 ① 说明 href表示想要跳转到的那个页面的路径,可以是相对路径,也可以是绝对路径。 我们可以将文本设置为超链接,即文本超链接;也可以将图片设置为超链接,即图片超链接。 (2)示例 ① 例1-文本超链接 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <

03
领券