No-Transform協議禁止搜索引擎轉碼兼移動站建設問答

No-Transform協議禁止搜索引擎轉碼兼移動站建設問答技術

maybe yes 發表於2014-12-29 13:42

原文連接 : 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"/>

閱(60)評(0)查看評論