No-Transform协议禁止搜索引擎转码兼移动站建设问答
No-Transform协议禁止搜索引擎转码兼移动站建设问答技术
原文链接 : http://blog.lmlphp.com/archives/51 来自 : LMLPHP后院
在 手机端访问时，发现自己的站点经常被百度，360等搜索引擎转码展示。转码后发现网页质量不太好，很多功能都出问题了。本人也是非常讨厌这种无声无息的动 作，之前在站长沙龙上看到过一些问答，有关于如何禁止搜索引擎转码网页的问题，需要加上一段代码。我就是后知后觉的那种，当时并没有加上这段代码，现在实 在是看不下去了，不得不加上了。加上后网站的转码并不会立刻生效，还需要耐心观察。no-transform 代码如下：
<meta http-equiv="Cache-Control" content="no-transform"/>
关于手机站的建设，本人一直都有这种想法，由于时间上不够，一直没有开始去做这件事。这段时间，我一直在思考如何更好的建设手机站，也查看了一些站点的手机站的源代码，下面就建设手机站的一些疑问做个总结。
手机站(移动端站点)如何做到更好的兼容？
手机站的布局其实比PC要简单的多，兼容方面还不是很懂，毕竟没有开始试水。要做好兼容，最好的办法就是把页面做简单，不去使用一些偏门的技术，不去使用太多的 JavaScript 特效，这样网页兼容就简单多了。
手机站是否应该开启新的域名？
答 案是否定的，随着移动互联网的到来，移动设备也在更新。目前绝大多数移动设备的配置都很高，大多数手机浏览器都支持HTML5，在完全不做移动手机站的情 况下直接访问也没有多大问题，只是布局不太好看，使用不是很方便而已。在我调研的一些新型站点来看，比如天猫，就没有为移动站开启新的域名，而是直接判断 UA(UserAgent)来显示不同的页面。
手机站如何适应不同分辨率不同DPI的设备？
关于CSS的写法，手机站跟PC 站区别不是很大。本人研究过百度的极速版和触屏版的网页，比较好的适应做法就是外部包裹器不要将 width 属性设置为确定的值。通过div来布局，使用 view-port 来做到适应不同屏幕。关于view-port，请看我的另一篇文章《手机网站开发HTML5之viewport使用》
后记(2015/01/06)，发现 no-transform 并不能阻止百度转码，通过手机百度查看网页时页面底部有个链接，里面有相关转码的说明，官方说需要使用 no-siteapp 声明，代码如下：
<meta http-equiv="Cache-Control" content="no-siteapp"/>
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
