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
元素时,Microdata使用source
属性的值src
- 将
属性添加到itemprop
元素时,Microdata使用元素的文本内容picture
src
属性添加到img
元素中(这是HTML所必需的,除了alt
属性之外),并将itemprop
从源代码
(需要srcset
属性)移动到img
:
如果您希望保留这样的属性(例如,对于延迟加载),可以使用链接元素提供图像的URL(浏览器不加载此内容):
感谢您为我指明了正确的方向!我在图像上没有src
属性的原因是,我使用延迟加载来提高页面性能,并且在图像元素进入浏览器视口时添加和填充该属性。使用您提出的解决方案,我似乎不得不放弃延迟加载,从而大幅降低页面性能。我的假设正确吗?@Flo:我在我的回答中添加了一个替代选项。如果您不能使用链接
,那么是的,您必须停止使用延迟加载,或者必须接受您的结构化数据只能由执行JavaScript的微数据使用者读取。