微数据标记 - 'Brand > Logo' 带有徽标的图标字体

Question

<a href='' itemscope itemtype='http://schema.org/Brand' itemprop='brand'><i class="logo" itemprop='logo'></i></a>

上面的class='logo' 将字体应用于图标元素。我们能否将 class（例如 font-family: 'AnyFont'; content: '/e600'）中定义的 'glyph' 应用为 Microdata Markup DataType "Brand > Logo" to render the Logo in a rich-snippet，就像图像在丰富代码段中呈现的一样？

这似乎不太可能，因为图像有基于 src="..." 属性的 URL 而字体字符没有，none 我越少研究这个我没有发现关于这个的文档或讨论，并且需要知道社区是否知道一种方法来使它工作，如果它还没有工作。还是我们必须放弃使用图标字体在丰富的片段中显示徽标的许多众所周知的好处？

作为对微数据对图像而不是字体字符的常见应用的验证，我们看到 this heavily used microdata generator doesn't give us an option to apply microdata to an element with a font applied to it. And based on the 'Brand > Logo' documentation，唯一的选项是 ImageObject 和 URL（其中很多非常很可能相信这回答了问题（肯定有一种方法可以做到这一点，而不必回到 4 年前并使用图像而不是字体）。

Answer 1

您可以使用 link 元素（HTML5+微数据中的 may be used in the body）来提供徽标的 URL：

<a itemprop="brand" href="" itemscope itemtype="http://schema.org/Brand">
  <span class="logo"></span>
  <link itemprop="logo" href="logo.png" />
</a>

（我使用了 span instead of i。郑重声明，我不同意通过 CSS 而不是 HTML 包含网站徽标是个好主意。）

微数据标记 - 'Brand > Logo' 带有徽标的图标字体

Microdata Markup - 'Brand > Logo' with Icon Font for Logo

html

fonts

seo

microdata

rich-snippets