你有没有试过在微信里点开一个链接，看到标题下面自动跳出一段简介，还带张图？或者在百度搜“怎么修电脑”，结果页面上显示的标题和描述，跟网页里实际写的不太一样？这些，八成都是 meta 标签在背后悄悄干活。
meta 标签不是装饰品，是网页的“身份证”
它藏在网页 HTML 文件的 <head> 里，不直接显示给用户看，但浏览器、搜索引擎、微信、微博这些平台全靠它来快速搞懂：这页是干啥的、叫啥名、谁写的、用啥语言、要不要缓存……说白了，就是给网页写的一份简明说明书。
几个常用 meta 标签，一瞅就懂
标题和描述（最常被忽略，其实最重要）：
<meta name="title" content="电脑蓝屏怎么办？三步快速排查">
<meta name="description" content="开机蓝屏别慌！不用重装系统，检查内存、硬盘、驱动三步就能定位问题，附常见错误代码对照表。">这两条直接影响你在百度、微信等平台里显示出来的标题和摘要。很多人改了网页正文，却忘了更新这里，结果搜出来还是“欢迎访问我的网站”，活像一张过期名片。
关键词（现在基本不用了）：
<meta name="keywords" content="蓝屏,死机,0x0000007B,驱动故障">十多年前搜索引擎还爱看这个，现在早不靠它排名了。留着无害，但别指望靠它提升搜索排名。
告诉手机浏览器怎么显示（实用！）：
<meta name="viewport" content="width=device-width, initial-scale=1.0">没有这行，你用手机打开很多老网站，页面会缩成一团小字，得不停双指放大——这就是 viewport 没设好。现在新做的网页基本都默认加了，但修老站时一眼就能看出差别。
防乱码、定编码（基础但关键）：
<meta charset="UTF-8">中文网页没这句，轻则标题变“????”，重则整个页面文字糊成一片。就像做菜忘放盐，看着像那么回事，吃起来不对味。
一个小提醒：别乱填，填了就得负责
比如你在 description 里写“全网最全Win11激活教程”，结果点进去全是广告跳转，微信和百度很快就会降低对你的信任度，展示机会越来越少。meta 标签不是“包装纸”，它是网页真实内容的快照——拍得准，别人才愿意点进来。
下次自己建站、改博客，或者让别人帮你做网页，顺手翻到 HTML 源码里找找 <head> 部分，看看这几行有没有、对不对。花两分钟，比后期花两小时改SEO强多了。