IT序号网

公寓列表的 HTML5 标签和微数据

zhujiabin 2025年04月02日 编程语言 271 0

我应该使用哪种 HTML5 标签和微数据架构来描述待租公寓列表?

它们具有以下属性:

  • 姓名
  • 图片
  • 唯一编号
  • 地点
  • 描述
  • 价格

我的 HTML 结构目前是这样的:

<section id="featured"> 
    <h2>Featured appartaments</h2> 
    <ul> 
        <li> 
            <article> 
                <h3><a href="javascript:void(0);">House #1</a></h3> 
                <img src="http://placehold.it/250x150/" alt="House #1" /> 
                <p>Ref. 40</p> 
                <p>My location</p> 
                <p>My description.</p> 
                <p>Price: € 500.000,00</p> 
            </article> 
        </li> 
        <li> 
            <article> 
                <h3><a href="javascript:void(0);">House #2</a></h3> 
                <img src="http://placehold.it/250x150/" alt="House #2" /> 
                <p>Ref. 41</p> 
                <p>My location</p> 
                <p>My description.</p> 
                <p>Price: € 500.000,00</p> 
            </article> 
        </li> 
    </ul> 
</section> 

请您参考如下方法:

更新(2016 年):Schema.org 现在有新的住宿类型/属性,包括 Apartment 类型。查看update in my related answer .我暂时保留下面的旧答案不变。


如果你想使用 Schema.org词汇:

每间公寓都可以用 Product 表示(大胆强调我的):

Any offered product or service. For example: a pair of shoes; a concert ticket; the rental of a car; a haircut; or an episode of a TV show streamed online.

租用此类公寓的报价可以用 Offer 表示:

An offer to transfer some rights to an item or to provide a service—for example, an offer to sell tickets to an event, to rent the DVD of a movie, to stream a TV show over the internet, to repair a motorcycle, or to loan a book.

要从 Product 链接到 Offer,请使用 offers property (分别为另一个方向的 itemOffered property)。

也可以单独使用 Offer(根本不使用 Product),从您的示例来看,这在这里可能有意义。 (使用 Offer Product 对同一间公寓有不同的报价时很有意义,即,您可以在Product 并为不同的日期使用单独的 Offer 项目等)。

所以使用你的例子,它可能看起来像:

<article itemscope itemtype="http://schema.org/Offer"> 
  <h3 itemprop="name"><a itemprop="url" href="">House #1</a></h3> 
  <img itemprop="image" src="http://placehold.it/250x150/" alt="House #1" /> 
  <p itemprop="serialNumber">Ref. 40</p> 
  <p>My location</p> 
  <p itemprop="description">My description.</p> 
  <p>Price: € <span itemprop="price">500.000,00</span> <meta itemprop="priceCurrency" content="EUR" /></p> 
</article> 

没有指定所提供公寓地址的属性。 Offer 仅允许提供您可以获得 优惠的地址/地点 ( availableAtOrFrom )。你可以只使用 PostalAddress类型,但由于没有适当的属性将其链接到 Offer,因此报价和地址之间没有机器可读的连接。

另外,你可能想使用


评论关闭
IT序号网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!