合理利用Meta标签的Description和Keywords属性，加入网站的关键字或者网页的关键字，可使网站的SEO优化排名快速提升，并且更加贴近用户体验。
三、了解Meta的重要参数
对于SEO，最看重的就是网页的title了，title即一个网页的标题，这是网页最为重要的部分，目前搜索引擎对网页的排名也大部分基于这个参数进行。
在大多数网站中，除了页面标题之外，比较常见的并且与SEO有着直接联系的.Meta标签还有以下几种：
Keywords：页面的关键词标签，这个标签可以用于提取网站的关键词信息，在SEO中较为重要。
Description：网站内容描述标签，它是对整个网页内容的一种概述，用以说明该网页的大体内容。
Robots：这个标签用来告诉搜索引擎的机器人，也就是自动地抓取网页的程序文件，说明哪些页面需要索引，哪些页面不需要索引。
参数有all、none、index、noindex、follow、nofollow，分别表示是否能收录该页面，该标签最为重要，设置稍有不慎就可能造成搜索引擎停止收录的后果。
需要注意的是：标题的填写一定要基于页面的实际内容进行，最好是该网页内容的一个具体描述，不要设置为栏目名称或者网站名称，如果是首页文件，则需要避免以类似“网站首页”这样的内容命名，最好用网站的名称来命名。
四、Meta标签的SEO设置
最为重要的标签大家已经了解了，但具体应该如何优化这些标签呢？下面，我们就来具体说明。
1、网页描述Description
网页的描述要根据网站的实际内容填写，很多人会随意填写网站的描述，或者在描述中大量堆砌关键词，这些都是对SEO不利的行为。
例如一个以运营知识分享为主的站点，它的描述Meta标签可以这样写：
这样的描述不仅概括了整个网站的内容，也突出了运营这一关键词，而类似“某某网站是最好的门户”、“某某网站为您服务”这样的描述，就由于忽略了网站的主要关键词，而让搜索引擎摸不着头脑。
2、网页关键词Keywords
与"description"类似，"Keywords"也是用来描述一个网页的属性，只不过要列出的内容是“关键词”，而不是网页的介绍，这就意味着，要根据网页的主题和内容选择合适的关键词。
选择关键词时，除了要考虑与网页核心内容相关之外，还应该是用户易于通过搜索引擎检索的，过于生僻的词汇不太适合做META标签中的关键词。
网页关键词由于一直被大量地用于优化，目前它对于搜索引擎的重要性已经不如以前了，但是完善网页的关键词标签仍然可以起到一定的作用。
同样以一个运营知识分享网站为例，它的关键词可以这样写：
往往我们会采用大而全的关键词来描述，诸如“运营”“运营实战”等非常热门的关键词，但是对于大多数站点来说，使用类似的关键词对提升排名不会有任何效果，因为这类关键词的搜索量很大，而只有权重非常高的门户网站才有可能获得这类词较好的排名。
五、Meta实战应用
在我们美化好Meta标签后，最重要的一步就是应用到网站了，对于静态页面来说，直接在网页源代码的
标签中加上Meta即可。
而对于采用CMS开源程序建站的网站来说，可以直接在网站的管理后台增加标签，例如dedeCMS系统，就可以直接进入后台的“系统基本参数”设置关键词和简介内容。
最后建议：
所有的搜索引擎排名算法都是保密的，而且是不断变换的，谁也不敢保证，今后搜索引擎是否会一直看重这些标签，很有可能描述和关键词标签，一直都是排名算法的因素之一，只是比重占的很小而已。
所以，每一个网页都应该认真写出好的标题，关键词和描述标签，至少它也没有坏处。
;
html中怎么标签里面的属性是什么意思？meta是html语言head区的一个辅助性标签，位于文档的头部，不包含任何内容。标签的属性定义了与文档相关联的名称/值对。
在你的问题
首先 name="viewport" 该属性仅对移动端有效对PC端是无效的
width=device-width
定义该网页的视口大小宽度为：device-width 【用户所使用设备的宽度】
initial-scale=1.0
意思是指视口缩放比例为1.0，也就是不缩放。
视口可以理解为设备或文档对象的逻辑尺寸。
前端ppk大神认为，移动设备上有三个viewport（视口）。
但可以换句话说，可以缩放的浏览器中都具有三个视口概念，分别是 布局视口、视觉视口、理想视口。
但在iphone和ipad上，无论是竖屏还是横屏，device-width宽度都是竖屏时理想视口的宽度。
当只设置width属性值，而不指定initial-scale属性值时，大多数浏览器会自动缩放。
如果width属性值大于理想视口宽度，则视觉视口放大为width的值，计算得到scale小于1.0；
如果width属性值小于理想视口宽度，则视觉视口缩小为width的值，计算得到scale大于1.0；
这么做的目的是让设备屏幕把完整的页面呈现出来（页面横向塞满屏幕，计算得到scale）
设置width而不指定initial-scale时，设置minimum-scale = 1.0会能够阻止浏览器放大视觉视口，设置maximum-scale = 1.0 能够阻止浏览器缩小视觉视口。（这里有点绕，可以联想下放大镜）
这里不做介绍了。可以参看一篇文章网页