IT知识库 购物 网址 游戏 小说 歌词 快照 开发 股票 美女 新闻 笑话 | 汉字 软件 日历 阅读 下载 图书馆 编程 China
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
vbs/VBScript DOS/BAT hta htc python perl 游戏相关 VBA 远程脚本 ColdFusion ruby专题 autoit seraphzone PowerShell linux shell Lua Golang Erlang 其它教程 CSS/HTML/Xhtml html5 CSS XML/XSLT Dreamweaver教程 经验交流 开发者乐园 Android开发资料
站长资讯 .NET新手 ASP.NET C# WinForm Silverlight WCF CLR WPF XNA VisualStudio ASP.NET-MVC .NET控件开发 EntityFramework WinRT-Metro Java C++ PHP Delphi Python Ruby C语言 Erlang Go Swift Scala R语言 Verilog 其它语言 架构设计 面向对象 设计模式 领域驱动 Html-Css JavaScript jQuery HTML5 SharePoint GIS技术 SAP OracleERP DynamicsCRM K2 BPM 信息安全 企业信息 Android开发 iOS开发 WindowsPhone WindowsMobile 其他手机 敏捷开发 项目管理 软件工程 SQLServer Oracle MySQL NoSQL 其它数据库 Windows7 WindowsServer Linux
  IT知识库 -> Html-Css -> 【转】META标签指南:哪些meta标签该用哪些不该用? -> 正文阅读

[Html-Css]【转】META标签指南:哪些meta标签该用哪些不该用?

【转】META标签指南:哪些meta标签该用哪些不该用? 以下内容来源: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可以帮你完成这个事情。
上一篇文章      下一篇文章      查看所有文章
加:2017-12-08 23:25:58  更:2017-12-08 23:26:05 
 
  Html-Css 最新文章
近期前端中的 一些常见的面试题
近期前端中的 一些常见的面试题
localStorage使用总结
前端
图文详解前端CSS中的Grid布局,你真的可以5
CSS3 按钮特效(一)
HTML
ionic APP二维码插件 地址
为什么在CSS中不要再使用@import
CSS 笔记
技术频道: 站长资讯 .NET新手区 ASP.NET C# WinForm Silverlight WCF CLR WPF XNA Visual Studio ASP.NET MVC .NET控件开发 Entity Framework WinRT/Metro Java C++ PHP Delphi Python Ruby C语言 Erlang Go Swift Scala R语言 Verilog 其它语言 架构设计 面向对象 设计模式 领域驱动设计 Html/Css JavaScript jQuery HTML5 SharePoint GIS技术 SAP Oracle ERP Dynamics CRM K2 BPM 信息安全 企业信息化其他 Android开发 iOS开发 Windows Phone Windows Mobile 其他手机开发 敏捷开发 项目与团队管理 软件工程其他 SQL Server Oracle MySQL NoSQL 其它数据库 Windows 7 Windows Server Linux
脚本语言: vbs/VBScript DOS/BAT hta htc python perl 游戏相关 VBA 远程脚本 ColdFusion ruby专题 autoit seraphzone PowerShell linux shell Lua Golang Erlang 其它教程
网站开发: CSS/HTML/Xhtml html5 CSS XML/XSLT Dreamweaver教程 经验交流 开发者乐园 Android开发资料
360图书馆 软件开发资料 文字转语音 购物精选 软件下载 新闻资讯 小游戏 Chinese Culture 股票 三丰软件 开发 中国文化 网文精选 阅读网 看图 日历 万年历 2018年11日历
2018-11-19 22:17:07
多播视频美女直播
↓电视,电影,美女直播,迅雷资源↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT知识库