【问题标题】:What is <link rel="image_src">什么是 <link rel="image_src">
【发布时间】:2013-10-16 22:56:09
【问题描述】:

今天我遇到了一个&lt;link rel="image_src"&gt; 标签。我不知道,所以我用谷歌。谷歌告诉我这个标签类似于og:image。所以我来打开图形主站点阅读它http://ogp.me/,但我没有发现链接rel="image_src"。所以这个标签是替换元property="og:image" 还是在另一个规范中的特殊标签中?这个标签是怎么用的或者是用来干什么的?

【问题讨论】:

  • 实际上,我认为这是确定哪些图像被 Facebook 等抓取工具/爬虫抓取的旧方法。

标签: html xhtml


【解决方案1】:

rel 属性指定链接的类型,即文档和链接资源之间的关系类型。通常只使用几个关键字,例如stylesheeticon。尽管已经提出并注册了许多其他关键字,但其中大多数都是只写的:它们旨在表达某些东西,但没有人关心(没有软件使用这些信息)。

HTML5 的扩展机制包括,在link types 的描述中,一种有点晦涩的机制,理论上,任何人都可以在existing rel values wiki 中注册他最喜欢的关键字,以使文档使用它作为rel 值“符合” ”。

image_src确实已经在那里注册了,其信息是用于“指定一个网页图标供Facebook、Yahoo、Digg等使用”,没有确定任何规范,但有一个article关于它被链接到,并且“可能与 rel=icon 冗余”。

【讨论】:

  • “可能与 rel=icon 冗余” 其他网站可能希望显示与简单图标形成对比的预告图。
  • 关于最后一段:Facebook 多年来一直使用它来在 og:image 丢失时生成链接缩略图,现在仍然如此。
  • Facebook 不再使用它了。
  • facebook lint (developers.facebook.com/tools/debug/og/object) 今天正在使用它
【解决方案2】:

您可以使用此标签将图像用作链接共享的拇指。

【讨论】:

    【解决方案3】:

    当有人在 Facebook 等社交媒体上发布指向您网站的链接时,与您的链接一起显示的图片通常是您代码中的第一个图片。这可能不是最适合定义您的网站的图像,并且可能不适合 Facebook 发布的小框。链接 rel="image_src" 标记可让您控制在链接旁边显示的图像(或图像,您可以通过堆叠单独的引用来拥有多个图像)。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-06-17
      • 2012-10-24
      • 1970-01-01
      • 1970-01-01
      • 2019-01-26
      相关资源
      最近更新 更多