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

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可以帮你完成这个事情。

【转】META标签指南:哪些meta标签该用哪些不该用?的更多相关文章

  1. 《前端之路》之五 head 头标签指南

    12:head 头标签指南 常见头标签 DOCTYPE 文档模式 对文档进行有效性验证 告诉用户代理或浏览器这个文档是按照什么DTD写的,但是这个动作是被动的,每次页面加载时,浏览器并不会下载DTD, ...

  2. 移动端关于meta的几个常用标签

    meta元素可提供有关某个 HTML 元素的元信息 (meta-information),比如描述.针对搜索引擎的关键词以及刷新频率. 用的最多的莫过于 [ charset ] 啦,用于指定整个htm ...

  3. WebApp 里Meta标签大全,webappmeta标签大全

    1.先说说mate标签里的viewport: viewport即可视区域,对于桌面浏览器而言,viewport指的就是除去所有工具栏.状态栏.滚动条等等之后用于看网页的区域.对于传统WEB页面来说,9 ...

  4. meta标签详解(meta标签的作用)///////////////////////////转

    meta标签详解(meta标签的作用) 很多人却忽视了HTML标签META的强大功效,一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性,有兴趣吗,谁我来重新认识一下META标签吧   ...

  5. 前端 HTML 常用标签 head标签相关内容 meta标签

    meta标签 Meta标签介绍: <meta>元素可提供有关页面的元信息(mata-information),针对搜索引擎和更新频度的描述和关键词. <meta>标签位于文档的 ...

  6. 什么是Meta标签? 哪些Meta标签对搜索引擎SEO优化有作用?

    什么是Meta标签? Meta标签给搜索引擎提供了许多关于网页的信息,这些信息都是隐含信息,意味着对于网页自身的访问者是不可见的. 你可以在网页的 <head>元素中发现<meta& ...

  7. 移动webApp必备技能一、WebApp 里Meta标签大全,webappmeta标签大全

    1.先说说mate标签里的viewport: viewport即可视区域,对于桌面浏览器而言,viewport指的就是除去所有工具栏.状态栏.滚动条等等之后用于看网页的区域.对于传统WEB页面来说,9 ...

  8. HTML学习笔记——块级标签、行级标签、图片标签

    1>块级标签.行级标签 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "htt ...

  9. [原创]java WEB学习笔记62:Struts2学习之路--表单标签:form,表单标签的属性,textfield, password, hidden,submit ,textarea ,checkbox ,list, listKey 和 listValue 属性,select ,optiongroup ,checkboxlist

    本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用 内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱 ...

随机推荐

  1. c++ stl sort 自定义排序函数cmp要遵循 strict weak ordering

    满足strict weak ordering的运算符能够表达其他所有的逻辑运算符(logical operator): <(a, b)  : (a < b) <=(a, b): !( ...

  2. ACE如何生成VS工程之mwc.pl用法

    1.先写个mwc文件,文件名为hello.mwc workspace { hello.mpc} 2.写mpc文件,文件名为hello.mpc project(hello):aceexe, acexml ...

  3. Java复数的加乘除运算

    //主要是对零的处理,有什么不对的地方欢迎批评指正,一起进步class complex{ double a,b; public String toString() { return("实部: ...

  4. Displaylink安卓驱动

    Displaylink安卓驱动 2019年最新版V2.3.1

  5. ubuntu配置neuwork网络

    ubuntu 网络配置 检查网络配置命令:ifconfig 一.通过配置文件配置 新手没怎么用过Ubuntu,所以走了不少弯路,网上找了很多方法,大都没对我起到帮助作用,所以把自己的配置方法写一写. ...

  6. iBATIS typeHandler selectKey

    typeHandler 是针对把数据库里面的某列的数据类型转换的应用程序中的数据类型,简单的说就是把 type=>dbType  反之把dbType=>type. 例如数据库某列的内容是l ...

  7. 为UITextField增加MaxLength特性

    iOS 实现方案 在 HTML 的世界里,输入框天生就有 MaxLength 属性,可以限制用户输入的最大字符数量 可惜 iOS 上对应的 UITextField 并没有这样方便的属性,只有自己动手来 ...

  8. 【软件安装与环境配置】ubuntu16.04+caffe+nvidia+CUDA+cuDNN安装配置

    前言 博主想使用caffe框架进行深度学习相关网络的训练和测试,刚开始做,特此记录学习过程. 环境配置方面,博主以为最容易卡壳的是GPU的NVIDIA驱动的安装和CUDA的安装,前者尝试的都要吐了,可 ...

  9. TP5对数据库操作的事物作用

    假如: 你写好了一段完整的代码,模型对数据库的操作,增删改查什么的,都没有问题,当然运行速度也是最快的,完全不用担心会出错, 前提肯定是已经写好的一整段代码, 但是,万一服务器中断了呢,执行一半,后面 ...

  10. centos7 - mongodb3.6.5-配置文件

    创建Linux管理员账号admin, 并加入wheel组,对mongodb, php等进行统一管理~ systemLog:destination: filelogAppend: truepath: / ...