必须为内首个标签，否则导致乱码；viewport须紧随其后且用width=device-width, initial-scale=1；description需每页唯一、120–155字符；keywords已废弃，robots应按页面类型动态设置。

直接写在 里，但顺序和取值错一个，浏览器或爬虫就可能忽略甚至报错。

charset 必须是 的第一个标签

它影响整个文档的字符解析，晚于它出现的任何文本（包括 ）都可能乱码。比如你用 UTF-8 编码保存 HTML 文件，但 写在 后面，Chrome 就可能把标题里的中文显示成 。

• 必须放在 开始后第一行，前面不能有任何内容（空格、注释都不行）
• 别再用 ，HTML5 已废弃这种写法
• 如果用了构建工具（如 Vite、Next.js），确认它没自动注入别的 charset 标签，否则会冲突

viewport 要紧贴 charset 后，且不能写死宽度

写成 width=375 或 width=414 看似适配某款手机，实际会让 Pixel 8、iPhone 16 Pro Max 这类新机型强制缩放，文字模糊、点击区域变小。

• 标准写法只有这一种：
• 不要加 maximum-scale 或 user-scalable=no —— 屏幕阅读器和残障用户依赖缩放功能
• 某些 CMS（如 WordPress 主题）会默认注入 viewport，检查源码是否重复写了两次

description 每页唯一，长度卡在 120–155 字符之间

Google 搜索结果摘要通常只截取前约 155 个 Unicode 字符（含空格），超出部分会被省略号吞掉；少于 120 个又显得单薄，容易被当成低质页。

DeepBI DHTML 页面生成器

生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur

下载

• 避免模板里写死通用文案，比如所有页面都用 content="欢迎访问我们的网站"
• 动态生成时，优先从页面 H1 或首段提取语义主干，而不是拼接关键词
• CMS 中若 description 字段为空，别 fallback 到 keywords 或 title，那会导致摘要重复或语义断裂
• 特殊符号（如 emoji、全角标点）也占字符数，写完建议用字符计数器校验

keywords 和 robots 不该进模板默认项

自 2009 年起 Google 完全不使用，Bing 也已弃用；而 如果统一设为 index,follow，反而会让分页（/blog?page=2）、筛选页、打印页被错误收录。

• 直接从模板中删掉 —— 它不带来 SEO 增益，只增加冗余字节
• 应按页面类型动态输出：noindex,nofollow 用于登录页、404、测试页；noindex,follow 用于分页、排序页
• 全局规则优先走 robots.txt，meta robots 只处理单页粒度控制

真正难的不是写对这三四个标签，而是让它们在不同页面类型（首页、文章页、分类页、AJAX 渲染页）里保持语义准确、互不干扰。CMS 或 SSR 框架里，description 和 og:title 很容易被模板引擎缓存成同一份，上线后才发现几百个页面摘要一模一样——这种问题肉眼几乎看不出，只能靠自动化抓取验证。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！