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

来源:互联网 发布:java开发简历项目描述 编辑:程序博客网 时间:2024/06/16 11:50
老版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





0 0
原创粉丝点击