使用LinkedIn分享API无法添加标题和描述的技术求助

我之前也踩过这个坑！LinkedIn的offsite分享链接早就废弃了title和description参数——不管你怎么传这俩参数，LinkedIn都只会抓取目标URL页面上的OG元数据，直接传参数根本不起作用。下面是一步步的解决方法：

1. 确保OG元标签配置正确且可被抓取 #

你添加OG标签的方向是对的，但要注意几个关键细节：

• 所有OG标签必须放在页面的<head>标签内，不能放在<body>里，否则LinkedIn爬虫会直接忽略
• og:url和og:image必须是完整的HTTPS/HTTP URL，不能用相对路径（比如不能写//www.example.com/...，要写https://www.example.com/...）
• og:image要符合LinkedIn的要求：尺寸至少1200x628像素，文件大小不超过5MB，格式推荐JPG或PNG
• 检查页面有没有设置robots.txt禁止LinkedIn爬虫访问，或者有没有登录墙挡住爬虫（爬虫不会登录你的网站，所以要确保目标URL是公开可访问的）

正确的OG标签示例：

<head>
  <meta property="og:title" content="你的文章标题"/>
  <meta property="og:image" content="https://media.example.com/1234567.jpg"/>
  <meta property="og:description" content="要显示在预览里的描述"/>
  <meta property="og:url" content="https://www.example.com/article-url" />
</head>

2. 用LinkedIn调试工具验证抓取结果 #

LinkedIn提供了专门的工具来检查页面元数据是否被正确识别，你可以用这个工具输入目标URL，它会展示爬虫实际抓取到的内容，还能强制刷新缓存。（直接搜“LinkedIn Post Inspector”就能找到）

3. 修正你的分享代码 #

既然title和description参数没用，就把它们从链接里删掉，同时记得用encodeURIComponent编码目标URL，避免特殊字符导致的链接错误：

const shareViaLinkedin = () => {
  window.open(
    `https://www.linkedin.com/sharing/share-offsite/?url=${encodeURIComponent(groupToShare)}`,
    '_blank',
    'width=700, height=500, left=700, top=280'
  )
}

4. 处理缓存问题 #

LinkedIn会缓存抓取到的页面数据，如果你刚修改了OG标签，可能不会立刻生效。这时候可以用上面提到的调试工具强制刷新缓存，或者耐心等几个小时（最多1天），缓存就会更新。

额外注意：单页应用（SPA）的特殊情况 #

如果你的页面是React、Vue这类SPA，要确保页面是**服务器端渲染（SSR）或者静态生成（SSG）**的。因为LinkedIn爬虫不会执行JavaScript，纯客户端渲染的OG标签爬虫根本抓不到，自然无法显示正确的标题和描述。

内容的提问来源于stack exchange，提问作者Parse Shyam