老版meta标记:
<meta name="mobile-agent"content="format=[wml|xhtml|html5]; url=url">
[wml|xhtml|html5]——根据手机页的协议语言,选择其中的一种。
url=url——后者代表当前PC页所对应的手机页url,两者必须是一一对应关系
新版H5标记:
PC版网页做以下标注,指向适配H5移动页:
<link rel="alternate" media="only screen and(max-width: 640px)" href="http://m.example.com/page-1" >
H5移动版网页做以下标注,指向适配PC页:
<link rel="canonical" href="http://www.example.com/page-1" >
--------------------------------------------------------------------------------------------------------------
屏蔽百度转码:
<meta http-equiv="Cache-Control" content="no-transform " />
<meta http-equiv="Cache-Control" content="no-siteapp" />
这两个meta,no-siteapp和no-transform,是告诉搜索引擎不要把网页转码。
--------------------------------------------------------------------------------------------------------------
浏览器对自适应识别校验代码:
在自适应网页设计中,我们使用meta标签来告诉浏览器网页的自适应规则。如:
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=yes" />
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
这个meta中:
width - viewport的宽度 height - viewport的高度
initial-scale - 初始的缩放比例
minimum-scale - 允许用户缩放到的最小比例
maximum-scale - 允许用户缩放到的最大比例
user-scalable - 用户是否可以手动缩放
user-scalable=yes 是声明网页可以缩小放大。
--------------------------------------------------------------------------------------------------------------
Meta标签中的format-detection属性及含义 :
<meta name="format-detection" content="telephone=no,email=no,adress=no" />
一、telephone
你明明写的一串数字没加链接样式,而iPhone会自动把你这个文字加链接样式、并且点击这个数字还会自动拨号!想去掉这个拨号链接该如何操作呢?这时我们的meta又该大显神通了,代码如下:
telephone=no就禁止了把数字转化为拨号链接!
telephone=yes就开启了把数字转化为拨号链接,要开启转化功能,这个meta就不用写了,在默认是情况下就是开启!
二、email
告诉设备不识别邮箱,点击之后不自动发送
email=no禁止作为邮箱地址!
email=yes就开启了把文字默认为邮箱地址,这个meta就不用写了,在默认是情况下就是开启!
三、adress
adress=no禁止跳转至地图!
adress=yes就开启了点击地址直接跳转至地图的功能,在默认是情况下就是开启!
--------------------------------------------------------------------------------------------------------------
自适应网站设计对百度友好的关键:
<meta name="applicable-device" content="pc,mobile">
这个meta标签,表示页面同时适合在移动设备和PC上进行浏览。
--------------------------------------------------------------------------------------------------------------
指定双核浏览器默认以何种方式渲染页面:
<meta name="renderer" content="webkit">//默认webkit内核
<meta name="renderer" content="ie-comp">//默认IE兼容模式
<meta name="renderer" content="ie-stand">//默认IE标准模式
--------------------------------------------------------------------------------------------------------
【地域扩展】http://zhanzhang.baidu.com/college/articleinfo?id=10
<meta name="location" content="province=北京;city=北京;
coord=116.306522891,40.0555055968">
name 属性的值是 location、Content 的值为 province=北京;city=北京;
coord=116.306522891,40.0555055968;
province 为省份简称,city 为城市简称,均不可为空;
coord 是页面信息的经纬度坐标,采用的是 bd09ll 坐标。若页面信息为城市级别,
填写城市中心点即可。若页面信息有具体的地址,经纬度坐标填写该具体地址的坐
标(可以通过百度地图的地址解析 API 获取)。
--------------------------------------------------------------------------------------------------------
【不唯一的 description】
作为搜索结果摘要的重要选择目标之一,一定不要采用默认形式,用适当的语言对页面
进行进一步描述,对 title 的进一步补充,能够使用户更进一步理解你页面的内容与其需求
是否匹配,让你的目标用户更快找到你点击你。
对 title 的进一步补充,准确描述页面内容,但不堆砌关键词,否则可能被认为有
作弊嫌疑;
每个页面要有不同的 description,尽量不适用默认一样的;
适当的长度,超出会被截断
--------------------------------------------------------------------------------------------------------
[移动化] [官方适配补充说明]PC端301、302、js跳转到移动端解惑
http://bbs.zhanzhang.baidu.com/thread-18929-1-1.html
识别移动ua进行pc与手机站url适配的相关规则(linux+Apache)
http://bbs.zhanzhang.baidu.com/thread-15124-1-2.html
识别移动ua进行pc与手机站url适配的相关规则(win+iis版)
http://bbs.zhanzhang.baidu.com/thread-18823-1-1.html
<meta name="mobile-agent"content="format=[wml|xhtml|html5]; url=url">
[wml|xhtml|html5]——根据手机页的协议语言,选择其中的一种。
url=url——后者代表当前PC页所对应的手机页url,两者必须是一一对应关系
新版H5标记:
PC版网页做以下标注,指向适配H5移动页:
<link rel="alternate" media="only screen and(max-width: 640px)" href="http://m.example.com/page-1" >
H5移动版网页做以下标注,指向适配PC页:
<link rel="canonical" href="http://www.example.com/page-1" >
--------------------------------------------------------------------------------------------------------------
屏蔽百度转码:
<meta http-equiv="Cache-Control" content="no-transform " />
<meta http-equiv="Cache-Control" content="no-siteapp" />
这两个meta,no-siteapp和no-transform,是告诉搜索引擎不要把网页转码。
--------------------------------------------------------------------------------------------------------------
浏览器对自适应识别校验代码:
在自适应网页设计中,我们使用meta标签来告诉浏览器网页的自适应规则。如:
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=yes" />
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
这个meta中:
width - viewport的宽度 height - viewport的高度
initial-scale - 初始的缩放比例
minimum-scale - 允许用户缩放到的最小比例
maximum-scale - 允许用户缩放到的最大比例
user-scalable - 用户是否可以手动缩放
user-scalable=yes 是声明网页可以缩小放大。
--------------------------------------------------------------------------------------------------------------
Meta标签中的format-detection属性及含义 :
<meta name="format-detection" content="telephone=no,email=no,adress=no" />
一、telephone
你明明写的一串数字没加链接样式,而iPhone会自动把你这个文字加链接样式、并且点击这个数字还会自动拨号!想去掉这个拨号链接该如何操作呢?这时我们的meta又该大显神通了,代码如下:
telephone=no就禁止了把数字转化为拨号链接!
telephone=yes就开启了把数字转化为拨号链接,要开启转化功能,这个meta就不用写了,在默认是情况下就是开启!
二、email
告诉设备不识别邮箱,点击之后不自动发送
email=no禁止作为邮箱地址!
email=yes就开启了把文字默认为邮箱地址,这个meta就不用写了,在默认是情况下就是开启!
三、adress
adress=no禁止跳转至地图!
adress=yes就开启了点击地址直接跳转至地图的功能,在默认是情况下就是开启!
--------------------------------------------------------------------------------------------------------------
自适应网站设计对百度友好的关键:
<meta name="applicable-device" content="pc,mobile">
这个meta标签,表示页面同时适合在移动设备和PC上进行浏览。
--------------------------------------------------------------------------------------------------------------
指定双核浏览器默认以何种方式渲染页面:
<meta name="renderer" content="webkit">//默认webkit内核
<meta name="renderer" content="ie-comp">//默认IE兼容模式
<meta name="renderer" content="ie-stand">//默认IE标准模式
--------------------------------------------------------------------------------------------------------
【地域扩展】http://zhanzhang.baidu.com/college/articleinfo?id=10
<meta name="location" content="province=北京;city=北京;
coord=116.306522891,40.0555055968">
name 属性的值是 location、Content 的值为 province=北京;city=北京;
coord=116.306522891,40.0555055968;
province 为省份简称,city 为城市简称,均不可为空;
coord 是页面信息的经纬度坐标,采用的是 bd09ll 坐标。若页面信息为城市级别,
填写城市中心点即可。若页面信息有具体的地址,经纬度坐标填写该具体地址的坐
标(可以通过百度地图的地址解析 API 获取)。
--------------------------------------------------------------------------------------------------------
【不唯一的 description】
作为搜索结果摘要的重要选择目标之一,一定不要采用默认形式,用适当的语言对页面
进行进一步描述,对 title 的进一步补充,能够使用户更进一步理解你页面的内容与其需求
是否匹配,让你的目标用户更快找到你点击你。
对 title 的进一步补充,准确描述页面内容,但不堆砌关键词,否则可能被认为有
作弊嫌疑;
每个页面要有不同的 description,尽量不适用默认一样的;
适当的长度,超出会被截断
--------------------------------------------------------------------------------------------------------
[移动化] [官方适配补充说明]PC端301、302、js跳转到移动端解惑
http://bbs.zhanzhang.baidu.com/thread-18929-1-1.html
识别移动ua进行pc与手机站url适配的相关规则(linux+Apache)
http://bbs.zhanzhang.baidu.com/thread-15124-1-2.html
识别移动ua进行pc与手机站url适配的相关规则(win+iis版)
http://bbs.zhanzhang.baidu.com/thread-18823-1-1.html