Meta 标签查看器
查看页面上的所有 Meta 标签
粘贴 URL 即可直接查看其 HTML 头部中的 Meta 标签,无需翻找源代码。标题、描述、社交媒体标签和网站图标一目了然,并支持实时效果预览。
标题和描述
以搜索引擎读取的完全相同方式查看标题标签和元描述及其字符长度,以便了解在搜索结果中可能会被截断的内容。
标题
描述
framer.com
漫游器与规范网址
查看 robots 元标记和规范链接,以确认该网页可以被编入索引并指向正确的网址。一个多余的 noindex 标记可能会导致网页从 Google 搜索结果中消失。
标题
描述
framer.com
社交标签
查看控制链接预览的 Open Graph 和 Twitter 卡片标签(包括 og:image),并了解它们在各个平台上的渲染效果。
网站图标
查看浏览器和 Google 将在您页面旁显示的网站图标(Favicon),并检查其加载尺寸是否合适可用。
标题
描述
framer.com
查看 Meta 标签的实用指南
Meta 标签对访客是隐藏的,但它们决定了网页在搜索结果和社交应用中的展示方式。借助 Meta 标签查看工具,您只需几秒钟就能让它们清晰可见。
什么是元标签(Meta 标签)查看器?
Meta 标签查看器可以加载网页,并列出其中包含的 Meta 标签及相关的 head 元素。这样你就无需打开网页源代码去逐个手动查找标签了。
如何查看网站的元标签(meta tags)
输入页面网址并运行查看器。您也可以右键点击页面并选择“查看网页源代码”,然后搜索“meta”,但查看器还能显示预览并高亮标记缺失的标签。
每个页面都应该包含哪些 meta 标签?
一个独一无二的标题 (title)、一个元描述 (meta description)、一个视口标签 (viewport tag)、一个规范链接 (canonical link)、Open Graph 标签(og:title、og:description、og:image、og:url)以及 twitter:card。仅在需要限制索引时才添加 robots 标签。
建议长度
标题约 50 到 60 个字符,meta 描述约 140 到 160 个字符,og:title 在 60 个字符以内,og:image 尺寸为 1200 x 630 像素。
Meta 标签查看器与 Meta 标签检查器对比
预览工具可以显示页面上的内容;检查工具则更进一步,能标记出缺失、重复或过长标签等问题。而 LinkPreview 在一个视图中兼具这两项功能。
为什么我看到的标签与源内容不同
有些网站在页面加载后使用 JavaScript 添加或修改 meta 标签。许多网络爬虫只读取首次返回的 HTML 响应,因此请确保重要的标签已在服务器端渲染。
查看优质网站的 Meta 标签
浏览画廊,查看 1,700 多个设计精美的网站所使用的标题、描述和 OG 图片,然后与您自己的网页进行对比。
更多免费工具:OG 图像尺寸检查器、Twitter 卡片验证器、网站图标检查器以及Meta 标签生成器。