当您的网站链接在社交媒体上发布时，您通常会看到一个图片以及链接。根据您使用的社交媒体平台，您还可能看到其他信息，例如内容摘要。

为了本文的目的，我将参考 Facebook，但大部分内容也适用于 Twitter、LinkedIn、Slack、Mattermost 等等。

那么，Facebook 是如何决定显示什么图片的呢？

如果您没有指定图片，Facebook 将使用其自己的算法来尝试确定您分享的链接预览中最相关的图片。Facebook 的算法考虑了多个因素，包括

1. 页面上的图片：Facebook 会查找您正在分享的页面上的图片，并可能选择其中一张图片在预览中显示。
2. 图片大小和质量：Facebook 可能会优先考虑较大和高质量的图片，因为这些图片在预览中看起来更好。
3. 图片在页面上的位置：Facebook 还可能考虑图片在页面上的位置，例如它是否在页眉或页面上。
4. 图片格式：Facebook 可能更喜欢某些图片格式，例如 JPEG 或 PNG，而不是其他格式。
5. 页面内容：Facebook 还可能使用页面内容来尝试确定预览中最相关的图片。
6. 未找到图片：如果 Facebook 找不到任何合适的图片，则在 Facebook 上分享链接时将不会显示图片。

所使用的确切算法是未知的，并且它可能会随时间而改变，因此，您应该指定自己的图片而不是依赖其他人决定显示什么图片。

我该如何告诉 Facebook 显示什么图片？

要告诉 Facebook 显示什么图片，您可以在您网站页面的标题中指定所需的图片，使用 Open Graph 元标签。这些标签提供了有关页面内容的信息，例如标题、描述和图片。

要指定图片，请使用 "og:image" 元标签，并将其实际值设置为所需图片的 URL。目前建议使用至少 1200 x 630 像素的图片，因为它们在高分辨率设备上显示最佳。

有 Joomla 扩展吗？

毫不奇怪，有许多不同的扩展可以帮助您在网站上创建og元数据，或者您也可以自己创建。每种方法都有其优点，本文将不对此进行详细说明，但我在某个时候可能会写一个教程，介绍我是如何动态地在自己的网站上创建og元数据和图片的。

我是否需要为每个页面都提供一个独特的图像？

不，绝对不需要。从品牌的角度来看，可能更好的做法是只使用一张图像，这样在某人浏览社交媒体时可以增加识别度。

如果您想这样做，至少需要将以下一行HTML代码添加到模板中，在

<meta property="og:image" content="FULL_IMAGE_URL">

将 FULL_IMAGE_URL 替换为所选图像的完整URL。请记住，它的大小至少应为1200 x 630像素。

我更改了图像，但Facebook仍然使用旧图像？

如果您更改了图像，但Facebook仍然使用旧图像，这可能是由于Facebook的缓存系统。当链接第一次被分享时，Facebook会缓存结果，并且可能需要很长时间才能更新缓存。

要强制Facebook更新其缓存，您可以使用Facebook Sharing Debugger工具获取有关页面的最新信息并清除缓存。这还将为您提供页面分享后的预览。

我是否可以使用相同的og:图像用于Facebook、Twitter等？

是的，您可以为所有支持Open Graph Protocol的社交媒体平台和网站使用相同的"og:image"元标签，包括Facebook、Twitter和LinkedIn。

请注意，每个平台可能都有自己的预览图像大小和宽高比要求，因此我建议使用至少1200 x 630像素的图像。此外，一些平台可能还有特定的图像要求，例如最小文件大小，因此请确保查看每个平台的文档以获取任何具体要求。