注册 找回密码 验证码
    查询预订信息
   
   
   
首页 资讯 留言
欢迎光临,您尚未登录。
在播歌曲:随风而逝

No flash player!

好象没有装flash播放器. 点击这里 去Macromedia下载.

回复
1
阅读人气
1514

做手机站几点心得(如何禁止搜索引擎转码)

最近对网站进行了移动端的升级,过程还算比较顺利,效果令人满意,爱不释手的感觉。网站代码是艰苦和琐屑的事,再顺还能顺到哪里去,一个字就是苦,苦尽甘来。心得还是有一些的,有实践就会有心得,有心得才会有进步。

一、body元素

按说body元素是没有宽度的,但是最后在百度的站长平台上检测时,总是通不过,说不适合在移动端浏览。如果加上元数据以后,网页的内容就不能放大和缩小了,死的了。这也不好,有些图片是需要放大一下的,比如公交站牌上的站名,不放大就看不清楚字。所以就要把“width=device-width”去掉。后来就在body元素加上"width=95%",挺有效果,看来body宽度是可以用百分比控制的。然后就可以通过百度的检测了,“适合移动端浏览”了。

二、图片的简化处理

图片的处理向来都是挺复杂的。图片在HTML中是img 元素,以前都是将图片的width和height属性(property)算出来,然后再放到固定的位置,就没有问题,不至于变形。以前做PC端的时候没有问题,因为屏幕宽,现在手机的屏幕窄,宽度也不一样,在不知道屏幕宽度的情况下,就无法确定图片的尺寸。后来经高手指点,把图片的width属性定为“width=100%”就可以了。如果图片的实际尺寸宽于外框,则会相应调整为外框的尺寸,如果窄于外框的尺寸,则会维持图片本身的尺寸。而且这样做不用管高度属性(height),高度会按比例自动调整。这个办法非常好,省了好多的事。

三、转码是rogue行为

在手机站做成之后,其效果是迷人的,所以访问量激增,大受欢迎。这时候,另一只手伸进来了,搜索引擎。只要移动端访问量增多,就会对网页转码。转成搜索引擎的网页,美其名曰,提高受众的浏览体验。如果没有手机站,只有PC站,你这样说还可以。人家有手机站了,你还硬着头皮转码,不指向目的网站,这就是rogue行为了。大佬们都这样,真气人。转码的效果也真的是烂,那不可能好啊,因为是千篇一律,千人一面的,效果是丑爆的感觉。后来找到一段代码,是一个蓝点网上看到的,把这段代码放到网页上,才防止rogue转码行为。如果有朋友需要,就把这三条代码拿去,对付那个rogue(记得两端加上元素的符号,我这里不能加,如果加上就不显示了。):

meta name="applicable-device" content="pc,mobile"

meta name="MobileOptimized" content="width"

meta name="HandheldFriendly" content="true"

即使没有手机站,只有PC站,也不能充许转码,那样也会造成排名下降,我深有体会。网民的点击行为是评判标准,网民对转码用脚投票,netizens have franchise on such a rogue behivior.后来有一天,我上中国人民银行(央行)的网站,央行的网站也没有移动版,但是没有转码啊!搜索引擎也是挑柿子的,挑软的捏,欺负小站长们,欺负小的商业网站。



0楼  by: rainforest    发帖时间:2016-04-14 12:29:37  
 
 
0


手机版
 
         
       
     
关于我们 常见问题