静态站 Open Graph 与分享卡片

背景

链接被聊天工具展开时依赖 og:title / og:description / og:image。静态生成阶段写入最稳；客户端晚注入往往来不及。

对个人站与小团队而言，把这类实践写进构建与规则文件，比事后救火便宜。0xKEV 提供浏览器本地工具，方便在不上传的前提下先辨认样本、再决定是否交给自动化。

要点

1. 每页独特 title/description。
2. og:image 绝对 URL。
3. article 类型给长文。
4. 与可见 H1 一致，避免标题党与正文不符。

另外记住：可验证优于「感觉好了」。能量化的用命令与指标；不能量化的至少留下检查清单与复盘记录。

怎么做

1. 模板统一 head 注入。
2. 笔记 frontmatter 映射到 meta。
3. 用分享调试器或本地预览核对。
4. 大图控制体积。

建议把上述步骤收成团队检查项或 CI 门禁。首次落地选一个痛点场景试点，跑通后再横向复制，避免一次性铺开导致无人维护。

辨认现状 → 写清目标与非目标 → 小步改 → 验证 → 文档化

和本站工具

Meta 标签 解析样例；HTML 预览 看结构。

入口：Tools 首页（本地运算、免注册）。隐私说明见 隐私。处理生产样例前请先脱敏。

描述写清「这篇解决什么工程问题」，比堆关键词有效。

落地时把「谁负责、何时复查」写清楚，避免清单成为墙上标语。可用日历提醒做季度回顾，删除过时步骤，补充新的失败案例。与本站其他速记交叉阅读，能把部署、安全与成本视角连成一张实践图。

实践上建议建立「最小可重复检查」：每次改动后用同一组命令或同一份清单验证，把结果贴进变更说明。这样后来者不必猜测你当时是否测过。若涉及自动化，先在预发或本地复现，再放到生产路径；失败时保留现场（日志、配置摘要、版本号），方便复盘而不是只留下一句「修好了」。与安全相关的步骤务必默认拒绝、显式允许；与成本相关的步骤务必带预算与度量。0xKEV 速记栏只记录可核实的工程事实，方便检索与内链，不替代你团队自己的 Runbook。

小结

本文只讨论可执行的工程做法。把边界、验证与文档当作一等公民，工具与自动化才能真正省时间，而不是放大事故面。