当前位置:   article > 正文

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

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

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

在这里插入图片描述

设置预览图片和内容

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

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

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

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

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

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/秋刀鱼在做梦/article/detail/956177
推荐阅读
相关标签
  

闽ICP备14008679号