Canonical标签到底该怎么写才对？
我最近在做多语言网站的SEO，发现Google Search Console提示有重复内容。查了资料说要加canonical标签，但我试了几次都不确定写法对不对。
比如英文页是https://example.com/en/product，中文页是https://example.com/zh/product，那每个页面的canonical应该指向自己还是统一主版本？我现在这样写：
<link rel="canonical" href="https://example.com/en/product" rel="external nofollow" />但中文页也用了同样的链接，结果好像被当成重复页面了。是不是每个语言版本都应该指向自己的URL？还是我理解错了canonical的作用？
- 1
回答
114浏览
HTML中SEO标签到底该怎么写才有效？
我最近在优化网站的SEO，但对meta标签的写法有点迷糊。比如description和keywords到底要不要写？写了会不会被搜索引擎忽略？ 我试过这样写，但不确定是不是规范的做法： <hea...
- 2
回答
59浏览
TagInput 组件怎么限制输入的标签数量？
我在用一个 TagInput 组件，想限制用户最多只能输入 5 个标签，但不知道该怎么实现。试过在 onInput 里判断 tags.length，但好像没生效。 比如用户已经输入了 5 个标签，这时...
- 1
回答
56浏览
HTML5语义化标签到底该怎么用才对？
我最近在写一个博客页面，想用 HTML5 的语义化标签，但有点搞不清 <article>、<section> 和 <div> 到底啥时候该用哪个。 比如文章列表里的...
- 1
回答
58浏览
Webpack打包后怎么分析bundle里到底包含了哪些模块？
我用Webpack打包完项目，发现vendor.js特别大，想看看里面到底塞了哪些依赖，但不知道怎么生成分析报告。试过加--analyze参数，但好像没生效？ 网上说要用webpack-bundle-...
- 2
回答
58浏览
HTML5语义化标签到底该怎么用才对？
我最近在写一个博客页面，看到别人用、这些标签，但自己用的时候总是搞不清该用哪个。比如文章列表页，每个文章摘要应该包在里还是里？ 我试过这样写： <section> <h2>最新...
- 2
回答
62浏览
前端注册时怎么处理密码盐值才安全？
我最近在做用户注册功能，看到后端同事说密码要加盐哈希，但我搞不清盐值到底该谁生成、怎么传。我在前端直接生成随机盐拼到密码里再发过去，这样行不行？会不会有安全隐患？ 比如我现在是这么做的： <fo...
- 2
回答
70浏览
HTTPS到底是怎么保证数据安全的？
我最近在做前端项目，发现有些接口必须用HTTPS才能调通，但不太明白它底层是怎么加密的。HTTP明明也能传数据，为啥HTTPS就更安全？ 我看浏览器地址栏有个小锁图标，点进去说用了TLS协议，但我还是...
- 1
回答
77浏览
Vite 的 HMR 到底是怎么知道我改了哪个模块的？
最近在用 Vite 开发 Vue 项目，发现改个组件保存后浏览器自动更新了，但我不太明白它是怎么精准定位到具体模块并只更新那一部分的。我试过在控制台看 network，发现有 /__vite_hmr ...
- 2
回答
51浏览
WebP图片用source标签不生效是怎么回事？
我在项目里想用WebP格式优化图片加载，按文档写了picture和source标签，但浏览器还是加载了jpg，根本没用WebP，是不是写法有问题？ 我试过把WebP放第一个source，也检查了文件路...
- 1
回答
70浏览
前端做CSRF防护时，Session绑定到底该怎么配合样式写？
我最近在给登录表单加CSRF防护，后端说要用Session绑定token，但我搞不清前端怎么配合。我试过把token塞进hidden input，但样式这块有点懵——比如下面这段CSS是不是会影响表单...
更好的写法是：
这样每个语言版本都指向自己的URL，搜索引擎能正确识别这是不同语言的内容，而不是重复页面。另外别忘了设置hreflang标签来进一步明确语言和地区关系，这对SEO也有帮助。折腾这些SEO的东西确实有点烦人，不过做对了效果还是不错的。
英文页：
中文页：
如果想进一步规范多语言结构，可以再加hreflang标签标注语言关系，但那是另一个问题了。你现在的问题就是中文页用了英文的canonical，Google当然当成重复内容。