网页 title 标签是什么,应该怎么写?

By huanggs

title 标签是写在 head 里的页面标题,不是正文里的 H1

HTML 的 <title> 元素定义文档标题。MDN 的 title 元素说明指出,它显示在浏览器标题栏或页面标签页中,只包含文本,并且位于 <head> 内。页面正文里的 <h1> 则是用户打开页面后看到的主标题,两者应互相呼应,但不是同一个标签。

一个好 title 应该解决什么问题

  • 让用户在浏览器标签页或搜索结果中快速判断页面主题。
  • 与页面主要内容、H1 和语言一致,不挂羊头卖狗肉。
  • 每个重要页面有独立标题,避免全站都叫“首页”“产品中心”。
  • 把核心信息放前面,品牌名可放后面。

好坏写法对比

场景不建议更清楚
服务页首页 - 公司名称俄语外贸独立站建设服务 - 公司名称
案例页案例, 外链, SEO, 排名, 便宜外贸网站外链案例与内容发布记录 - 公司名称
文章页标题标签标题标签标题标签网页 title 标签是什么及常见写法

如果页面展示的是案例结构,例如围绕 guest post backlinks 的案例页,title 应描述“案例页本身提供什么”,而不是把所有想排名的词重复塞进去。

Google 搜索标题不一定逐字等于 title

Google Search Central 的 title links 指南建议每个页面都有描述性、简洁的 <title>,避免关键词堆砌、重复模板和语言不匹配。它也说明搜索结果标题可能参考 <title>、页面主视觉标题、H1、og:title、页面上的大号文字、页面内外锚文本等来源。

title 与 H1 可以怎么配合

  • title:适合略带品牌或栏目,例如“网页 title 标签是什么及常见写法 - 品牌名”。
  • H1:适合直接告诉读者本页讲什么,例如“网页 title 标签是什么,应该怎么写?”
  • 不要:title 写 A 主题,H1 写 B 主题;或一个页面出现多个同等醒目的主标题。
检查 title 时,同时看源码、浏览器标签页、页面 H1 和搜索结果中可能被改写的标题。