网站移动端自适应匹配搜索引擎优化

老版meta标记:


[wml|xhtml|html5]——根据手机页的协议语言,选择其中的一种。
url=url——后者代表当前PC页所对应的手机页url,两者必须是一一对应关系


新版H5标记:

PC版网页做以下标注,指向适配H5移动页:



H5移动版网页做以下标注,指向适配PC页:



--------------------------------------------------------------------------------------------------------------

屏蔽百度转码:



这两个meta,no-siteapp和no-transform,是告诉搜索引擎不要把网页转码。

--------------------------------------------------------------------------------------------------------------
浏览器对自适应识别校验代码:

在自适应网页设计中,我们使用meta标签来告诉浏览器网页的自适应规则。如:



这个meta中:

width - viewport的宽度 height - viewport的高度
initial-scale - 初始的缩放比例
minimum-scale - 允许用户缩放到的最小比例
maximum-scale - 允许用户缩放到的最大比例
user-scalable - 用户是否可以手动缩放
user-scalable=yes 是声明网页可以缩小放大。
--------------------------------------------------------------------------------------------------------------


Meta标签中的format-detection属性及含义 :



一、telephone

你明明写的一串数字没加链接样式,而iPhone会自动把你这个文字加链接样式、并且点击这个数字还会自动拨号!想去掉这个拨号链接该如何操作呢?这时我们的meta又该大显神通了,代码如下:
telephone=no就禁止了把数字转化为拨号链接!
telephone=yes就开启了把数字转化为拨号链接,要开启转化功能,这个meta就不用写了,在默认是情况下就是开启!

二、email

告诉设备不识别邮箱,点击之后不自动发送
email=no禁止作为邮箱地址!
email=yes就开启了把文字默认为邮箱地址,这个meta就不用写了,在默认是情况下就是开启!

三、adress

adress=no禁止跳转至地图!
adress=yes就开启了点击地址直接跳转至地图的功能,在默认是情况下就是开启!


--------------------------------------------------------------------------------------------------------------
自适应网站设计对百度友好的关键:



这个meta标签,表示页面同时适合在移动设备和PC上进行浏览。


--------------------------------------------------------------------------------------------------------------
指定双核浏览器默认以何种方式渲染页面:


//默认webkit内核
//默认IE兼容模式
//默认IE标准模式




--------------------------------------------------------------------------------------------------------
【地域扩展】http://zhanzhang.baidu.com/college/articleinfo?id=10



 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





你可能感兴趣的:(Html)