title必须唯一且置于head内，是seo核心信号；description影响点击率但不参与排名；charset和viewport为渲染底线，顺序错误将致乱码或响应式失效。
<title></title> 必须有，<meta name="description"> 建议有——但两者作用完全不同，不能互相替代，也不能写错位置或格式。
title 标签必须放在 head 里且只能有一个
浏览器标签栏、历史记录、书签、搜索结果标题栏都靠它；搜索引擎也把它当页面主题第一信号。写错位置（比如丢到 里）或漏写，会导致 SEO 折损和体验断层。
- 必须包裹在
内，且整个 HTML 中只允许出现一次 - 内容长度建议控制在 50–60 个字符（含空格），过长会被搜索结果截断
- 避免全站统一模板，比如所有页面都写“首页 - 我的网站”，搜索引擎会判定为低质
- 不要用「本站」「本网站」这类无指向性主语；优先把核心关键词前置，例如：
<title>React.memo 性能陷阱：依赖数组漏写 callback 导致无效缓存</title>
meta description 不影响渲染，但影响点击率
它不显示在页面上，纯供搜索引擎和部分平台（如微信公众号预览、某些 RSS 阅读器）抓取摘要。写得不准、太长或堆砌关键词，反而会被忽略或降权。
- 必须放在
内，且只出现一次；位置建议紧挨<title></title>后，早于其他<meta> - 推荐长度 120–160 字符（中文按字数算），超长会被截断，且部分爬虫直接弃用整条
- content 值必须用双引号包裹，单引号在某些 CMS 或构建流程中会出错
- 别写“欢迎访问我们的网站”，要写“用
fetch()替代XMLHttpRequest的 3 种安全写法｜含错误重试与超时控制” - 如果是 SSR 页面（如 Next.js/Nuxt），确保该标签出现在首屏 HTML 源码中，而不是靠 JS 动态注入
charset 和 viewport 是 meta 的基础底线
这两项虽不参与 SEO 排名，但一旦出错，页面就可能乱码、手机端布局崩塌——属于“不出问题没人注意，一出就是致命”的配置。
-
<meta charset="UTF-8">必须是中第一个标签（或至少在<title></title>之前），否则中文可能解析失败 -
<meta name="viewport" content="width=device-width, initial-scale=1">要紧跟 charset 和 title 之后，iOS Safari 对顺序敏感 - viewport 中别写
user-scalable=no或maximum-scale=1.0，现在主流无障碍规范已明确反对禁用缩放 - 避免混用
http-equiv和name属性在同一<meta>上，例如<meta http-equiv="description" name="description">会被直接忽略
真正容易被忽略的，不是“要不要写”，而是“什么时候写对”。很多项目上线后才发现 description 在源码里是空的，或者 title 渲染出来是 “Loading…”——那往往不是标签本身的问题，而是构建流程或 SSR 数据注入时机没卡准。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
