gpt4 book ai didi

html - 同一页面上的多个对象需要 rel=canonical URI

转载 作者:可可西里 更新时间:2023-11-01 13:38:24 25 4
gpt4 key购买 nike

编辑:这个问题很长,包括几个我正在寻找的例子。我找到了答案(见下文),那就是确实存在类似的东西,你可以在 schema.org 上阅读所有相关内容。 .

我希望能够将某些语义信息附加到同一页面上的几个不同项目。例如,我的页面有一个歌曲列表,看起来有点像:

<div class="song">
<img src="cover-art-image" />
<p>Description on image</p>
<a id="..." href="link-to-song">View song</a>
</div>
<div class="song">
...
</div>

现在,我想显示有关这些对象(在本例中为歌曲)的语义信息,因此我们将语义数据包含在 <meta> 中歌曲实际页面上的标签(以及 <link rel="author" ...> 等)。

所以我想知道最好的通信方式是什么(与搜索引擎、JavaScript 代码,或者在我们的例子中是浏览器插件)链接 "View song"是唯一描述语义对象(元数据和所有)的 URI。

我读过有关使用 link rel="canonical" 的信息,但据我所知,这意味着在标题中使用,以描述当前页面(或者,通知搜索引擎当前页面的规范表示是什么),而我想要传达的是,我们想要描述一个显示在当前页面上的子对象。所以,在一个理想的世界里,我会写这样的东西:

<div class="song">
<img ... />
<p> ... </p>
<a href="link-to-song" rel="canonical">View Song</a>
</div>

描述href末尾的东西(即歌曲的页面)是父 HTML 节点的规范表示。但是,这并不是真正的 rel="canonical"意思是:是否有类似的已经定义的东西可以做(即交流)我想要的?

如果不是,那么实现这种事情的最“网络友好”方式是什么?我确定只是使用多个 rel="canonical"链接不是这样做的方式(最好不要通过尝试嵌入实际上应该有用的语义数据来冒犯搜索引擎)。

我唯一能想到的就是放一些类似的东西

<a href="..." rev="summary"> ... </a>

以反射(reflect)此处显示的内容是条目主页上内容的摘要 - 但我不认为这被解释为“范围”意味着“包含此链接的 DOM 节点是 . ..”.

编辑:关于如何使用它的另一个例子(以防我的意思不清楚)可能是让博客帖子上的每条评论都包含这样一个链接,该链接将唯一标识与该特定关联的 URI邮政。在该链接之后,您会找到一个页面,其中包含例如<link rel="author"...>评论的信息、返回发表评论的帖子的链接等。

编辑:为了更清楚地说明我的意思,我们已经使用了像这样的元数据

<link rel="canonical" href="..." />

<head>用于传达有关在this URI 中描述的对象(或内容)的语义数据的页面。因此,存在于 <head> 中的元数据可以被认为是页面级别的范围(滥用术语)。我想知道我们如何在页面的各个部分级别确定元数据的范围(因此在上面的示例中,我想在包含它们的 DOM 节点级别确定元信息的范围)。以下是无效的标记(并且会被搜索引擎惩罚,原因很明显),但说明了我的意思:

<html>
<head>
<link rel="canonical" href="/canonical/representation/of/this/page.html" />
</head>
<body>
<div id="item1">
<a rel="canonical" href="/canonical/representation/of/item1.html" />
<p>Some local description of item2</p>
</div>
<div id="item2">
<a rel="canonical" href="/canonical/representation/of/item2.html" />
<p>Some local description of item2</p>
</div>
</body>
</html>

然后在地址 /canonical/representation/of/item1.html我们可能会找到一些语义数据(例如,Open Graph 数据):

<html prefix="og: http://ogp.me/ns#">
<head>
<meta property="og:title" content="Some title" />
<meta property="og:type" content="music.song" />
<meta property="og:url" content="/canonical/representation/of/item1.html" />
</head>
<body>
<!-- User-facing content of the page -->
</body>
</html>

这种关系需要 rel=... 的原因marker 是我们想将它标记为一个包含页面特定部分的相关语义数据的标记(而不是页面中可能指向任何地方的其他链接),并且应该跟随想要发现此类数据的程序(然后可以知道它仅与链接所在的特定 DOM 节点“限定”的页面部分有关。

最佳答案

事实证明,这已经完成了,使用微数据。它没有得到与 <canvas> 相同的关注。 、原生视频和 friend ,但它是 HTML5 规范的一部分 ( here ),甚至意味着拥有一个 JavaScript API(尽管 Opera 是迄今为止唯一实现它的浏览器——这并不奇怪)。

更好的是,事实证明像 Google、Bing 和 Yahoo!都关心这个东西,创造了schema.org对其进行记录(以及提供完整的现成数据类型列表)。

关于html - 同一页面上的多个对象需要 rel=canonical URI,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10505051/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com