html – 为文章中未显示的微数据使用不同的图像?

前端之家收集整理的这篇文章主要介绍了html – 为文章中未显示的微数据使用不同的图像?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在一个有大量文章的网站上工作.

我正在寻找一种方法添加一个不可见的图像而不将其放在隐藏的div中.

用户添加文章时,会有一个用户上传的特定比例的“主”图像(我想用于微数据).还有其他图像在他们上传的旋转木马中被抛出.

目前,我可以通过以下方式获得微数据测试工具以使用我的图像的唯一方法

<div class="hidden">
    <img itemprop="image" src="link/to/image.jpg" />
</div>

我想做的是使用元标记,但这似乎不起作用:

<Meta itemprop="image" content="link/to/image.jpg">

虽然Open Graph和Twitter Cards支持图像的元标记,但我没有找到与微数据相关的任何内容.
有没有人知道它是否可能用于微观数据,或者它的“那个”是否重要?

我只是不希望有一个隐藏的图像,如果可能的话增加加载时间!

解决方法

您可以使用 JSON-LD而不是微数据.

这样,您可以在JSON数据中添加所需的所有内容,这些数据不会显示页面中,但会被大多数搜索引擎识别.

以下是从http://schema.org/CreativeWork开始的示例:

<script type="application/ld+json">
{
  "@context": "http://schema.org","@type": "CreativeWork","name": "My Article","image": "http://your.image.url.com"
}
</script>

猜你在找的HTML相关文章