代码之家  ›  专栏  ›  技术社区  ›  Adam

itemprop=picture元素的url属性未验证

  •  1
  • Adam  · 技术社区  · 8 年前

    我有下面的代码,如果我测试它 https://search.google.com/structured-data/testing-tool

    的值 url

    关于图像元素。

    我试着把 itemprop='url' picture , source 和 img 网址 那么谷歌接受结构化数据?

    <li itemscope itemtype='http://schema.org/LocalBusiness'>
    <div>
        <div itemprop='image' itemscope itemtype='http://schema.org/ImageObject'>
            <a href="http://www.example.com/venues/220/studio-54">
            <picture>
                <source itemprop='url' type='image/webp' data-srcset='/images/venues/medium/220_663_studio-54.webp'>
                <img data-src="/images/venues/medium/220_663_studio-54.jpg"/>
            </picture>
            </a>
        </div>
        <div>
            <h3><a href='http://www.example.com/venues/220/studio-54'>
            <span itemprop="name">Studio-54</span></a></h3>
            <div itemprop='address' itemscope itemtype='http://schema.org/PostalAddress'>
            <a itemprop='addressLocality' href="http://www.example.com/vendors/venues/c/netherlands/north-holland/amsterdam">Amsterdam</a>, <span itemprop='addressRegion'>North-Holland</span>
            </div>
        </div>
    </div>
    </li>
    
    1 回复  |  直到 8 年前
        1
  •  3
  •   unor Daniel Garijo    8 年前

    看到了吗 Values 微数据规范(工作草案)中的章节:

    • 添加 itemprop 属性为 img 或 source 元素,微数据使用 src

    • 项目属性 归属于 picture 元素,微数据使用元素的文本内容。

    在您的情况下,您可能需要添加 属性为 元素(除了 alt 项目属性 从 来源 srcset img公司 :

    <img itemprop="url" src="/images/venues/medium/220_663_studio-54.jpg" data-src="/images/venues/medium/220_663_studio-54.jpg" alt="" />
    

    link 元素提供图像的URL(浏览器不加载此内容):

    <div itemprop='image' itemscope itemtype='http://schema.org/ImageObject'>
    
      <a href='http://www.example.com/venues/220/studio-54'>
        <picture>
          <source type='image/webp' data-srcset='/images/venues/medium/220_663_studio-54.webp'>
          <img data-src='/images/venues/medium/220_663_studio-54.jpg' />
        </picture>
      </a>
    
      <link itemprop='url' href='/images/venues/medium/220_663_studio-54.webp' />
    
    </div>