web页面分享链接到facebook,twitter,LinkedIn(预览卡片带图片版)

qcrrrrcccc

已于 2025-06-06 14:33:21 修改

阅读量187

点赞数 2

CC 4.0 BY-SA版权

文章标签： facebook twitter

于 2025-06-06 14:31:57 首次发布

本文链接：https://blog.csdn.net/qq_43287656/article/details/148474193

facebook和LinkedIn的预览卡片都借助于og: 元标签来生成内容。不支持生成编辑框内容。
twitter借助于twitter: 元标签来生成内容。支持生成编辑框内容。
注意：需要保证元标签的完整，否则无法生成预览标签。

示例:

三个平台的调试网站，根据调试工具返回的信息修改，只能测试线上链接的，本地要测试暂时没试过。
facebook 生成预览卡片
https://developers.facebook.com/tools/debug?locale=zh_CN

twitter:不生成预览卡片，但是可以用来看是否成功获取到元数据,看效果直接在x post编辑中
https://cards-dev.x.com/validator?

LinkedIn生成预览卡片
https://www.linkedin.com/post-inspector/inspect/

注意：你的网站该页面和分享预览的图片需要去掉人机验证和允许爬虫，否则爬取不到内容，且facebook的最严格，如果需要更新线上图片建议换一个图片链接 facebook同一个链接的话不会再抓取图片更新了。