Schema/Metadata organisation/Team 页面的成员

Question

我正在为客户的网站构建团队页面。

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

图片
推特 Link
脸书Link
全名
名称（CEO/Founder，等等）。

如何使用 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>

此外，在添加更多元数据方面，我什至想添加一个额外的属性到包装器 <div> 中，其中包含我为其开发此网站的公司的 itemscope。

因此，我不仅添加了每个员工的元数据，还添加了公司名称（每个员工都相同）。

Answer 1

根据 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>

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

但是，由于您处理的是团队成员（员工），您可能希望围绕 Organization 中的属性构建标记。 http://schema.org/Organization

Answer 2

你可以使用

name 用于全名（如果需要，还可以 givenName, familyName, and honorificPrefix/honorificSuffix），
image 图片，
sameAs 用于社交媒体配置文件，
jobTitle为指定。

对于 link 个人和组织，寻找具有 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)。

Schema/Metadata organisation/Team 页面的成员

Schema/Metadata for members of organisation/Team Page

html

semantic-web

schema.org

semantics