Chrome 适用的 Meta 标签检查器
查看当前页面在链接被分享时的展示效果。点击 LinkPreview 图标可检查其元标签(meta tags)、预览分享卡片,并一键复制缺失内容的修复代码。
- og:imageCopy fixMissing. Shared links show no image.
<meta property="og:image" content="https://www.framer.com/og-image.png"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630">
- twitter:cardCopy fixMissing. X shows a small summary card instead of a large image.
<meta name="twitter:card" content="summary_large_image">
- Title48 characters
- Meta description156 characters
- og:title48 characters
- og:description156 characters
- Canonical URLhttps://www.framer.com/
- FaviconFound
该扩展的功能
LinkPreview 可以直接读取您当前打开标签页的真实标签,因此即使是在预发布站点、本地主机(localhost)以及登录后才能访问的页面——这些在线检查工具无法触及的地方,它也同样有效。
一键检查任意页面
点击该图标可查看页面的标题、描述、og:image 和 twitter:card。当标题或描述过长,或者图片尺寸过小时,系统会发出警告。
复制修复方案
每个问题都会提供确切可粘贴的标签。点击“复制所有标签”即可获取该页面完整且已转义的 head 标签集合。
发布前预览并测试更改
打开“编辑”以尝试新的标题、描述或图片,并在输入时实时查看预览更新。页面本身的内容不会发生任何改变。
在图标上查看问题数量
检查完毕后,工具栏图标会显示该页面上有多少个标签需要处理;当您前往其他页面时,该计数将会清零。
Chrome 扩展程序常见问题解答
快速了解该扩展程序的检查内容、可见信息以及费用。
LinkPreview 扩展是免费的吗?
是的。它是完全免费的,无需注册账号,也没有任何付费方案。
它可以在本地环境(localhost)和预发环境中正常使用吗?
是的。它会直接读取您当前打开标签页中的 Meta 标签,因此同样适用于本地构建、受密码保护的预发布网站以及需要登录后访问的页面。
该扩展会收集哪些数据?
完全没有。所有检查都在您的设备上运行,不会向 LinkPreview 或任何其他人发送任何内容,也不包含任何分析统计。它发起的唯一请求就是加载页面自身的预览图片,以测量其尺寸。
它检查哪些标签?
标题和元描述(meta description)的长度、og:title、og:description、og:image 的尺寸与宽高比、twitter:card、规范网址(canonical URL)与 og:url,以及网站图标(favicon)。
它与在线 Meta 标签检查工具有何不同?
在线检测工具会获取公开的 URL。浏览器扩展程序则直接读取您浏览器中的页面,因此它也能检测尚未公开的页面。在弹出窗口中选择“完整检测”,即可打开已自动填入该页面的在线检测工具。