建站知识

Build the knowledge

案例
免费获取策划方案多一份参考,总有益处

建站知识

HTML5之元信息meta标签的收集与解释

来源:派臣科技|时间:2019-01-10|浏览:

网站优化(seo优化)最重要之一的环节,就是html代码的编写;如果meta标签写错了或乱应用,闹笑话的同时,搜索引擎百度也是会惩罚你的,那就是网页收录数量少,或者关键词排名较低。一下是派臣小编辛苦收集的标签及注解,希望对你有所帮助。

1、<meta name="Author" contect="你的姓名">

可以增加这一条 加在关键字下面 告诉搜索引擎你的站点的制作的作者

2、<meta charset="character_set">

写法 优于 html4的<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 可以减少代码量

3、<meta content="width=device-width,initial-scale=1.0" name="viewport" />

用于移动端,让当前viewport的宽度等于设备的宽度,同时不允许用户手动缩放。

4、<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

针对IE 强制让当前IE用最高版本IE来渲染 chrome=1 用于安装了(谷歌内嵌浏览器框架GCF)后,用来指定页面chrome内核来渲染

5、<meta http-equiv="Cache-Control" content="no-transform " />

禁止移动端的时候百度转码 如果被转码等于拦截了所有来自手机的流量

6、<meta name="applicable-device" content="pc,mobile"/>

告诉搜索引擎这个网站既是PC端也是移动端(平板 手机都称之为移动端)

7、<meta name="HandheldFriendly" content="true">

针对手持设备优化,主要是针对一些老的不识别viewport的浏览器,比如黑莓

8、<meta name="renderer" content="webkit">

针对双核浏览器 例如360等 默认用极速模式访问

9、<meta content="no" name="apple-mobile-web-app-capable">

删除默认的苹果工具栏和菜单栏。

<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

通常和上面一起用

这两个会让网页内容以应用程序风格显示,并使状态栏透明。

10、<meta name="format-detection" content="telephone=no,email=no">

让页面出的所有手机号码和邮箱被忽略 不影响指定A标签拨打

11、这下面一堆是用来兼容手机各个浏览器 可要可不要

<meta name="screen-orientation" content="portrait"><!-- uc强制竖屏 -->

<meta name="full-screen" content="yes"><!-- UC强制全屏 -->

<meta name="browsermode" content="application"><!-- UC应用模式 -->

<meta name="x5-orientation" content="portrait"><!-- QQ应用模式 -->

<meta name="x5-fullscreen" content="true"><!-- QQ强制全屏 -->

<meta name="x5-page-mode" content="app"><!-- QQ应用模式 -->

留言

返回顶部


君
重庆网站建设公司派臣