Html itemprop=图片元素的url属性未验证

Html itemprop=图片元素的url属性未验证,html,image,url,schema.org,microdata,Html,Image,Url,Schema.org,Microdata,我有下面的代码,如果我测试它,我会得到一个错误 url字段需要一个值 关于图像元素 我尝试将itemprop='url'属性放置在picture、source和img元素上,但错误仍然相同。如何添加url属性,以便Google接受结构化数据

我有下面的代码,如果我测试它,我会得到一个错误

url
字段需要一个值

关于图像元素

我尝试将
itemprop='url'
属性放置在
picture
source
img
元素上,但错误仍然相同。如何添加
url
属性,以便Google接受结构化数据

  • ,北荷兰
  • 参见Microdata规范(工作草案)中的章节:

    • itemprop
      属性添加到
      img
      source
      元素时,Microdata使用
      src
      属性的值

    • itemprop
      属性添加到
      picture
      元素时,Microdata使用元素的文本内容

    在您的情况下,您可能希望将
    src
    属性添加到
    img
    元素中(这是HTML所必需的,除了
    alt
    属性之外),并将
    itemprop
    源代码
    (需要
    srcset
    属性)移动到
    img

    
    
    如果您希望保留这样的属性(例如,对于延迟加载),可以使用
    链接
    元素提供图像的URL(浏览器不加载此内容):

    
    
    感谢您为我指明了正确的方向!我在图像上没有
    src
    属性的原因是,我使用延迟加载来提高页面性能,并且在图像元素进入浏览器视口时添加和填充该属性。使用您提出的解决方案,我似乎不得不放弃延迟加载,从而大幅降低页面性能。我的假设正确吗?@Flo:我在我的回答中添加了一个替代选项。如果您不能使用
    链接
    ,那么是的,您必须停止使用延迟加载,或者必须接受您的结构化数据只能由执行JavaScript的微数据使用者读取。