在《如何创建SEO友好的URL（网页地址）？》这篇文章中，我们聊到了站内 SEO 的 On-Page SEO 包含很多要素，除了咱们在文章里提到的 URL ，其实 Title 和 Meta Description 也是 On-Page SEO 中的要素。
Title（也叫 Title tag，标题标签，网页标题），是一段HTML代码，用于描述网页内容的。有朋友容易将它跟H1弄混，毕竟都是用来描述网页内容的。两者的区别在于，H1是用户进到网页里才能看到：
而 Title 通常是出现在搜索引擎结果页面上以及浏览器窗口上，它在网页内容里是看不见的：
它通常出现在网页HTML代码的<head>中：
Title 的HTML代码表现形式（举例）:
<title>这里放你的标题</title>
Meta Description （Description，元描述，网页摘要），是一段HTML代码，是在搜索结果页面（SERP）中显示的一段网页摘要。如图：
Meta Description 是为了让用户了解网页到底讲什么内容。与此同时，优秀的 Meta Description 的内容也能吸引用户点击。它通常也出现在网页HTML代码的<head>中：
Meta Description 的HTML代码表现形式（举例）:
<meta name="description" content="这是一个随便写的元描述。">
Title 和 Meta Description 都是SEO优化的要素，优化好对于网站排名和促使用户点击进入网页有很大的帮助。
一、两者对SEO的重要性
Title 和 Meta Description 对谷歌SEO优化都很重要。
1、Title
Title 是一个排名因素，这是谷歌官方盖章的：
从官方的回应中，可以看出，Title 是一个确定的排名因素，只不过对排名的影响没有那么大。
但 Title 依然有其优化的必要性。谷歌通过 Title 来了解网页内容与用户搜索查询的相关程度。在谷歌的《SEO入门指南》中也有专门提到：
Title 告诉用户和搜索引擎特定页面的主题是什么。那么对于用户来讲，知道这个页面的主题是什么，更有利于用户自己判断这个页面内容是否符合自己的搜索需求。
一个好的title能够提升自然排名页面的点击率（CTR），高点击率的页面对SEO的排名有巨大促进作用。
而且 Title 还可以帮助谷歌去判断网页主题，内容类型，是否符合用户的搜索需求。
2、Meta Description
Meta Description 对于SEO很重要。谷歌搜索中心20年8月发布的一段视频中，Martin Splitt 就有提到：
那 Meta Description 也是排名因素吗？John Mueller 的帖子提到：
“元描述可用于搜索结果片段，因此，如果您没有指定任何内容（在移动优先索引的移动页面上），我们将不得不自行解决。但它们并不用于排名。”
22年4月，John Mueller在解答问题的过程中再次说明：
“这（元描述）不是我们用于排名的内容，但显然，在搜索结果页面上有一个好的代码片段（元描述），可以让人们在看到您的页面在搜索结果中排名时，更有趣地实际访问您的页面。”
事实上，谷歌官方还是挺重视 Meta Description （虽然口口声声说不是排名因素）：
综合看下来，Meta Description 虽然不是排名因素（官方说的），但它对吸引用户，提高点击率，显示你的内容的独特性都是很有帮助的，有进行优化的必要。
二、如何编写？
讲了一通 Title 和 Meta Description 优化的必要性，那这两个要怎么编写呢？
1、Title
（1）编写Title的要点
Title 不要出现与页面内容无关、不太相关或模糊性的文本。比如页面内容是介绍你的美食旅行，讲述自己去品尝不同地方特色美食的美食游记。那么 Title 就不要写什么：<title>美食博客</title>（模糊），也不要写：<title>大师厨房：教你用简单的食材烹饪令人惊叹的佳肴</title>（不太相关）。
Title 要简短，一般50-60字符之间就可以了。太长的 Title 在谷歌搜索结果中容易显示不全：
Title 要带有主要的关键词，但要避免关键词堆砌。关键词堆砌对排名并没有帮助，而且用户观感也不好，像个垃圾邮件，谁还想点击呢？
每个页面的 Title 要足够独特。谷歌说了，这有助于它了解该页面与网站上其它页面的区别。比如说你的网站是做五金产品的，你想想看，如果每个页面的 Title 都是：×××家五金产品介绍，那当用户在谷歌搜索抽屉滑轨这样的词，你这可就跟用户的搜索意图不匹配了。
介绍个 Title 的编写公式：number or trigger word + adj + keywords + promise 。举个简单的例子：5 practical sleep aids to help you fall asleep quickly.
“5”是数字
“practical”是形容词
“sleep aids”是关键词
“to help you fall asleep quickly”是承诺
Title 的编写公式有很多，上面的公式只是一个参考，朋友们有其它常用的公式可以继续使用，只要符合 Title 编写的其它要点即可。
（2）什么情况下谷歌会重新编写你的 Title
如果你的 Title 出现一些错误的话，谷歌是会重新生成一个新的 Title 。据 zyppy SEO 22年的一个研究分析发现，谷歌重写了61.6%的 Title 。
那么什么情况下谷歌可能会重新编写你的 Title 呢？比如：
HTML代码里没有<title>。这在谷歌看来，你的网页是没有 Title ，那么谷歌就需要根据你的页面内容生成一个 Title 。
Title 太长或者太短。
一个 Title 里多次出现相同的关键词。例如：Hardware Tools, Hardware Materials, Hardware Equipment, Hardware Supplies.
Title 太过模糊或与网页内容不太相关。
可能会把你的公司/品牌名称添加到标题中。
关于符号：[]和（），谷歌可能更喜欢（）；| 和 - ，谷歌可能更喜欢 - 。zyppy SEO的研究结果表明，带有 [] 的 Title ，谷歌重写了77.6%，甚至还有32.9% 情况会删除 [] 里的内容，而带（）的 Title 则是重写了61.9%，（）里的内容被完全删除的情况只有19.7%。；带有 | 的 Title ，被重写甚至删除的比例是41%，而带有 - 的 Title 则是19.7%。
Title 被重写的话，那么你想要呈现的 Title 就不会出现在用户眼前了。
当然官方说过 Title 的改变不会影响排名，因为在搜索引擎进行排名的时候，依旧是会沿用旧的 Title ，只不过在用户看到的跟你写的不一样而已。
改了 Title 即便不影响排名，但对用户的点击却会产生影响。至于这个点击的影响是往哪个方向变化，这是无法预料的，总之是跟你想要呈现的结果不一样。
2、Meta Description
（1）编写 Meta Description 的要点
谷歌搜索中心有专门的篇章介绍了如何创建高质量的 Meta Description ，官方的说法结合其它研究文章，总结下来有几个比较重要的点：
Meta Description 要控制长度，不能太短也尽量不要太长。虽然谷歌没有限制 Meta Description 的长度，不过，据 semrush 的研究，谷歌搜索结果页面，Meta Description 在电脑端约显示152个字符左右，移动端是105个字符。
Meta Description 要设置钩子，吸引用户点击。Meta Description 就是一段简短的网页描述，以此来向用户传达并引起用户的兴趣，相当于在向用户“推销”你的网页，鼓励用户点击。
Meta Description 要包含主要的关键词。打个比方，网页内容讲的是抽屉滑轨（Drawer slides），你的 Meta Description 里没有这个主要的关键词的话，这并不利于在用户搜索结果中的展现。但是如果你的 Meta Description 有这个关键词，那么当用户搜索“Drawer slides”的时候，在谷歌的搜索结果中是会被加粗展现的：
要有关键词，但不要列一堆关键词在网页的Meta Description 里。Meta Description 并不是一个关键词列表，它是一段网页摘要。错误示范：<meta name="description" content="Hinges, connectors , dowels, furniture legs, slides, furniture pads">
每个网页都要有自己的 Meta Description ，不要重复。每个网页都没有精准独特的 Meta Description 的话，对于用户来讲，这是个很糟糕的体验。毕竟一模一样的描述根本无法让用户清楚了解每个页面的内容情况。每个网页都是一样的 Meta Description，就会是这样的（如图），观感很不好：
避免在 Meta Description 使用 “” （双引号）。“” 是谷歌识别开始截断 Meta Description 的信号，如果直接在 Meta Description 输入“” ，那么在搜索结果页面（SEPR）中，第一个双引号之后的文本会被截断。所以建议尽量避免使用。如果真的一定要用到，应该使用双引号的HTML实体代码插入。
来源：w3schools
如果实在想不出，也不想让谷歌编写，那么可以利用一些工具，找找灵感。 Meta Description 生成工具（仅供参考）：
（2）什么情况下谷歌会重新编写你的Meta Description
有研究发现，谷歌修改 Meta Description 的概率是62.78%。
谷歌重写 Meta Description 原因跟重写 Title 很多是相似的，而且原因很多，也有人遇到完全摸不着情况而发帖求助，但大体来讲，有几个点大家可以注意下：
Meta Description 太长或者太短。
HTML代码里没有 Meta Description 的标签。
Meta Description 写得不好，没有描述页面的内容或描述跟页面内容不一致。
谷歌将用户的搜索查询跟你的网页内容进行匹配，但 Meta Description 没有这个匹配到的内容。
一堆关键词填充在 Meta Description 里。
多个页面重复用一样的 Meta Description 。
TDK（Title 、Description、Keywords）是谷歌SEO中不可或缺的部分，今天主要讲的是TD。正如我一直强调的，做好SEO优化要涉及的要素有很多，说起来复杂又繁琐，不单是做好内容和外链而已。
但想要出效果，这些小细节更是要注意。正所谓细微之处见真章。
写这么多SEO优化的文章，也不见得大家每一步都能做到，因为实在是太多要素了。但是咱们还是需要了解下到底是哪些要素让SEO有效果，并在以后进行SEO优化的时候，多想想这个那个细节自己有没有做到做好。
慢慢来做事也是一贯如此，做好独立站，还得融入SEO关键字的布局，才能打造出一个标杆型的站点。
