个人中心
gpt4 book ai didi

semantic-web - WPHeader 的 Schema.org 用法(或如何将结构化数据添加到 ‘Hero’ 图像

转载 作者：行者123 更新时间：2023-12-03 18:06:20 30 4
gpt4 key购买 nike

这个问题与这个问题有关:Uniform way to add multiple descriptive properties in Schema.org

最近我在 HTML5 & Schema.org - Structured Microdata for SEO 上发现了这个代码，以及 Schema.org WPHeader 的声明类型 是 WebPageElement可以包含来自 CreativeWork 的标记以及 Thing :

<header role="banner" itemscope itemtype="http://schema.org/WPHeader">
    <meta itemprop="name" content="A name">
    <meta itemprop="description" content="A description text">
    <h1 itemprop="headline">A headline text</h1>
    <img itemprop="image" src="image.jpg">
</header>

如以上声明和用法 WPHeader是正确的，我想知道下面的代码在语义网络的结构化数据方面是否有意义。我的问题背后的原因是我正在寻找一种解决方案，在该解决方案中，我可以将横幅/英雄图像用于呈现 Event 的网页。 (或其他)典型的类型 CreativeWork属性如 headine , creator等等。 

    <article>
         <!-- Banner/hero image section for Event-->
         <header class="my_hero_class" role="banner" itemscope itemtype="http://schema.org/WPHeader">
            <meta itemprop="name" content="My Event">
            <meta itemprop="description" content="Description of My Event">
            <meta itemprop="keywords" content="keyword1, keyword2, keyword3">
            <h1 itemprop="headline">A headline text</h1>
            <p itemprop="alternateHeadline">Another headline text<p>
            <p itemprop="creator">Artist name<p>
            <img itemprop="image" src="hero_image.jpg">
        </header>
        <!-- Event section -->
        <section class="my_event_class" itemscope itemtype="http://schema.org/Event">
           <h2 itemprop="name">Name of My Event</h2>
           <p itemprop="description">Description of My Event</p>
           <p itemprop="text">Text about My Event</p>
           <p itemprop="startDate" content="2016-04-21T20:00">Thu, 04/21/16 8:00 p.m.</p>
<meta itemprop="startDate" content="2016-04-21T20:00">
           <img itemprop="image" src="poster.jpg">
        </section>
        <!-- Event Artist section --> 
        <section class="my_person_class" itemscope itemtype="http://schema.org/Person">
           <h2 itemprop="name">Name of Artist</h2>
           <p itemprop="description">Description of of Artist</p>
           <p itemprop="text">Text about of Artist</p>
           <img itemprop="image" src="artist.jpg">
        </section>
    </article>

最佳答案

WPHeader
WPHeader type 用于页面的标题(即 WebPage )。

如果您向 WPHeader 添加属性，这些属性描述标题 (!)，而不是页面。

例如，name可能是“标题”，image可能是标题等的屏幕截图。这当然在页面上通常没有用，并且通常作为结构化数据提供也没有用，所以 my recommendation is not to use them .
WebPage
在我看来， WebPage 类型是你想要的。它的 name是页面的名称，它的 description是页面的描述等。

如果页面是关于单个实体的(例如， Event )，那么您可以使用更具体的 ItemPage 类型。与 mainEntity 属性，您可以指定该页面的主要实体。
ItemPage可能与 Event 共享一些属性值(例如，description 可能相同)，但也可能存在细微差别(例如，name 的 WebPage 可能还包含站点名称)。

<body itemscope itemtype="http://schema.org/ItemPage">

  <!-- properties about the event page -->

  <article itemprop="mainEntity" itemscope itemtype="http://schema.org/Event">
    <!-- properties about the event -->
  </article>

  <!-- properties about the event page -->

</body>

关于semantic-web - WPHeader 的 Schema.org 用法(或如何将结构化数据添加到 ‘Hero’ 图像，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48582168/

30 4 0
文章推荐： java - 授予对 azure 表的只读访问权限
文章推荐： multithreading - 两个(非主)线程同步
文章推荐： Delphi - 单元分离
文章推荐： delphi - WM_COPYDATA 在 Delphi 中没有类
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com