专业创造价值,服务赢取未来!我们专注于中小企业网站建设服务15年-博士通!
0755-89812581| 网站导航
返回资讯中心当前所在位置:首 页 > 资讯中心 >代码世界 > 网页设计中哪些meta标签该用哪些不该用?

网页设计中哪些meta标签该用哪些不该用?

网页设计中哪些meta标签该用哪些不该用?发布时间 : 2017-05-05    作者 : 博士通    浏览 : 2554

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

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

一、实用的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标签你使用的方式都正确。

1.social meta标签

这个标签的作用是点击后即迅速生成一个可以发布在社交媒体上的链接,用于分享转发等等。这些功能在内容页上对于传播非常有用,但并不是网站内所有页面都需要它,确保你将它用在了对的地方。

2.robots meta标签

有一个误解是:你必须制定一个robots标签。实际上:robots指定了索引与跟踪链接两项权限,如果你不写robots标签,那么就会默认为,允许搜索引擎索引该页面与跟踪该页面链接。只有当你需要改变两项权限其中的一项时,才十分有必要去添加。robots标签的写法示例如下:

其中,robotterms是一组使用逗号(,)分割的值,通常有如下几种取值:none,noindex,nofollow,all,index和follow。具体代表意义如下:

none:搜索引擎将忽略此网页,等价于noindex,nofollow。

noindex:搜索引擎不索引此网页。

nofollow:搜索引擎不继续通过此网页的链接索引搜索其它的网页。

all:搜索引擎将索引此网页与继续通过此网页的链接索引,等价于index,follow。

index:搜索引擎索引此网页。

follow:搜索引擎继续通过此网页的链接索引搜索其它的网页。

而name后的等号后的robots也可更改,其作用是指定该robots标签只对该搜索引擎生效,例如谷歌是“googlebot”,而百度为“baiduspider”。

3.keywords

将这个老生常谈的标签放到这里是因为在搜索引擎已经可以自己辨别文章关键词的现在,这个标签的作用已经微乎其微了。现在无需将注意力集中在如何写好这个标签上,将更多的注意力集中在内容中的关键词优化上,如果你的网站后台有编写这个的功能,填上也是好的。

4.refresh

这个标签的作用是在规定的时间后,刷新当前页面或者跳转到其他页面。当你要跳转页面时,你最好使用服务器端返回的301代码而不要用这个。至于刷新功能,你需要自己判断是否真的需要,要知道搜索引擎并不是你的忠实粉丝它肯定不需要这个。

刷新方式的refresh标签书写方式如下:

其中,number可以修改为任意数字,代表了经过多少秒后进行页面刷新。

三、不实用的meta标签

以下标签的实际作用不大,为了代码的精简,你应当尽量避免它们出现在你的代码中。

1.author/web author

这个标签的作用是为该页面或者网站的作者署名,比如我们以前会写个“深圳网站建设-博士通”,但现在几乎没人这么做了,相当于这个标签没什么用处,把它放到一边吧。

2.revisit after

这个标签的作用是告知搜索引擎蜘蛛过一段规定的时间再回来重新访问该页面。你真的认为你可以规定搜索引擎蜘蛛多久来一次你的页面?每个搜索引擎都有自己的一套规则,这个标签不会被它们承认的。

3.Rating

这个标签的作用是给页面内容分级。比如不适合儿童观看等等。实际上,这个功能你应当用别的方法在页面的醒目位置去提示,而不是在代码中留一个这样的信息。

4. Expiration/date

这个标签的作用是为页面定义一个过期/发布时间。页面不是商场中出售的商品,当觉得页面内容要过期时,需要做的应该是对信息进行及时更新或者干脆删除并且提交死链,而不是让它过期。发布日期同样不应该以这种模式呈现。用sitemap并且保证sitemap的更新会更有效。

5.copyright

这个标签的作用是该页面的版权信息。事实上,相比这种看不到的代码展现,你更应该将版权信息放到页面的页脚部分,现在的网站也都是这么做的。所以你没必要在代码中再重复一次版权申明。

6.abstract

这个标签的作用是该页面的内容摘要。实际上你已经有了description标签,并且该标签也被所有搜索引擎识别使用,你就没必要再写一个这个了。

7.distribution

这个标签的作用是设置分发权限,但只有3个值,global(全球都可以访问),local(只有本地可以访问),IU(仅限内部使用)。如果你真的要给搜索引擎限制权限,用上文提到的robots。

8.Generator

这个标签的作用是定义该页面是用什么程序开发的。同author一样意义不大。

9.resource type

这个标签的作用是定义该页面的文件类型。XML的DTD可以帮你完成这个事情。

案例推荐

深圳英博达智能科技有限公司

深圳英博达智能科技有限公司

案例热度_52442019-03-07
深圳市同德税务师事务所

深圳市同德税务师事务所

案例热度_50692019-03-06
贵港贵和科技有限公司

贵港贵和科技有限公司

案例热度_50672019-03-05

其他人还阅读了该篇文章:网站优化过度的表现

您可能感兴趣的文章:公司网站建设注意事项    |    企业网站建设套餐    |    企业手机网站制作    |    企业网站如何优化    |    企业网站改版收费

关于我们 / About Us
深圳网站建设办公环境 博士通是一家一站式中小企业网络运营方案提供商,全国统一服务热线 :0755-89812581 ; 博士通总部位于深圳,业务涵盖域名注册,空间购买,深圳网站建设,网站建设和改版,微信公众号运营,百度竞价托管,网站优化推广引流,手机网站建设,小程序开发,购物网站开发,企业邮箱申请等服务。和传统网络公司不同的是,博士通在网页设计风格上独树一帜,领先行业率先推出宽屏企业网站设计风格,围绕客户需求的同时兼具行业潮流设计网站,让网站在新式设备上获得更好地展示效果;历经14年网站建设企业网站制作经验积累,客户遍及深圳,广州,成都,香港等地,涉及办公,装饰,电子,物流等不同行业... > > > 详 情
联系我们 / Contact Us
深圳市  龙华新区
富泉大厦715室
0755 - 业务咨询
89812581
售后QQ : 1227522459
E-mail : service@800535.com
© 2004-2019 深圳市博士通科技有限公司 版权所有( 粤ICP备15005241号 )  网站常年法律顾问:朱运德律师   
logo
做个企业网站多少钱?点击QQ图标,马上知道答案!
logologologo
咨询热线:0755 - 898 12581