我的网站指定了多个og:image标签,我想控制其中一个成为默认的。它与它们被指定的顺序有关吗?
目前这些图片在链接发布选择器中的顺序是#3、#1、#2(#3是默认值),这似乎很不寻常。
感谢您提供的任何见解。
我的网站指定了多个og:image标签,我想控制其中一个成为默认的。它与它们被指定的顺序有关吗?
目前这些图片在链接发布选择器中的顺序是#3、#1、#2(#3是默认值),这似乎很不寻常。
感谢您提供的任何见解。
我很好奇,所以四处搜寻答案关于“默认图片”的问题。这是唯一一个我找到的任何研究过此事的链接,他们建议更高分辨率的图片会获得最高优先级:
如何为在评论中插入的链接设置Open Graph图像的优先顺序。(不涉及分享或墙贴。)
然而,根据那个例子,FB可能只是选择列表上最后一个og:image标签。之前的一个SO答案得出了类似的结论:
Facebook sharer.php,如何拥有多个og:image标签?
如果我用更多的标签并且FB始终选择最后一个标签,你就有希望解决问题了。:)
数组
如果一个标签可以具有多个值,请在您的页面上放置同一
<meta>
标签的多个版本。在冲突时,优先选择从顶部到底部的第一个标签。
<meta property="og:image" content="http://example.com/rock.jpg" />
<meta property="og:image" content="http://example.com/rock2.jpg" />
当我在Facebook分享调试器中测试此代码时,只会看到第一个图像的预览。但是当我在Facebook上分享我的URL时,我会看到第一个图像的预览以及左/右按钮选择第二个图像,如下所示:
这是对我有效的做法。在您的页面头部,插入以下代码:
<meta property="og:image" content="http://yourdomain.com/yourimage.png" />
这可以让我选择的图片具有优先权。它应该是你页面上分辨率最高的照片之一。
然后,使用此工具强制Facebook清除其缓存。此调试器工具还将向您显示Facebook偏爱哪个图像。
og:image
标签。你想通过拥有一个以上的标签来实现什么? - Colm Doyle