[英]Can we use webp extension image in og:image meta tag?
在我的网站中，我已将所有图像从jpg或png为webp但在此之后，我的 og:image 元标记无法获取图像。 在 facebook 调试器中，我看到以下错误
提供的 'og:image' 属性尚不可用，因为新图像是异步处理的。 为确保新 URL 的共享包含图像，请使用“og:image:width”和“og:image:height”标签指定尺寸。
经过一番搜索，我发现这个错误是在页面获取期间第一次出现的，当时有时 facebook 无法在第一次获取图像尺寸，但在我的情况下，这个错误一直是不变的。 是不是因为 facebook 可能无法获取图像详细信息，因为我使用了webp扩展。
https://developers.facebook.com/docs/sharing/webmasters/#images说，
og:image:type - 图像的 MIME 类型。 image/jpeg、image/gif 或 image/png 之一
现在og:image:type不需要明确指定； 但是由于该属性提到了对这些 MIME / 文件类型的限制，这也意味着您不能将 WebP 用于og:image 。
Twitter 和 Facebook 现在支持 og:meta 中的 WebP。
Twitter 和 Facebook 现在支持 og:meta 中的 WebP。
它不在 OpenGraph 规范中——而仅在它的 Twitter 版本中twitter:image 。 由于 Facebook 使用og:image ，因此可能尚不支持WebP 。
嗨，没有来源的评论对社区没有帮助。 – djibe 3 月 22 日 9:26
表示页面内容的唯一图像的 URL。 您不应使用通用图像，例如您的网站徽标、作者照片或跨越多个页面的其他图像。 此卡的图像支持 2:1 的纵横比，最小尺寸为 300x157 或最大尺寸为 4096x4096 像素。 图片大小必须小于 5MB。 支持 JPG、PNG、WEBP 和 GIF 格式。 仅使用动画 GIF 的第一帧。 不支持 SVG。
当 url 在 Linkedin 上共享时，Meta og 标签图像不会更新
[英]Meta og tag image is not updating when the url is shared on Linkedin
使用Gatsby.js，如何添加特定于路由的og：image元标记？
[英]Using Gatsby.js, how do I add a route-specific og:image meta tag?
使用javascript在wordpress文章中设置og：image和twitter：image meta
[英]Set og:image and twitter:image meta in wordpress articles with javascript
Google Plus共享集自定义标题，描述，图像，不使用og meta
[英]Google plus share set custom caption, description, image and not use og meta
在没有meta og标签的情况下在facebook共享上指定图像，文本和标题
[英]Specifying image, text and title on facebook share without meta og tags
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
