我正在尝试优化我的<meta>
标签,以便在Discord等社交媒体上正常工作。
到目前为止我得到了什么:
<meta name="twitter:card" content="summary_large_image">
<meta property="og:image" content="URL">
这将显示一个大的图像不和谐,但我需要一个缩略图大小的图像太。
<meta property="og:image" content="URL">
这是缩略图。
如何使用<meta>
标签获得大图像和缩略图?
2条答案
按热度按时间eqqqjvef1#
对于社交媒体嵌入,您可以设置图像的特定宽度和高度,以便使用
og:image
属性进行相应显示。您还可以使用
theme-color
属性设置某些平台(如Discord)的显示颜色。9lowa7mx2#
如果你想让图片以大格式显示,你必须提供twitter的 meta标签
我尝试了另一个答案中的例子,只使用openGraph标签,但结果如下:
正如你可以看到只有一个小图标显示,但在检查其他网站,在显示大缩略图,我看到他们包括twitter:卡,所以我尝试包括它,现在我的链接显示大缩略图,而不仅仅是小图标.
举个完整的例子:
https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/markup
twitter:image
要在卡中使用的图像的URL。图像大小必须小于5MB。支持JPG、PNG、WEBP和GIF格式。将只使用动画GIF的第一帧。不支持SVG。twitter:image
要在卡中使用的图像的URL。图像大小必须小于5MB。支持JPG、PNG、WEBP和GIF格式。将只使用动画GIF的第一帧。不支持SVG。
Facebook建议开放图形的图像大小为1200x630