关于 canonical-tag
面向技术 SEO 的技能，指导为重复或替代页面选择并设置规范 URL。它帮助网站管理者判断何时使用重定向、规范标签或相关设置，也涵盖 HTTPS 与多语言页面。
主要功能
- 01评估重复 URL 情况
- 02选择重定向或规范标签
- 03配置 HTTPS 与首选主机名
- 04设置多语言规范 URL 与 hreflang
- 05在 Next.js 中应用规范规则
适用场景
- 01合并 www 与非 www 版本
- 02处理跟踪参数或分页页面
- 03为多语言页面设置规范 URL
- 04将 HTTP 流量重定向至 HTTPS
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/canonical-tag确认已加载。
详细介绍
SEO 技术：Canonical
介绍 canonical 标签配置，以整合重复内容并声明首选 URL。
调用时：首次使用时，如果有帮助，可先用 1–2 句话介绍此技能涵盖的内容及其重要性，然后提供主要输出。后续使用时，或用户要求跳过时，直接提供主要输出。
范围（技术 SEO）
- 网站版本重复：HTTPS 与 HTTP；www 与非 www；尾部斜杠（/page 与 /page/）——选择一个版本，其他版本使用 301 重定向
- 内容重复：Canonical 标签；整合内容并通过 301 重定向到首选 URL
- HTTPS：SSL/TLS；安全连接；自 2014 年起就是排名信号
初步评估
**项目背景：**如果根目录中存在 contextus.md，请阅读并仅加载与此任务相关的模块。没有 Contextus 时，请使用现有项目资料或用户提供的信息，并询问缺失的信息；不要创建平行的上下文系统。
请确定：
- 网站 URL：基础域名
- 重复情形：多语言、查询参数、分页、备用 URL
- 框架：Next.js、React、静态网站等
Canonical 化方法（按情形选择）
| 方法 | 适用情形 | 优势 |
|---|---|---|
| 301 重定向 | 首选；服务器可以执行重定向 | 最强——永久重定向 |
| Canonical 标签 | 无法重定向时（例如参数、分页） | 强——HTML 信号 |
| robots.txt | 屏蔽非 canonical 路径 | 弱——仅供参考 |
HTTP→HTTPS、www 变体、尾部斜杠应使用 301 重定向。参数、分页、UTM 应使用 canonical。
HTTPS 与安全性
HTTPS 是一项排名信号（Google，2014）。用户和爬虫应只能访问 HTTPS 版本。
| 要求 | 操作 |
|---|---|
| SSL/TLS 证书 | 安装有效证书；可免费使用 Let's Encrypt |
| 301 重定向 | HTTP → HTTPS；将所有 HTTP 请求重定向到 HTTPS |
| 混合内容 | HTTPS 页面中不得包含 HTTP 资源；修复混合内容警告 |
| HSTS | 可选；为回访用户设置 Strict-Transport-Security 标头 |
WWW 与非 WWW：选择一个首选版本；将另一个版本通过 301 重定向。请参阅上文的 canonical 规则。
何时使用 Canonical
- 多语言：每个语言版本都有自己的 canonical；将 hreflang 与 canonical 配合使用
- 相同内容，多个 URL：参数、分页、跟踪参数、www 与非 www、尾部斜杠（/page 与 /page/）
- 自引用：Canonical 应指向自身或首选版本
- 避免 canonical 链：A→B→C 无效
规则
| 规则 | 说明 |
|---|---|
| 绝对 URL | 包含 https:// |
| 一致性 | 必须与当前页面 URL 或选定的首选版本一致 |
| 不得形成链 | A→B→C 无效 |
实现模式
Next.js（metadata）
export const metadata = {
alternates: {
canonical: "https://example.com/page-slug",
languages: {
zh: "https://example.com/zh/page-slug",
en: "https://example.com/page-slug",
"x-default": "https://example.com/page-slug",
},
},
};
HTML（通用）
<link rel="canonical" href="https://example.com/page-slug" />
服务器重定向（301）
Apache（.htaccess）：
RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
Nginx：
return 301 https://$host$request_uri;
与其他技术 SEO 的关系
- 站点地图：站点地图中的 URL 应与 canonical 一致
- IndexNow：提交 canonical URL
输出格式
- 每种页面类型的 Canonical URL
- 实现方式（metadata 或 HTML）
- 适用时提供 多语言配置
- 参考资料：Alignify URL 优化；Google Canonical
相关技能
- url-structure：URL 层级与格式；canonical 处理重复变体（HTTPS、www、尾部斜杠）
- localization-strategy：多语言场景下的 hreflang + canonical
- xml-sitemap：站点地图 URL 应与 canonical 一致
- indexnow：提交 canonical URL
- google-search-console：在覆盖率报告中查找重复内容
- indexing：解决索引问题
- site-crawlability：抓取预算；重定向链；canonical 可减少重复抓取造成的浪费
评论
支持 Markdown