SERP 与社交卡片预览器

填写页面元数据，工具会同时渲染三个真实预览目标：

1. Google SERP 卡片 —— 桌面（~600px）和移动端（~920px）标题截断基于真实的 Arial 像素宽度（string-pixel-width）计算，而非简单的字符数。
2. X (Twitter) 卡片 —— summary 与 summarylargeimage 两种布局。
3. OpenGraph 卡片 —— LinkedIn/Facebook 风格，推荐 1.91:1 的 og:image 比例。

还会运行上线前 SEO 诊断，覆盖：标题过短/过长、各设备标题截断、描述长度、描述中未转义字符、规范 URL 有效性、下划线 vs 连字符路径、og:image 是否 HTTPS 且有效、og:description 长度、og:site_name 长度、缺失 twitter:card —— 以及标题暗示 FAQ / HowTo / Product 结构化数据机会的提示。

使用方式：

• 填写你已有的字段，其余留空即可看到缺失项。
• 选择预览设备：桌面、移动端或全部。
• 把诊断表当作上线清单。