图片预览
加入 OG 图片，检查完整分享卡片的构图。
如果暂时没有图片，也可以先检查标题层级、换行节奏与描述长度。
Open Graph 字段
左侧调整 metadata，右侧会实时更新卡片预览与可复制的 meta 标签。
建议简短明确。许多平台会在大约 60 到 90 个字符附近开始截断标题。
尽量用一句话说清核心价值，避免把太多重点塞进同一段。
可粘贴完整网址，也可直接输入域名；工具会先规范化再输出。
生成的 Meta 标签
确认无误后，可直接粘贴到页面 head 或 CMS 的 SEO 字段。
实时预览
同时查看宽版卡片与紧凑卡片，更容易检查在不同分享场景下的可读性。
标题字数
0
描述字数
0
图片状态
填写要分享的字段
输入标题、描述、站点名称、canonical 网址与图片网址；可按页面类型切换内容类型。
对照两种卡片预览
同时查看宽版与紧凑样式，并关注字数统计，尽量避免在社交平台或聊天应用中被过早截断。
复制 meta 标签
确认无误后复制生成的 Open Graph 标签，粘贴到页面 head、CMS SEO 或模板中。
什么时候会用到这个工具？
当你准备发布活动页、文章、产品页或任何会被分享的链接时，可先检查 Open Graph 在分享后是否清晰、有吸引力。
它会直接抓取线上页面的 metadata 吗？
不会。本工具在浏览器端计算，你可以先手动输入要测试的字段，页面尚未上线也能预览分享卡。
为什么最终分享卡片仍可能与这里不同？
各平台有自己的缓存、裁剪比例与文字截断规则。这里适合发布前自检，但无法保证与每个平台完全一致。
og:title 和网页 title 必须一样吗？
不一定。常见做法是页面 title 偏 SEO，再单独写更短、更适合分享场景的 og:title。
og:image:alt 有必要填写吗？
建议填写，对无障碍更友好，也有助于团队维护图片与素材的 metadata 习惯。
UTM 参数
Google Analytics
GA4
2026-04-28
UTM 参数完整指南：追踪营销活动成效、GA4 设置与短链接整合技巧
你的营销活动到底带来了多少流量？UTM 参数是 Google Analytics 追踪流量来源的核心工具。本文从五个标准参数解析、命名规范、常见错误，到短链接整合与 QR Code 应用，一次搞懂 UTM 追踪码的完整使用方法。
图片压缩
迷因图
社群营销
2026-05-17
线上图片压缩/编辑工具：一键制作高画质迷因与社群贴文视觉指南
想制作爆款迷因图与社群贴文，却受限于图片容量过大、尺寸不合与色彩黯淡？本文教你如何透过线上图片压缩与色彩转换工具，一键优化图片画质，打造吸睛的社群视觉体验。
短网址安全
钓鱼链接
网络钓鱼
2026-05-02
短网址安全风险完整指南：如何识别钓鱼链接、恶意缩网址防范与安全使用技巧
短网址隐藏了真实目的地，为钓鱼攻击、恶意软件传播和诈骗页面提供了天然掩护。本文说明短网址被恶用的常见手法、如何在点击前预览真实 URL、辨识恶意链接的技巧，以及在安全前提下合法使用短网址的实务建议。
影像优化
网页性能
SVG
2026-06-14
视觉资产优化：SVG 与点阵图的场景抉择与性能指南
在追求网站加载速度与视觉体验的平衡时，选择正确的图片格式是关键。本文深入剖析 SVG 与传统点阵图的运作机制，并提供实战决策策略。
Deepfake
AI 生成图片
深度伪造
2026-05-04
Deepfake 深度伪造完整指南：AI 换脸诈骗识别、C2PA 内容凭证与图像真伪验证
AI 生成技术让伪造人脸视频、声音、图片的门槛大幅降低，近年 Deepfake 诈骗、假新闻事件层出不穷。本文说明 Deepfake 的技术原理、识别方法、C2PA 内容凭证标准的运作方式，以及如何判断一张图片或视频是否为 AI 生成。
QR Code
短网址
分享链接
2026-04-08
QR Code × 短网址：让学生秒连工具的两种方法
计时器、转盘、计分板都准备好了，但怎么让学生快速访问这些页面？本文介绍 QR Code 生成器与短网址两种工具，让全班在 30 秒内各自连上指定页面，无需手动输入冗长的网址。