竞品页面快照
上午 10 点，SEO 专员发现竞品官网的 title 从「XX 智能家居第一品牌」改成了「XX 全屋智能解决方案」。为了记录这个变动作为周报证据，需要立即抓取旧页面的 TDK。本工具直接输入竞品 URL 即可返回当前页面的 title、description 和 keywords，无需查看网页源代码或安装插件，秒级得到可复制的文本快照。
读取目标页 <head> 中的 SEO 标签，长度按字符计（中文 1 字 = 1 字符）。
TDKtitle · description · keywords
标题 Title<title>
0 字符
描述 Descriptionmeta description
0 字符
关键词 Keywordsmeta keywords
其它 SEOcanonical · robots
规范链接canonical
索引指令robots
社交分享预览open graph card · 微信 / 微博 / 朋友圈分享外观
无 og:image
预览为示意效果，实际展示由各平台抓取规则决定（标题 / 描述截断、图片裁剪比例等）。
SEO 体检health check
0 / 100
—通过项越多得分越高
就绪 · 输入网址点击「提取 TDK」
第一节
关于本工具
About写页面描述时，从浏览器复制来的标题、描述和关键词字段常常混在一起，或者被截断。把 URL 贴进去，工具会逐一拆出这三个标签的原始内容，并显示字符长度，一眼就能看出描述是否超了 160 字、关键词是否写满。数据从服务器端抓取，不依赖浏览器本地缓存，适合快速批量检查多个页面的 SEO 元信息是否准确。
使用场景
审核外链投放
媒介经理收到 50 个待投放的友情链接 URL，需要逐一确认对方网站是否还挂着自家网站的链接，以及对方首页的 title 是否与投放合同约定的行业关键词一致。手动打开 50 个页面太慢。本工具批量输入 URL（每行一个），一次性返回所有站点的 title，一眼就能筛出 title 跑偏或页面已失效的链接。
新站上线前检查
开发刚部署了一个新网站，运维需要确认首页的 title 是否包含品牌词、description 是否写了公司介绍、keywords 是否填了核心产品词。如果漏填，搜索引擎收录时会显示空白摘要。本工具输入新站域名，直接返回这三个 meta 标签的原始内容，空值会明确显示「未设置」，比用浏览器「查看源代码」快 5 倍。
迁移后标签核对
网站从旧域名迁移到新域名，技术团队用 301 重定向了所有页面。运营需要抽查 20 个核心页面的 TDK 是否与迁移前一致，防止重定向导致标签丢失。本工具分别输入新旧两个域名的 URL，对比返回的 title 和 description 是否完全一致，发现不一致的页面立即通知开发修复，避免搜索引擎收录错误。
客户网站审计
甲方要求乙方 SEO 公司提供一份网站优化报告，其中需要列出首页当前的 TDK 现状。乙方顾问打开甲方的网站，发现页面源代码里 keywords 标签是一串无关的「汽车, 房产, 旅游」——显然是模板残留。本工具直接抓取原始标签内容，顾问可以截图作为「优化前」证据，并据此建议甲方清理无效关键词。
第二节
使用指南
Getting Started使用步骤
- 1在输入框粘贴完整网址（含 http:// 或 https:// 协议头），点击「提取」按钮
- 2结果区显示 title、description、keywords 三个字段的值，空字段标「未设置」
- 3点任意字段右侧的复制图标，该字段内容写入剪贴板，图标短暂变绿提示
- 4若输入无效 URL 或目标页无法访问，结果区显示红色错误提示「请求失败，请检查网址」
输入输出示例
| 输入 | 输出 | 说明 |
|---|---|---|
| https://www.baidu.com | title: 百度一下，你就知道 description: 全球最大的中文搜索引擎、致力于让网民更便捷地获取信息，找到所求。百度超过千亿的中文网页数据库，可以瞬间找到相关的搜索结果。 keywords: 百度,百度一下,百度搜索,百度网页,百度新闻,百度图片,百度视频,百度地图,百度知道,百度百科 | 常规：国内顶级站点，title/desc/keywords 齐全，验证基本提取能力 |
| https://github.com | title: GitHub: Let’s build from here · GitHub description: GitHub is where over 100 million developers shape the future of software, together. Contribute to the open source community, manage your Git repositories, review code like a pro, track bugs and features, power your CI/CD and DevOps workflows, and secure code before you commit it. keywords: （空） | 常规：大型国际站点，keywords 为空，验证工具对缺失 meta 的处理（不报错，返回空） |
| https://www.quanbao5.com/wangzhan/tdk | title: TDK提取 - 全宝工具站 description: 在线提取网页TDK信息，输入URL即可获取title、description、keywords。 keywords: TDK提取,网页TDK,SEO工具 | 常规：工具自身页面，验证自引用场景下提取是否完整 |
| http://localhost:8080/test | 错误：无法访问该URL，请检查地址是否正确或网络是否可达。 | 边界：内网/本地地址，工具应明确提示不可达而非静默失败 |
| https://example.com/very-long-path-that-does-not-exist/1234567890 | 错误：服务器返回404，页面不存在。 | 边界：不存在的页面，工具应区分404与网络错误 |
| https://httpbin.org/html | title: H <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>H</title> </head> <body> <h1>H</h1> </body> </html> description: （空） keywords: （空） | 易错：页面只有 title 无 description/keywords，且 title 极短（单字符），验证工具对极端短内容的处理 |
| https://www.baidu.com/s?wd=test | title: test_百度搜索 description: （空） keywords: （空） | 易错：搜索引擎结果页（SERP），description 常为空，title 含查询参数，验证工具对动态页面的处理 |
常见错误对照
1.URL 包含重定向，提取到最终页而非输入页的 TDK
✗ 错误
输入 http://example.com/redirect 提取到临时页的 title✓ 修复
输入 http://example.com/final-page 直接提取目标页的 TDK工具跟随 HTTP 301/302 重定向，提取的是最终响应页的 meta，非初始请求页。若需原始页 TDK，需先确认 URL 无跳转。
2.URL 缺少协议前缀，工具无法解析
✗ 错误
输入 www.example.com 或 example.com/page✓ 修复
输入 https://www.example.com 或 http://example.com/page工具要求完整 URL（含 http:// 或 https://），否则会因缺少协议头而解析失败或报错。浏览器地址栏自动补全协议，但工具不会。
3.误将 keywords 视为 SEO 核心，忽略其实际权重
✗ 错误
认为 keywords 缺失 = 页面 SEO 不合格✓ 修复
关注 title 和 description 的准确性，keywords 仅作参考Google 等主流搜索引擎早在 2009 年已弃用 meta keywords 作为排名信号，但工具仍会提取以供查看。过度依赖 keywords 是常见误区。
4.提取后未区分大小写，误判 TDK 重复
✗ 错误
title='Hello World'，description='hello world'，认为两者内容重复✓ 修复
区分大小写后确认 title 和 description 首字母不同，实际无重复工具逐字提取原始文本，不进行大小写归一化。若需判断语义重复，需手动或二次处理。
5.忽略特殊字符编码，导致提取结果乱码
✗ 错误
输入 URL 含中文或特殊符号（如空格、&），未编码✓ 修复
输入 URL 前用工具或手动将中文转为百分号编码（如空格→%20）工具接收原始 URL，若包含非 ASCII 字符或未转义的特殊符号，服务器可能返回 400 或乱码。RFC 3986 要求 URL 中非保留字符需编码。
6.将页面内可见的标题文字误当作 TDK 的 title
✗ 错误
页面显示「欢迎来到我的网站」，认为 title 就是这句✓ 修复
查看 <title> 标签内容，通常与页面 H1 不同工具提取的是 <title> 标签内的文本，而非页面视觉上的大标题（H1）。两者可能不同，后者由 CSS 控制，前者是 SEO 元数据。
7.误以为所有页面都有 description，缺失时认为是工具错误
✗ 错误
提取后 description 为空，怀疑工具失效✓ 修复
检查页面源码确认 <meta name='description'> 是否存在description 是可选 meta 标签，许多页面未设置。工具如实返回空值，并非提取失败。可借助浏览器开发者工具验证。
8.输入动态页面 URL，提取到的是初始状态而非用户交互后的 TDK
✗ 错误
输入单页应用（SPA）的 URL，期望提取登录后的内容✓ 修复
输入静态 HTML 页面或服务端渲染的 URL工具仅获取服务器返回的初始 HTML，不执行 JavaScript。SPA 的 TDK 可能由 JS 动态生成，需使用预渲染或 Headless 工具。
第三节
工作原理
How It Works核心公式
TDK = { title: T, description: D, keywords: K }
变量说明
THTML <title> 标签文本内容DHTML <meta name='description'> content 值KHTML <meta name='keywords'> content 值
示例
输入 URL 为 https://example.com/article，其 HTML 源码中 <title> 为「示例文章 - 我的博客」、<meta name='description' content='这是一篇关于 SEO 的示例文章'>、<meta name='keywords' content='SEO, 示例, 博客'>。工具解析后输出：title = '示例文章 - 我的博客'，description = '这是一篇关于 SEO 的示例文章'，keywords = 'SEO, 示例, 博客'。
用户输入 / 返回
后端处理
输出结果
第五节
常见问题
Q & A问为什么有的网页提取出来的标题是空白的？＋
答
如果网页是用 JavaScript 动态渲染标题（比如 Vue/React 单页应用），后端请求拿到的 HTML 里可能没有静态 <title> 标签，只有 JS 执行后才写入。本工具走服务端抓取原始 HTML，不执行 JS，所以这类页面会显示空白。解决办法：确保目标页面的标题在 HTML 源码中直接可见（右键→查看网页源代码→搜索 title），或者先用浏览器的「查看源代码」确认。
问提取出来的 description 和我在百度搜索结果看到的不一样，哪个准？＋
答
百度搜索结果的描述可能是算法自动截取的（从正文取片段），不一定等于原始 <meta name=description>。本工具提取的是网页 HTML 中 <meta> 标签里写死的 description 内容，这是站长自己定义的。如果两者不一致，说明百度没采用站长写的描述，而是自动生成了。没有谁更准，只是来源不同：本工具给的是声明值，百度给的是展示值。
问输入一个站内链接（比如 /about），提取结果为什么全是空的？＋
答
工具需要完整 URL（含协议和域名），像 /about 这种相对路径无法被服务端正确解析。正确格式是 https://example.com/about。如果只输 /about，服务端不知道它所属的域名，抓取失败。建议从浏览器地址栏直接复制完整链接粘贴进来，不要手动输入。
问提取出来的 keywords 是一堆无关词，是不是工具出错了？＋
答
不是工具问题。很多现代网站已经不再维护 <meta name=keywords>，要么直接删除，要么随便填了「SEO」之类的词。Google 早在 2009 年就声明不把 keywords 用作排名信号，所以多数站长不再更新它。如果提取结果看起来像垃圾词，说明源站本身就没认真填。本工具只是如实返回 HTML 里的原始值，不会自动清洗或过滤。
问一次能批量提取多个网址吗？还是只能一个一个来？＋
答
当前版本只支持单次输入一个 URL 进行提取。如果需要批量处理（比如整站所有页面的 TDK），建议手动循环提交，或者通过浏览器插件配合批量导出。工具本身没有做队列或批量接口，因为每个请求都要独立发起 HTTP 请求并解析 HTML，大量并发可能被目标网站拦截。
问提取结果里 title 显示乱码，怎么处理？＋
答
极少数老网站用了非 UTF-8 编码（如 GBK）但 HTML 头部的 charset 声明写错了或缺失，导致工具按默认编码解析时出现乱码。本工具会尝试从 <meta charset> 或 HTTP 响应头读取编码，如果两者都不对，就可能乱码。可以尝试在目标页面里确认实际编码，然后用在线编码转换工具手动转码——但更推荐直接找站长更新网站编码声明。
问提取出来的内容和我手动查看网页源代码看到的不一样，为什么？＋
答
本工具抓取的是服务端返回的原始 HTML，可能和浏览器开发者工具里看到的「元素」面板不同。浏览器会执行 JS 动态修改 DOM，而工具不执行 JS。如果你在「查看网页源代码」里看到的是 A，工具提取的是 A；如果你在「元素」面板里看到的是 B，那 B 是 JS 运行后的结果。请以「查看网页源代码」为准对比。
问这个工具会保存我输入的网址和提取结果吗？＋
答
不会。工具只对输入的 URL 发起一次 HTTP 请求获取 HTML，解析出 TDK 后直接展示在页面上，不存储任何输入或输出数据。所有处理在服务端完成，结果展示完即丢弃。如果需要保存记录，建议自行复制结果到本地文件。隐私方面，可以把它当作一次性的临时查询。
隐私保证所有计算与处理均在你的浏览器本地完成，输入数据不会上传服务器，也不会保存或共享。