Meta标签分析器 - 解析和审查HTML Meta标签

解析HTML源码,分析所有Meta标签包括标题、描述、OG标签、Twitter卡片等,并提供优化建议。

使用说明

  • 在浏览器中打开您的网页,右键单击并选择"查看页面源码"。
  • 复制全部HTML源码(Ctrl+A,然后Ctrl+C)。
  • 将HTML粘贴到上方文本区域。
  • 点击"分析"以提取所有Meta标签并以结构化表格展示。
  • 查看优化建议,改善页面的SEO表现和社交媒体分享效果。

关于Meta标签

title标签

title标签定义了浏览器标签页和搜索引擎结果中显示的标题。它是最重要的页面SEO元素之一。最佳做法:保持50-60个字符,在开头附近包含主要关键词,并确保每个页面的标题唯一且具有描述性。过长的标题在搜索结果中会被截断。

Meta描述

Meta描述提供页面内容的简要摘要,出现在搜索结果中标题下方(SERP摘要)。虽然不是直接排名因素,但引人注目的描述能提高点击率。目标长度为150-160个字符。自然地包含主要关键词,并在适当时以行动号召结尾。

Open Graph标签

Open Graph Meta标签(og:title、og:description、og:image、og:url)控制页面在Facebook、LinkedIn和Slack等社交媒体平台上分享时的显示方式。没有这些标签,社交平台会从页面中使用任意内容。og:image应至少为1200×630像素,以在所有平台上获得最佳效果。

Twitter Card标签

Twitter Card Meta标签(twitter:card、twitter:title、twitter:description、twitter:image)控制URL在Twitter上分享时的推文预览。summary_large_image卡片类型提供大图预览,能吸引更多互动。没有Twitter Card标签时,Twitter会回退到Open Graph标签,但专用Twitter标签能让您拥有更多控制权。

主要特性

  • 解析并分类所有Meta标签:基础、Open Graph、Twitter和其他
  • 根据SEO最佳实践检查标题和描述的长度
  • 检测缺失的关键标签,如og:image或twitter:card
  • 为发现的每个问题提供可操作的优化建议

常见应用场景

  • 优化前后审查页面的Meta标签
  • 验证Open Graph标签是否正确实现以支持社交分享
  • 检查竞争对手页面以了解其Meta标签策略
  • 排查页面在社交媒体上分享时显示异常的原因