前端搜索引擎优化SEO优化之Title 和 Meta 标签

Posted 2022-11-14 xiongsheng666

前端搜索引擎优化SEO优化之Title 和 Meta 标签

对搜索引擎最友好（Search Engine Friendly）的网页是静态网页，但大部分内容丰富或互动型网站都不可避免采用到相关技术语言来实现内容管理和交互功能。SEO 思想指导下的技术支持，主要是对特定代码的优化和对动态网页进行静态处理的措施。

Title 和 Meta 标签

以.html 或.htm 为扩展名的 HTML 文档称为静态网页。Meta 称为元标志，用于网页的＜head＞与＜/head＞中。Meta 标签的用处很多，目前几乎所有的搜索引擎机器人都通过自动查找Meta 值来给网页分类，是籍此判断网页内容的基础。其中最重要的是 description（网站描述）和 keywords（网站关键词）。另外一个基本的属性是 Title 标签，提示搜索引擎关于本页的主题。Meta 和 Title 的形式在 html 语言中体现为：

......

尽管Meta本身不足以解决排名问题，但对Meta标签的书写仍然是搜索引擎优化的基础工作。清晰准确的 Meta 文字与正文内容的关键词相呼应，是排名加分的重要条件之一。

标题（Title）：

网页优化可以说是从 Title 开始的。在搜索结果中，每个抓取内容的第一行显示的文字就是该页的 Title，同样在浏览器中打开一个页面，地址栏上方显示的也是该页的 Title。因此，Title 可谓一个页面的核心。对 Title 的书写要注意以下问题：

1、title 简短精炼，高度概括，含有关键词，而不是只有一个公司名。但关键词不宜过多，不要超过 3 个词组。企业网站的 title 通常以公司名+关键词为内容
2、前几个词对搜索引擎最重要，因此关键词位置尽量靠前。
3、最好将 title 组织成符合语法结构和阅读习惯的短句或短语，避免无意义的词组罗列式title

关键词(Keywords)：

Keywords 提示搜索引擎：本网站内容围绕这些词汇展开。因此 keywords 书写的关键是每个词都能在内容中找到相应的匹配才有利于排名。Meta 中的关键词书写技巧见前文的“关键词策略”。不过现在搜索引擎已经减少了对此的抓取与权重。

描述(Description)：

描述部分用简短的句子告诉搜索引擎和访问者关于本网页的主要内容。用该网站的核心关键词搜索后得到的搜索结果中，描述往往显示为标题后的几行描述文字。Description 一般被认为重要性在 title 和 keywords 之后。描述的书写要注意以下问题：

1、 描述中出现关键词，与正文内容相关
2、 同样遵循简短原则，字符数含空格在内不要超过 200 个字符
3、 补充在 title 和 keywords 中未能充分表述的说明

其它 Meta 标签：

为了限制搜索引擎对内容的抓取，可以采用以下几个 Robots Meta 标签：＜meta name=“Robots” content="all|none|index|noindex|follow|nofollow"＞ 其中：all：文件将被检索，且页面上的链接可以被查询； none：文件将不被检索，且页面上的链接不可以被查询；index：文件将被检索；follow：页面上的链接可以被查询；noindex：文件将不被检索，但页面上的链接可以被查询；nofollow：文件将不被检索，页面上的链接可以被查询。

但并不是所有的搜索引擎都支持 meta 中的robots 标签，但是所有搜索引擎都支持一个功能更强的 robots.txt 的文本文件来达到上述功能。其它常用 meta标签还有：

网站作者
网站所属目录类别
版权声明
网站用什么软件做的
……

首页、重要的内页的 title 和 meta 标签最好分别书写，针对栏目主题体现不同的内容。