网页上线后，很多人会先问：标题要不要放关键词？描述要写多长？社交平台分享图为什么不对？
这些问题都和页面的 Title、Meta Description、Open Graph 有关。它们不只是给搜索引擎看的，也是给真实用户看的。写得清楚，用户才知道这个页面值不值得点。
你可以用 Meta 标签预览 / 生成工具 一边写，一边预览搜索结果和分享卡片。
Title、Description、OG 分别是什么？#
| 字段 | 主要出现位置 | 作用 |
|---|---|---|
| Title | 浏览器标签、搜索结果标题 | 告诉用户页面主题 |
| Meta Description | 搜索结果摘要可能会参考 | 用一两句话说明页面价值 |
| Open Graph Title | 微信、Telegram、社交平台分享卡片 | 控制分享时的标题 |
| Open Graph Image | 社交分享封面 | 提高识别度和点击率 |
它们可以相同，也可以略有区别。搜索结果更强调「问题和答案」，社交分享更强调「让人一眼懂」。
好标题的三个标准#
一个可用的 SEO 标题通常满足三点：
- 用户一眼知道页面解决什么问题。
- 关键词自然出现，不硬塞。
- 不夸张，不写和正文不一致的承诺。
例如：
| 不建议 | 更建议 |
|---|---|
| 超强工具大全，必看！ | HEIC 转 JPG、PNG、WebP 怎么选？ |
| SEO 优化神器 | 网页 Title 和 Description 怎么写？ |
| 图片压缩在线工具 | 图片压缩怎么做才不糊？ |
第二列更像用户会搜索的问题，也更明确这篇内容能解决什么。
Description 应该怎么写？#
Meta Description 不一定原样出现在搜索结果里，但仍然值得认真写。它应该像一个自然摘要，而不是关键词列表。
建议结构：
- 先说用户遇到的问题。
- 再说页面提供的解决方法。
- 最后点出适用场景。
示例：
HEIC 照片打不开、上传失败或发给客户不兼容？这篇讲清楚 HEIC 转 JPG、PNG、WebP 的区别、适用场景、批量转换步骤和画质设置建议。
这段描述没有堆关键词，但包含了用户关心的情况：打不开、上传失败、不兼容、格式区别、批量转换、画质设置。
长度要卡死吗？#
不要机械卡字数。更重要的是前半句清楚。
实用建议：
- Title：尽量把核心信息放在前 30 个字内。
- Description：用 1 到 2 句话说清楚，不要写成段落。
- OG Title：可以比 SEO Title 更像分享文案，但不要标题党。
搜索引擎和社交平台展示长度都会变化，所以不要为了某个固定数字牺牲表达。
工具页标题怎么写？#
工具页最常见的错误是标题太泛：
- 在线工具
- 图片工具
- JSON 工具
更好的写法是把动作说清楚：
- HEIC 图片转换：HEIC/HEIF 转 JPG、PNG、WebP
- JSON 格式化 / 校验：格式化、压缩、错误提示
- robots.txt 生成器：生成抓取规则并测试路径
工具页标题要让用户知道「点进去能做什么」。如果工具本身能处理多个相关任务，可以在描述里补充，不要全塞进标题。
Open Graph 图片也要检查#
很多站点搜索标题写得不错，但分享出去没有封面，或者封面被裁掉。常见问题：
- 图片比例不适合社交平台。
- 图片地址不是公开可访问。
- 图片太小或太大。
- 页面没有
og:image。
如果你不确定分享图是否合适，可以用 Open Graph 图片尺寸检查器 看比例、体积和裁切风险。
常见问题#
Title 和 H1 要一样吗？#
可以一样，也可以略有区别。Title 更面向搜索结果和浏览器标签，H1 更面向页面正文。两者主题应一致，不要说两件事。
Description 会直接影响排名吗？#
不要把它当成单独排名按钮。它更重要的价值是帮助用户理解页面，提高点击质量，也让页面主题更清晰。
每个页面都要写独立 Description 吗？#
重要页面建议写。重复的 Description 容易让搜索结果摘要不清楚，尤其是工具页、服务页、文章页。
可以让工具自动生成吗？#
可以先用工具生成结构，再人工改成自然语言。Meta 标签预览 / 生成工具 适合预览和复制代码，但最终文案仍建议人工判断。
小结#
Title 和 Description 的核心不是“塞关键词”，而是让用户快速判断页面是否有用。
写法上，标题回答“这页解决什么问题”，描述回答“这页怎么帮你解决”。写完后，用 Meta 标签预览 / 生成工具 检查搜索卡片、Open Graph 和 Twitter Card 是否完整。