简诗 AI 社交分享设计

要解决的具体问题

页面做完后，“分享到 X”这类按钮往往是被随手堆上去的：一排十几个图标铺在顶部，链接里只有裸 URL，没有预设文案；读者点下去，弹出的预览卡是空白的，因为 og:image 和 og:title 根本没配。结果是分享按钮挂在页面上，却几乎没人真的点。

技能如何工作

这个技能把分享按钮拆成几个可执行的决策点：

• 平台选择：不要把所有平台都放上去。B2B 场景选 X 和 LinkedIn，B2C 选 X、Facebook、WhatsApp，控制在 3–5 个。
• 摆放位置：少而准优于四处铺。首段之后、标题下方、长文的 sticky sidebar、文章结尾配 CTA，以及关键洞察之后的摩擦点，都是高转化位置。资料提到，砍掉 80% 的按钮并把剩下的 20% 挪到高情绪位置，分享动作转化可提升 3 倍。
• 分享链接：用平台 intent URL，例如 https://twitter.com/intent/tweet?url={url}&text={text}，参数一律用 encodeURIComponent() 处理。
• 预设文案：平台专属提示语配合预设消息，效果大约是通用图标的 4 倍。
• 图标规范：从官方品牌资源中心取 SVG，遵守最小尺寸与颜色规则，X 只允许黑或白，且要用现行 logo 而非已弃用的小鸟图标。
• 工程细节：优先 SVG，避免拖慢 LCP 的重量级分享插件；按钮要有 aria-label 和键盘可达性；移动端触控区域不小于 44×44px，并优先考虑原生 navigator.share，不支持时回退到 intent 链接。

适用边界与注意点

这个技能只做“分享当前页”的按钮，不做页脚里指向品牌官方账号的关注链接，后者属于 footer-generator 的范畴。另外，分享按钮能不能显示富预览卡，取决于 open-graph 和 twitter-cards 是否已正确配置——本技能不替代它们，只负责让点击行为发生。

按简诗 AI 的安全边界，技能不会自动安装依赖、修改系统权限或创建持久化任务；涉及发布、部署等外部写入操作前，会先展示目标与影响，并需要用户明确确认。