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

发布时间：2020-12-14 23:46:50 所属栏目：资源来源：网络整理

导读：我正在一个有大量文章的网站上工作. 我正在寻找一种方法来添加一个不可见的图像而不将其放在隐藏的div中. 当用户添加文章时,会有一个用户上传的特定比例的“主”图像(我想用于微数据).还有其他图像在他们上传的旋转木马中被抛出. 目前,我可以通过以下方式获

我正在一个有大量文章的网站上工作.

我正在寻找一种方法来添加一个不可见的图像而不将其放在隐藏的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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!