0

我最近决定通过添加丰富的片段 - 微数据来更新网站。问题是我是这类事情的新手，对此我有一个小问题。

我正在尝试定义组织，您可以从下面的代码中看到：

<div class="block-content" itemscope itemtype="http://schema.org/Organization">
<p itemprop="name">SOME ORGANIZATION</p>
<p itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<span itemprop="streetAddress">Manufacture Street no 4</span>, 
<span itemprop="PostalCode">4556210</span><br />
<span itemprop="addressLocality">CityVille</span>, 
<span itemprop="addressCountry">SnippetsLand</span></p>
<hr>
<p itemprop="telephone">0444 330 226</p>
<hr>
<p><a href="mailto:info@snippets.com" itemprop="email">info@snippets.com</a></p>
</div>

现在，我的问题在于：我还想标记 LOGO 以制作完整的组织配置文件，但徽标位于页面的页眉中，而我在上面发布的 div 位于页脚中并且页面的样式/布局不允许我在此处添加徽标并使其可见。

那么，我该如何解决这个问题呢？最好的解决方案是什么？

谢谢。

4

2 回答 2

1

您可以使用itemref属性。

在标题中提供您的徽标id并添加相应的itemprop：

<img src="acme-logo.png" alt="ACME Inc." itemprop="logo" id="logo" />

现在添加itemref="logo"到您div的页脚：

<div class="block-content" itemscope itemtype="http://schema.org/Organization" itemref="logo">
  …
</div>

如果这在您的情况下是不可能的，您可以“复制”徽标，使其包含在您的 中div，但不可见。微数据允许meta和link元素在body这种情况下。您应该使用该link元素，正如该属性http://schema.org/Organization的 URL 所期望的那样。（或者，将其添加为单独的ImageObject）。logometa

<div class="block-content" itemscope itemtype="http://schema.org/Organization">
  …
  <link itemprop="logo" src="logo.png" />
  …
</div>

旁注：我认为您在示例中没有正确使用该hr元素。如果您只是想显示一条水平线，则应使用 CSS（例如border-top在 上p）。

于 2013-09-23T21:58:13.433 回答
0

丹，您可以使用以下代码简单地添加徽标架构：

<img itemprop="logo" src="http://www.example.com/logo.png" />

因此，在您的示例中，您可以简单地将其标记为：

<div class="block-content" itemscope itemtype="http://schema.org/Organization">
<p itemprop="name">SOME ORGANIZATION</p>
<img itemprop="logo" src="http://www.example.com/logo.png" />
<p itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<span itemprop="streetAddress">Manufacture Street no 4</span>, 
<span itemprop="PostalCode">4556210</span><br />
<span itemprop="addressLocality">CityVille</span>, 
<span itemprop="addressCountry">SnippetsLand</span></p>
<hr>
<p itemprop="telephone">0444 330 226</p>
<hr>
<p><a href="mailto:info@snippets.com" itemprop="email">info@snippets.com</a></p>
</div>

我相信这应该适用于您的特定情况，它实际上不会显示徽标，您不必单独标记徽标。希望有帮助。

于 2013-09-23T17:03:24.007 回答