css 如何防止在URL预览中看到预加载图像？我想在URL预览中看到新闻(或博客)的主图像

cetgtptt 于 2023-01-27 发布在其他

关注(0)|答案(2)|浏览(109)

我在网站中使用预加载器：https://adl.az/
预加载图像的文件格式是"PNG"，而不是"GIF"。

问题是：

如果我将网站URL发送给任何人或在任何社交网络上共享它，我会在URL预览中看到预加载器图像。但这不是真的，因为它应该显示组织徽标。或者如果我将单个新闻（或博客）作为帖子共享，它应该显示帖子中新闻（博客）的主图像（我指的是URL预览）。
视觉上，

当前情况：

要求：

我试着把它转换成"svg"，但没有好的结果。所以我没有改变文件格式。

css

来源：https://stackoverflow.com/questions/75196679/how-to-prevent-preloader-image-view-in-url-preview-i-want-to-see-main-image-of

2条答案

按热度按时间

inb24sb21#

你的主页上没有任何Open Graph标签......所以facebook截取了一张https://www.ionos.com/digitalguide/online-marketing/social-media/open-graph/页面的截图
还有一件事...你的网站有<html lang="en"，但不是英语的，这可能会让谷歌感到困惑。
同样的问题在新闻页面，但幸运的是Facebook是足够聪明的采取图片从html文章标签，在情况下你有一个以上的图像，他可以采取一个你不喜欢，总是raccomended使用开放图表数据的社交分享

赞(0）回复(0）举报 2023-01-27

eiee3dmh2#

您的主页包含指向以下图标的链接：

<link rel="apple-touch-icon" sizes="180x180" href="/assets/images/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/images/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/images/favicon/favicon-16x16.png">

所有这些尺寸都与Google相矛盾：
您的favicon必须是48px square的倍数，例如：48x48像素、96x96像素、144x144像素等等。
此外，web manifest中列出的所有图标都不可用。

赞(0）回复(0）举报 2023-01-27

我来回答

css 如何防止在URL预览中看到预加载图像？我想在URL预览中看到新闻(或博客)的主图像

问题是：

当前情况：

要求：

2条答案

相关问题

热门标签

最新问答