META标签指南:哪些meta标签该用哪些不该用?_HTML教程_网页制作_码蚁之家_www.codes51.com
返回首页
专题
网络编程
ASP教程 .NET教程 PHP教程 JSP教程 C#教程 Java教程 Delphi教程 VB教程 C/C++教程 Android开发 IOS开发 Windows Phone开发 Python教程 Ruby教程 移动开发 其他编程教程
网页制作
HTML教程 CSS教程 Dreamweaver教程 FrontPages教程 Javascript教程 web前端
数据库
SqlServer MySql Oracle Access DB2 SQLite 其他数据库
图形设计
photoshop教程 Fireworks教程 CorelDraw教程 Illustrator教程 AutoCad教程 FLASH教程
操作系统
Windows xp教程 Windows 7教程 Windows 8教程 Windows 2003教程 Windows Server 2008教程 Linux教程 Windows 10
网站运营
建站经验 SEO优化 站长心得 网赚技巧 网站推广 站长故事
手机学院
手机速递 安卓教程 iphone教程 手机评测 手机技巧 手机知识 手机应用 手机游戏 手机导购
网店宝典
开店指导 开店经验 网店装修 网店推广 网店seo 网购技巧
软件教程
办公软件 系统工具 媒体工具 压缩工具 图文处理 文件管理
范文之家
自我介绍 自我鉴定 写作模板 合同范本 工作总结 贺词祝福语 演讲致辞 思想汇报 入党申请书 实习报告 心得体会 工作计划 简历模板 工作报告 导游词 评语寄语 口号大全 策划书范文
信息工程
软件工程 企业开发 系统运维 软件测试
移民之家
移民动态 移民政策 移民百科 移民生活 技术移民 投资移民
知识大全
母婴 数码 摄影 装修 美文 常识 时尚 婚嫁 美食 养生 旅游 兴趣 职场 教育 文学 健康
问答大全
电脑网络 手机数码 QQ专区 生活 游戏 体育运动 娱乐明星 休闲爱好 文化艺术 社会民生 教育科学 健康医疗 商业理财 情感家庭 地区问题 其他
编程问答
IOS Android .NET Java C/C++ Delphi VC/MFC 其他语言 PHP MSSQL MYSQL Oracle 其他数据库 Web开发 Windows Linux 硬件/嵌入开发 网络通信 移动开发 云计算 企业IT 游戏开发
笑话大全
幽默笑话 爱情笑话 成人笑话 校园笑话 爆笑笑话 综合笑话 古代笑话 现代笑话 国外笑话

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

来源:互联网  时间:2017/12/8 2:16:01

以下内容来源: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标签你使用的方式都正确。


上一篇3sass的数据类型与函数
下一篇Web前端知识体系精简
明星图片
相关文章
《 META标签指南:哪些meta标签该用哪些不该用?》由码蚁之家搜集整理于网络,
联系邮箱:mxgf168#qq.com(#改为@)