響應(yīng)式（或者說自適應(yīng)）是指可以根據(jù)設(shè)備分辨率進(jìn)行自動適配已達(dá)到友好顯示的一種網(wǎng)頁設(shè)計，目前已經(jīng)被越來越多的網(wǎng)站所使用，因為相比于傳統(tǒng)的搭建一個PC站點，使用響應(yīng)式/自適應(yīng)的方式有以下優(yōu)點：
搭建更簡單快捷，縮減成本；
提升用戶體驗，不需要中間跳轉(zhuǎn)另記域名；
PC端和移動端SEO保持一致；
避免重復(fù)內(nèi)容和出錯內(nèi)容；
PC端和移動端鏈接統(tǒng)一。
那么，如何做到對百度友好呢？
搜索引擎優(yōu)化與用戶體驗是相輔相承的
要做好SEO優(yōu)化，首先肯定是需要有一個良好的用戶體驗。這里就采用響應(yīng)式設(shè)計的網(wǎng)站總結(jié)一些需要注意的問題。
網(wǎng)站在移動端的打開速度
移動端網(wǎng)絡(luò)情況復(fù)雜，從2G到4G到WIFI，各種情況下的訪問速度如何，這些都是需要考慮的，尤其是響應(yīng)式的網(wǎng)站，由于是適配PC端的，所以難免會有很多js、css以及圖片等，而這些文件如果過多或者過大，對于訪問速度肯定是會有影響的。針對這些問題，有如下建議：
css文件盡量都合并再一個文件里面，并且進(jìn)行壓縮；
js文件放在頁腳，多個js文件在條件允許的情況下建議合并并且壓縮；
圖片建議壓縮后上傳，不宜過多圖片，背景圖片可以采用雪碧圖合并；
開啟Gzip壓縮；
有條件可以選用CDN進(jìn)行靜態(tài)資源的加速。
圖片等資源在移動端的表現(xiàn)
對于圖片等資源，建議設(shè)置最大寬度（max-width），避免屏幕過小圖片過大導(dǎo)致圖片溢出的情況。視頻等資源，如果考慮移動端播放的話，請不要使用flash播放，因為iOS是播放不了的，如果是使用第三方視頻資源的話，比如優(yōu)酷土豆，獲取視頻分享代碼的時候可以獲取通用代碼，通用代碼是支持移動端播放的。
選擇性的顯示網(wǎng)頁內(nèi)容
有些內(nèi)容不適合在手機端顯示，比如播放不了的flash視頻、懸浮廣告，那這個時候我們可以不顯示這些內(nèi)容。對部分移動端不需要或者不友好的內(nèi)容進(jìn)行隱藏處理也是可以達(dá)到良好的用戶體驗。
響應(yīng)式網(wǎng)站優(yōu)化要點
上面都是響應(yīng)式網(wǎng)站需要注意的優(yōu)化細(xì)節(jié)，那么下面才是優(yōu)化的重點：
applicable-device標(biāo)注
優(yōu)化好了響應(yīng)式網(wǎng)站，我們還需要做的一件事情就是告訴百度，我是響應(yīng)式網(wǎng)站！所以這是一個很重要的優(yōu)化措施，需要在網(wǎng)頁head標(biāo)簽內(nèi)添加以下代碼：
<meta name="applicable-device" content="pc,mobile">
參考內(nèi)容：《百度移動搜索優(yōu)化指南2.0》
