title 与 meta 描述
<title> 是搜索结果里最醒目的一行，也是浏览器标签页文字。每个页面必须有独一无二的 title，把最重要的关键词放前面，长度控制在 30 个汉字左右——太长会被截断成省略号。常用格式如"页面主题 - 站点名"。
<meta name="description"> 通常作为搜索结果标题下方的摘要展示，约 70~80 个汉字，写清楚"这个页面能解决什么问题"，比堆关键词更能提高点击率。它不直接影响排名，但影响点击，点击率反过来影响排名。
页面被分享到社交平台时的标题、描述、缩略图由 Open Graph 标签控制（og:title、og:description、og:image），做内容站值得加上。
本节要点每页唯一且关键词靠前的 title；description 写 70~80 字的"页面价值说明"；分享卡片靠 og: 系列标签控制。
HTML
<head> <meta charset="UTF-8"> <!-- 标题：核心关键词在前，站名在后，每页唯一 --> <title>CSS Flexbox 布局教程 - 前端Wiki</title> <!-- 描述：说明页面价值，约 70~80 字，避免堆砌关键词 --> <meta name="description" content="通过 8 个实战例子掌握 Flexbox： 主轴对齐、换行、等分布局与常见坑，适合有 CSS 基础的读者。"> <!-- 分享到社交平台的卡片信息 --> <meta property="og:title" content="CSS Flexbox 布局教程"> <meta property="og:description" content="8 个例子学会 Flexbox 布局"> <meta property="og:image" content="https://example.com/cover.png"> </head>
