欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

meta标签相关功能

程序员文章站 2022-03-02 09:28:48
...

一、禁止移动端百度转码

在页面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">

相关标签: html