Question

我正在为我的客户网站建立一个团队页面。

团队页面包含其员工列表以及以下详细信息：

图像
Twitter链接
Facebook链接
姓名
指定（CEO /创始人等）。

如何使用schema.org中的元数据添加以上字段的所有？

这是我到目前为止所提出的。

    <ul>
        <li>
            <article itemscope itemtype="http://schema.org/Person">
                <h1 itemprop="name">Team Member's Name</h1>
                <p>CEO</p>
                <img src="" alt="" itemprop="image">
                <a href="" class="facebookLink">Facebook Profile</a>
                <a href="" class="linkedInLink">LinkedIn Profile</a>
            </article>
        </li>
    </ul>

此外，在添加更多元数据方面，我甚至想要使用我正在开发此网站的公司的itemscope为包装器<div>添加其他属性。

所以，我不仅要添加每个emplyoee的元数据，还要添加公司名称（每个员工都相同）。

Answer 1

您可以使用

name获取全名（如果您愿意，还可以givenName，familyName和honorificPrefix / honorificSuffix），
image表示图片，
sameAs用于社交媒体配置文件，
jobTitle用于指定。

要关联人员和组织，请查找具有Person作为预期值（Organization）或Organization作为预期值（来自Person）的相应属性

一种简单的方法可能是：

<div itemscope itemtype="http://schema.org/Organization">

  <ul>
    <li itemprop="founder" itemscope itemtype="http://schema.org/Person"></li>
    <li itemprop="employee" itemscope itemtype="http://schema.org/Person"></li>
    <li itemprop="employee" itemscope itemtype="http://schema.org/Person"></li>
  </ul>

</div>

如果您的标记不允许这样做，则Microdata的itemref属性可能有用（example）。

Answer 2

根据schema.org，您可以添加属性。你可以在这里了解更多。 http://schema.org/docs/gs.html#schemaorg_types

<div itemscope itemtype="http://schema.org/Person">
  <a href="alice.html" itemprop="url">Alice Jones</a>
</div>
<div itemscope itemtype="http://schema.org/Person">
  <a href="bob.html" itemprop="url">Bob Smith</a>
</div>

然后您可以使用此表中的可用属性类型。 http://schema.org/Person

但是，由于您正在组织团队成员（员工），因此您可能希望围绕组织的属性构建标记。 http://schema.org/Organization

组织/团队页面成员的模式/元数据

2 个答案: