Question

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

以上class='logo'将字体应用于图标元素。我们是否可以将类中定义的“字形”（例如font-family: 'AnyFont'; content: '/e600'）应用为Microdata Markup数据类型"Brand > Logo“，以使rich-snippet中的徽标与图像相同会在rich-snippet中呈现吗？

这似乎不太可能，因为图片具有基于URL的src="..."属性而字体字符没有，但是我一直在研究这个我发现没有关于这个和需要的文档或讨论了解社区是否已经意识到如果它已经无法正常工作的方法。或者，我们是否必须放弃使用图标字体在富片段中显示徽标的许多众所周知的好处？

作为对图像而不是字体字符的微观数据的常见应用的验证，我们看到this heavily used microdata generator没有给我们选择将微数据应用于应用了字体的元素。基于'Brand > Logo' documentation，唯一的选项是ImageObject和URL（很多人可能会认为这回答了这个问题（必须有一种方法可以做到这一点，而不必去回来4年并使用图像而不是字体））。

Answer 1

您可以使用link元素（HTML5 + Microdata中的may be used in the body）来提供徽标的网址：

<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包含网站徽标是个好主意。）

微数据标记 - '品牌＆gt;徽标'带徽标的图标字体

1 个答案: