Bootstrap

社交媒体分享预览图片和内容修改

在facebook发帖分享链接时,设置预览图片和内容

在这里插入图片描述

设置预览图片和内容

<head>	
  <meta name="description" content="我是内容" />
</head>
<body>
  <img  src="./1.jpg" alt="SEO Image" style="display: none" aria-hidden="true" />
</body>

不能动态获取预览图片和内容

Facebook 等社交媒体平台在抓取链接预览时,不会执行页面中的 JavaScript。这意味着动态更新 标签的内容不会影响它们的抓取结果。这种情况下,需要在服务器端动态生成 HTML 来确保正确的预览信息。

解决方案:使用服务器端渲染 (SSR)

对于这种情况,你可以使用服务器端渲染 (SSR) 来动态生成包含正确 标签的 HTML。使用 Next.js 这样的框架可以轻松实现这一点。

;