重定向链追踪工具 - URL跳转路径检测
输入短链接或URL,逐跳追踪HTTP 301/302等重定向,显示最终目标。
UD5工具箱
快速生成规范的 Canonical 标签,避免重复内容影响搜索排名。输入规范URL和变体URL,一键生成所有标签。
输入URL后将在此显示每条标签
放在 <head> 中
Canonical标签必须放在HTML的<head>标签内
每页仅一个
每个页面只能有一个Canonical标签
使用绝对URL
推荐使用完整的绝对URL(含https://)
Canonical标签(规范标签)是一个HTML元素,格式为 <link rel="canonical" href="URL" />,用于告诉搜索引擎哪个URL是页面的首选版本。
当网站存在内容相同或高度相似的多个URL时(如带/不带www、HTTP/HTTPS、带参数/不带参数、打印版本等),搜索引擎可能不知该索引哪个版本。Canonical标签帮助集中排名信号,避免重复内容分散权重。
重要性:Google将Canonical标签视为强烈的索引信号。正确使用可以提升核心页面的排名,防止重复内容问题。
以下场景强烈建议使用Canonical标签:
https://www.example.com 和 https://example.com/article?print=1m.example.com 与桌面版即使页面没有重复版本,也建议添加自引用Canonical标签作为预防措施。
| 特性 | Canonical标签 | 301重定向 |
|---|---|---|
| 用户可见 | 否,用户仍访问原URL | 是,浏览器跳转到新URL |
| 传递权重 | 传递大部分排名信号 | 传递几乎全部排名信号 |
| 适用场景 | 需要保留多个URL访问 | 永久迁移,旧URL不再使用 |
| 跨域支持 | ✅ 支持 | ✅ 支持 |
| 实现方式 | HTML <head>标签 | 服务器配置 |
简单记忆:想让用户还能访问旧URL就用Canonical;旧URL彻底不用就用301。
自引用Canonical标签是指页面将自身URL作为Canonical目标。例如,在 https://example.com/page 页面中放置:
<link rel="canonical" href="https://example.com/page" />
非常有必要!原因:
大多数CMS(如WordPress的Yoast SEO插件)会自动添加自引用Canonical标签。
使用本工具生成正确的标签格式,可有效避免上述大部分错误。
不一定。Google将Canonical标签视为强烈建议而非绝对指令。以下情况搜索引擎可能忽略Canonical标签:
最佳实践:保持信号一致性。Sitemap、内部链接、Canonical标签都应指向相同的首选URL。
对于多语言网站,Canonical和hreflang需要配合使用:
例如,英文页面和中文页面是不同语言版本,不应互相设置Canonical。但各自的变体URL(如带参数的版本)应设置Canonical指向对应语言的首选URL。
两者结合使用,能更精确地控制国际化SEO。
SEO 最佳实践提醒
1. 始终在规范URL自身也添加自引用Canonical标签。
2. Canonical标签放在 <head> 中尽可能靠前的位置。
3. 保持内部链接、Sitemap、Canonical三者URL一致。
4. 使用绝对URL,包含协议和域名。
5. 定期检查Canonical标签是否仍然有效(目标URL可访问)。
输入短链接或URL,逐跳追踪HTTP 301/302等重定向,显示最终目标。
添加层级名称与链接,自动生成带Schema结构化的面包屑导航条。
粘贴带参数的URL,以表格形式列出所有Query参数与值。
提取HTML中内联style属性或嵌入式style标签,转变为独立CSS规则,辅助样式重构。
输入 HTML 或网址,提取所有标题标签,生成文档大纲树,检测跳跃和缺失。
勾选或调整所需的重置元素(盒模型、边距等),生成自定义CSS Reset片段,确保跨浏览器一致性。
输入一组单词,自动生成网格字母谜题,可调整网格大小和方向,导出打印。
快速检测系统是否支持特定的URL Scheme(如mailto:、tel:、tg:)。
粘贴多行URL列表,逐行可总控一键在新标签页中全部或部分打开。
提取HTML中所有内嵌 `<style>` 标签的内容,合并生成单独CSS文件。
检测浏览器是否支持特定自定义协议(如mailto:, tg:),并尝试调用。
粘贴HTML并编写XPath表达式,高亮显示匹配的节点并提取文本。
调节光源角度、颜色和距离,生成凹凸柔和的新拟态UI元素CSS盒阴影代码,潮流设计工具。
可视化添加层级,生成带结构化数据的面包屑导航HTML/CSS代码。
粘贴JSON对象,生成可折叠的树形视图,点击节点复制其键值路径,方便调试。
可视化配置原生 dialog 元素,添加表单并设置方法,生成完整 HTML/CSS/JS 代码。
选择任意基色,自动计算互补色、分裂互补及三分色,提供十六进制代码,一键复制。
粘贴PHP print_r或var_export输出,智能解析为有效的JSON。
选择触发位置、箭头方向与样式,生成轻量悬停提示框代码。
上传精灵图,自动切片检测或手动框选获取背景定位数值,生成CSS Sprite代码。
将普通HTML标记转换为符合JSX语法的代码,自动处理class→className、行内样式对象化等。
利用隐藏的checkbox和CSS兄弟选择器实现无需JS的暗黑/明亮主题切换。
输入新旧JSON,并排展示增删改的行级差异,辅助接口变动追踪。
配置内容和位置,生成使用最新HTML popover属性的轻量弹窗代码,无需JavaScript。
获取和释放命名锁,观察多个标签页如何排队等待资源访问。
为页面上使用CSS Grid的元素显示网格线和名称,辅助布局开发和调试。
可视化配置<dialog>元素外观与行为,生成现代化、无障碍友好的模态框代码。
可视化Flexbox容器和子项的所有属性及选项,鼠标悬停预览效果。
在任意网页上投射可拖拽调整的栅格覆盖线,用来测量和对齐设计稿。
生成确保页脚始终在页面底部(即使内容不足)的CSS代码,支持Flexbox/Grid方案。