Meta标签不参与排名权重计算，其真正作用是触发底层行为：viewport缺失导致LCP延迟、charset错位引发解析中断、description不匹配降低CTR进而影响排序信号。
Meta 标签本身不参与搜索引擎排名算法的权重计算，所谓“权重分配”是误解；真正影响移动端 SEO 的是它们触发的底层行为——比如 viewport 缺失导致 LCP 延迟、charset 错位引发内容解析中断、description 不匹配降低 CTR 进而影响排序信号。
viewport meta 标签写错，页面在手机上直接缩成一团
这不是样式问题，而是浏览器渲染机制被强制降级：iOS 和 Android 默认按 980px 宽度布局，再整体缩放进屏幕，文字小、按钮点不准、CLS（累积布局偏移）飙升。
-
width=device-width是核心，它让 CSS 像素宽度对齐设备逻辑宽度（如 iPhone 14 是 390px），不是物理像素，也不是写死375 -
initial-scale=1.0必须配对出现；单独写width=device-width在旧版 UC 或 iOS Safari 中仍可能触发默认缩放 - 标签必须放在
<head>最顶部，动态插入、塞在<body>里、或被 CMS 多次注入都会失效 - 调试时可运行
document.querySelector('meta[name="viewport"]')确认取到的content值是你写的那个
description 不是关键词堆砌区，而是点击率杠杆
Google 不用它排序，但 SERP 展示的摘要几乎全靠它——用户扫一眼决定点不点，CTR 下降会间接削弱页面在搜索结果中的曝光权重。
- 每页必须唯一，且控制在 120–155 字符内（中文 UTF-8 下约 465 字节），超长会被截断，移动端通常只显示前 120 字
- 前 60 字最关键，因为移动 SERP 只展开首行；避免模板化文案如“欢迎访问 XXX 网站”，要直击当前页内容核心
- CMS 或 SSR 模板中别用全局变量硬套
{{ site.description }}，应优先读取{{ page.description }}或 fallback 到内容首段摘要 - 产品页写 “iPhone 15 Pro 256GB 深空黑｜A17 Pro 芯片｜Pro 级摄像头｜官网正品”，比 “苹果手机参数介绍” 点击率高 3 倍以上
charset 和 viewport 放错位置，首屏渲染直接卡住
浏览器解析 HTML 是流式进行的。<meta charset="UTF-8"> 若不在 <head> 最前，遇到中文就可能乱码或中断解析；<meta name="viewport"> 若滞后，CSS 和 JS 加载前已按错误视口计算布局，LCP（最大内容绘制）延迟不可避免。
立即学习“前端免费学习笔记（深入）”；
-
<meta charset="UTF-8">必须是<head>中第一个标签，早于<title>、<link>、<script> -
<meta name="viewport">应紧随其后，不能晚于任何外部资源引用 - JS 动态注入 viewport 已不可靠——iOS Safari 17+ 和 Chrome 124+ 对延迟设置基本忽略
- charset 值只认
UTF-8，utf8、UTF8、gbk都会触发兼容模式或解析失败
真正难的不是写对几行 meta，而是让每个页面的 description 都有信息密度、让每个模板都能确保 charset 和 viewport 绝对前置、让所有生成 URL（含分页、UTM 参数）都配套 canonical 和必要 robots 控制——这些细节不落地，再好的内容也撑不起移动端 SEO。
