meta标签相关功能
一、禁止移动端百度转码
在页面head中加入以下meta标签
<meta http-equiv="Cache-Control" content="no-transform">
<meta http-equiv="Cache-Control" content="no-siteapp">
当移动端通过百度搜索进入网站时,百度会自动把页面转码成移动端访问的页面,但用户体验较差,因此禁用百度siteapp转码。该标签表示禁止移动端百度siteapp自动转码的。
百度一共提供了三种解决方案:
A. no-siteapp协议
在head标签中插入以下代码。PS:由于复制可能导致双引号出现问题,所以请自己重新将双引号在半角英文环境下输入。
<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
如第三方站点不希望某页面被转码,可该页面上添加此协议,当用户通过移动搜索进入第三方网站时,会直接进入原网页。
B.开放适配协议
如第三方站点不希望页面被转码,且本身有对应手机页面时,建议站长使用百度的开放适配服务,百度将会帮助用户直接进入第三方网站自有的手机页面。
C. handheld协议
页面通过link标签显式指定WAP网页,声明格式如下:
<link rel="alternate" type="application/vnd.wap.xhtml+xml" media="handheld" ``href="target"/>
如第三方站点不希望页面被转码,可添加此协议,告知我们原网页对应有一个WAP版页面,当用户进入第三方网站时,先进入中间提示页,让用户自主选择跳转至原网页或第三方网站自有的wap页面。
二、禁止百度快照缓存
百度会缓存一份网页快照,有部分用户人存在先点快照的习惯,因为从快照点开的结果中,搜索关键词会高亮显示,方便他直达。
那么,这种情况就值得我们深思了:
①、如果存在这种缓存页面,相当于分流了大量本属于网站的流量,导致流失一些自然用户或真实 PV,因为用户从缓存就能得到自己想要的结果,而不需要访问到你的网站了;
②、反过来再想一下,缓存页面会有关键词高亮效果,提升了用户体验,用户是否会对缓存网页的源站另眼相看,甚至 RSS 订阅之??
禁止百度快照缓存
<meta name="Baiduspider" content="noarchive">
三、页面定期刷新
页面定期刷新,如果加url的,则会重新定向到指定的网页,content后面跟的是时间(单位秒),把这句话加到指定网页的里一般也用在实时性很强的应用中,需要定期刷新的如新闻页面,论坛等
<meta http-equiv="refresh" content="0; url=">'
四. 页面适配移动端的屏幕大小
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=0" />
五. 浏览器内核控制
国产浏览器大多是双内核,甚至是三内核。
一个Chromium内核,也就是Chrome使用的内核,切换到这个内核的模式一般叫极速模式;
一个IE内核,称之为IE模式;
有的甚至还有一个修改过的IE内核,称之为兼容模式。
<meta name="renderer" content="webkit|ie-comp|ie-stand">
若页面需默认用极速核,增加标签:<meta name="renderer" content="webkit">
若页面需默认用ie标准内核,增加标签:<meta name="renderer" content="ie-stand">
若页面需默认用ie兼容内核,增加标签:<meta name="renderer" content="ie-comp">