ASP源码.NET源码PHP源码JSP源码JAVA源码DELPHI源码PB源码VC源码VB源码Android源码
当前位置:首页 >> 网页制作 >> HTML教程 >> META标签指南:哪些meta标签该用哪些不该用?

META标签指南:哪些meta标签该用哪些不该用?(1/3)

来源:网络整理     时间:2017-12-08     关键词:

本篇文章主要介绍了" META标签指南:哪些meta标签该用哪些不该用?",主要涉及到方面的内容,对于HTML教程感兴趣的同学可以参考一下: 以下内容来源:http://lusongsong.com/reed/8766.htmlMETA标签是网页代码中HEAD区的一个关键标签,其提供的信息虽然用户不可...

以下内容来源:http://lusongsong.com/reed/8766.html

META标签是网页代码中HEAD区的一个关键标签,其提供的信息虽然用户不可见,但却是文档的最基本的元信息。说起meta标签,许多SEOer的第一反应就是K与D:keywords和description。这两种标签是在优化过程中最常用的也是被谈论最多的。但实际上meta标签远远不止这两个,作用也是随着属性的不同而各种各样。

需要注意的前提是,从SEO角度而言,在各种意义上页面的代码都是越精简越好,以下是一些meta标签以及个人对它们是否有必要的看法,在下文中,将会把它们归为3类:有好的作用并且务必在每个页面上都有的,在不同页面上要根据页面内容来决定是否有帮助的,以及最好不要使用的。

 META标签指南:哪些meta标签该用哪些不该用?

一、实用的meta标签

这里的meta标签都很实用,确保你的每个页面代码中都有它们。

1.“meta content-type”标签

这个标签定义了该页面制作所使用的文字以及语言,并规定浏览器展示页面时显示的为该语言,务必确保每个页面都有这个标签。该标签的书写例子为:其中,gb2312为国标汉字码,不同的语言对应着不同的charset。

在页面与网站建设时,你肯定知道你的网站使用的是什么语言。

2.Title

这其实并不是meta标签,但同样的存在于部分中,因此也顺带提一下。这个属性可以说是最重要的,就像每篇文章都不能没有标题一样,网页同样也要有标题,并且这个标题是独有的不重复的。这也是页面参与搜索排名的最重要参照。

3.description标签

这个标签现在的最重要作用就是:当用户在搜索引擎中搜索找到页面时,在搜索结果列表中补充描述该页面。在description中含有的词语,同样会被搜索引擎识别,并且同样的可以在某种程度上作为关键词参与排名。description的内容将会很大程度影响用户是否点击你的页面。写作description时有点像出售对应页面的广告语,一定要写的吸引人点击,并且不要夸大事实。description的长度最好不要超过160字节。

4.viewport

ViewPort标记用于指定用户是否可以缩放Web页面,如果可以,那么缩放到的最大和最小缩放比例是什么。如果你的页面上没有这个标签,那么你的页面的移动端体验可能会非常差,在搜索与浏览的流量越来越向移动端倾斜的现在,你应当为此做好准备。

viewport的meta标签书写方式例子如下:

其中,width 和height指令分别指定视区的逻辑宽度和高度。width指令使用width=device-width标记可以指示视区宽度应为设备的屏幕宽度。类似地height指令使用device-height标记指示视区高度为设备的屏幕高度。user-scalable指令指定用户是否可以缩放视区,即缩放Web页面的视图。值为yes时允许用户进行缩放,值为no时不允许缩放。

initial-scale指令用于设置Web页面的初始缩放比例。默认的初始缩放比例值因智能手机浏览器的不同而有所差异。通常情况下设备会在浏览器中呈现出整个Web页面,设为1.0则将显示未经缩放的Web文档。

maximum-scale和minimum-scale指令用于设置用户对Web页面缩放比例的限制。值的范围为0.25至10.0之间。与initial-scale相同,这些指令的值是应用于视区内容的缩放比例。

 META标签指南:哪些meta标签该用哪些不该用?

二、视情况而定的meta标签。

这些meta标签在某些页面中非常实用,但在其他页面可能会显得非常多余,为了代码的精简,确保如下这些meta标签你使用的方式都正确。

相关图片

相关文章