在网页的整体设计中，通常会优先考虑人的观点。因为网页是给人看的，但是在设计上我们不能忽视搜索引擎优化的部分。毕竟大部分流量都是从搜索引擎导入的，无论是Google、Bing（延伸阅读：Bing SEO搜索引擎五大优化重点）还是Yahoo，都是不可或缺的流量来源。以谷歌为例，官方提供了一些网站优化的技巧，告诉你那些网页元标签（meta tags）是谷歌认可的，按照这个方向设计网站对搜索排名有一定的影响。

对网站进行有效的SEO优化是必要的事情。当然，网站的结构也必须随着时间的推移而改变，因为一些网页元标签可能已经被淘汰了。如果他们不更新，网站可能会获得糟糕的排名，结果可能会出现与我们之前提到的Meta Keywords 相同的问题。那么我们应该注意哪些网页标签呢？一般来说，标题（title）是最重要的，其次是描述（description），这两个影响搜索引擎，也影响用户的浏览判断依据。

无论是Yahoo、Google还是Bing，大部分搜索引擎都会关心title和description这个属性，因为这两个meta标签会最直接的展示在搜索结果页面上，一个好的title匹配一个好的description，会直接影响搜索者是否浏览该网页的判断依据。如果你想要一个好的排名，那么好的内容、好的标题、优化的网站都会影响搜索引擎的排名结果。一般来说，title标签影响搜索结果的标题，description直接影响搜索结果的描述。

如果你想优化你的网站，让谷歌看得懂，那么不要忘记根据谷歌在网站管理员说明中提到的信息，适当地在网站中添加以下标签，以创建一个谷歌友好的网站。 （参考：谷歌站长工具使用说明-元标签）

title 网页标题

扉页标题/标题

我认为应该将此标记添加到每个网页。如果不加，网页的标题一定很奇怪。通常忽略网页标题的网页应该是传统的Frontpage或框架网页。大多数早期的网页都是纯静态网页。大多数人都是按照网页能被浏览的方向来制作网页的，但他们往往忽略了这个关键因素。如果页面上缺少标题，请不要忘记补上！

description 网页说明

meta name='描述' content='网页描述' /

如前所述，网页的描述直接影响搜索结果上的文字。基本上，Google 和Bing (Yahoo) 目前都有这个标签。有效的介绍可以吸引访问者直接浏览您的网站。字数不宜过多，但一定要准确命中。

Content-Type 网页编码

meta http-equiv='Content-Type' content='.字符集=.'/

不管网站比谷歌好还是哪个搜索引擎好，这个标签都要加上。如果不加，很容易让浏览器使用默认语言判断网页，可能会出现乱码。另外，出现乱码的问题也可能是网页文件没有正确调整为UTF-8编码引起的。

robots 元标记

meta name='机器人' content='.' /

meta name='googlebot' content='.'/

这个meta标签主要是针对一些被搜索引擎收录的规则，但是对于百度上的暴力搜索应该没什么用。对于正规的搜索引擎来说，这些标记基本上是可以识别的。上面的“.”可以替换为以下标记。

1. noindex：防止搜索引擎索引网页。

2.nofollow：阻止Googlebot使用该页面上的链接。

3.nosnippet：防止某些文本片段显示在搜索结果中。

4. noodp：防止使用来自ODP/DMOZ 的替代描述。

5.noarchive：阻止Google显示网页快照链接。

6. unavailable_after: [date]：用于指定要停止检索网页和建立网页索引的时间和日期。

4.noimageindex：用于指定谷歌图片搜索结果不推荐你的网页。

用canonical标签取代noindex（排除网页重复）

谷歌说明中提到，如果想使用noindex标签来禁止网页搜索，是可以的，但是如果想使用noindex来避免网页重复收录的问题，就不推荐了。那么如何解决避免网页重复收录的问题呢？谷歌建议可以改用canonical标签进行处理，也可以调整搜索频率，避免重复搜索网站内容造成流量异常。

如果该网站的内容被重复收录，谷歌表示，如果该网站没有尝试

notranslate 不要提供翻译

<meta name="google" content="notranslate" />

在Google搜索上，如果搜索结果出现了外国网页，大部分都会出现「翻译这个网页」的选项，点进去会自动帮你将内容翻译成您在使用的文字、语言，如果您不希望Gogole直接帮您网站提供这样的功能，可以在meta加入这个标签，就可以停用这样的功能了。平常我们搜索如果找自己网站可能不会发现这样的东西，主要是对外国人比较有用。

google-site-verification Google验证

<meta name="google-site-verification" content="..." />

这个验证的标记，主要是针对Google服务的验证，像是Google网站管理员、Google分析、Google应用服务等，都需要这个标记来验证网站是否属于您的。当然，验证的时候不定要是这样的标记，它也提供HTML档桉的验证，因为我觉得meta加入太多东西不太好，所以是采用HTML验证的。

refresh 网页导向

<meta http-equiv="refresh" content="...;url=..." />

这个标签在Google说明上说不一定支援每一种浏览器，不过这种标签最常使用来网页导向，在很久以前的网站导向文章中也有使用这方法，在换网址之前也有使用这种方式去导向网页，从根目录导向到网站子目录。但W3C并不建议这样的导向方式，因为容易造成混淆。还有一个问题就是有些刷SEO的网站会使用这种方式来处理，因此很容易被搜索引擎误判。建议采用301导向来解决网页导向问题。

我们专注高端建站，小程序开发、软件系统定制开发、BUG修复、物联网开发、各类API接口对接开发等。十余年开发经验，每一个项目承诺做到满意为止，多一次对比，一定让您多一份收获！