如何为动态og:image页面创建可捕获数据的Facebook等社交分享按钮

针对每次刷新会生成不同内容和og:image的页面，以下是适配Facebook、Twitter（X）、LinkedIn的分享按钮实现方案，解决平台缓存旧内容的问题：

Facebook分享 #

Facebook的sharer.php默认会缓存页面的OG标签数据，要获取最新的动态内容，可通过添加强制刷新参数实现：

<a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://YOUR-SITE-HERE.com&fbrefresh=1">Facebook分享</a>

• fbrefresh参数为非官方但长期有效的强制刷新标识，设置任意值即可触发Facebook重新抓取页面的最新OG标签，包括动态生成的og:image。
• 注意：如果页面是前端动态渲染（如SPA），必须通过服务器端渲染（SSR）输出正确的OG标签，因为Facebook爬虫不执行客户端JS，无法读取JS动态生成的标签。

Twitter（X）分享 #

Twitter支持直接在分享链接中指定图片、文本等参数，无需依赖页面OG标签，完美适配动态内容：

<a target="_blank" href="https://twitter.com/intent/tweet?url=https://YOUR-SITE-HERE.com&text=自定义分享文案&image=https://动态生成的图片地址">Twitter分享</a>

• image参数直接传入当前页面动态生成的图片URL，绕过平台缓存问题。
• 要求图片域名与分享URL的域名一致，否则图片可能无法正常显示。

LinkedIn分享 #

LinkedIn提供两种适配动态内容的方式：

方式1：直接指定内容参数 #

通过链接参数直接传递图片、标题等信息，不依赖页面OG标签：

<a target="_blank" href="https://www.linkedin.com/sharing/share-offsite/?url=https://YOUR-SITE-HERE.com&title=自定义标题&summary=自定义描述&mini=true&imageUrl=https://动态生成的图片地址">LinkedIn分享</a>

方式2：强制刷新缓存 #

如果依赖页面OG标签，可在分享URL后添加随机参数，让LinkedIn认为是新页面从而重新抓取：

<a target="_blank" href="https://www.linkedin.com/sharing/share-offsite/?url=https://YOUR-SITE-HERE.com?v=<?php echo rand(); ?>">LinkedIn分享</a>

• 同样注意：前端动态渲染的页面必须通过SSR输出OG标签，否则LinkedIn爬虫无法获取到动态内容。

通用注意事项 #

• 动态生成的图片需满足平台尺寸要求：Facebook推荐1200×630像素，Twitter推荐1200×675像素，LinkedIn推荐1200×627像素；同时确保图片可直接访问，无防盗链限制。
• 避免仅通过客户端JS修改OG标签，绝大多数社交平台爬虫不执行JS，无法读取这类动态修改的内容。

内容的提问来源于stack exchange，提问作者Vladimir Kyatipov