Chrome 适用的 Meta 标签检查器

查看当前页面在链接被分享时的展示效果。点击 LinkPreview 图标可检查其元标签(meta tags)、预览分享卡片,并一键复制缺失内容的修复代码。

www.framer.com/
Framer: Free website builder and AI design agent
X
www.framer.com
Framer: Free website builder and AI design agent
The free website builder with a design agent that takes you from idea to launch. Changes stay editable, with hosting, CMS, analytics, SEO, and AEO built in.
2 issues
EditRefreshFull check
Title48 / 60
Framer: Free website builder and AI design agent
ResetCopy all tags
  • og:image
    Copy fix
    Missing. 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:card
    Copy fix
    Missing. 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
Show all tags (8)Copy all tags

该扩展的功能

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。浏览器扩展程序则直接读取您浏览器中的页面,因此它也能检测尚未公开的页面。在弹出窗口中选择“完整检测”,即可打开已自动填入该页面的在线检测工具。