如果你是一個相對成熟的企業，我們在建立網站的時候，總是會讓網站開發人員，撰寫一個網站策劃書，通常而言，我們在做網站策劃的時候，一份網站策劃書主要包括如下一個因素：營銷型網站的建立，頁面樣式的視覺體驗、域名、主機的選擇與配置，服務器安全維護、網站內容的定位和基于產品與業務模式等。
而在眾多因素中，大量的企業初創人員，仍然會忽略一個看似非常不重要的細節，那就是搜索優化網站布局，但它在后期的運營中確十分重要。接下來小編就談談如何搭建并優化 HTML5 響應式網站。
1、根據用戶的閱讀習慣調整網頁
通常，當網站上線時，根據客戶到達公司網站的情況，用戶將在短時間內掃描該網站的內容，然后搜索其有價值的地方。然后，才會進一步點擊瀏覽。在每個點的點擊頻率上選擇一些規律性以突出顯示這些有價值內容的價值點。
如果客戶在短時間內找不到所需的信息內容，頁面上沒有對他自己有意義的內容，而且頁面上有太多混亂的信息內容時，客戶一定會放棄尋找該頁面。檢索另一個具有價值信息內容的網站。
因此，網站頁面設計必須設計構思出對行業有價值的網站內容。
2、網站重要的斷點設計理念
因為響應式網站的制作首先是針對配備不同機器的客戶，包括那些針對手機客戶，PC 端客戶以及其他手機閱讀機的客戶，因為這些機器的顯示屏尺寸不同，因此在設計響應式網站時，我們必須為不同類型的設備用戶設計和創建三個不同的機器設備訪問點。擁有這類斷點的設計理念就能夠把響應式網站設計構思的感受規范表現出來。
在設計斷點時，最好進行早期的客戶需求研究，在整個研究過程中準確地瞄準目標客戶，確定目標群體，然后滿足目標群體的需求，以實現細分市場。需要在產品級別上做好產品賣點介紹以吸引客戶資源，做到不一樣斷點的關鍵詞合理布局設置。
3、圖片和視頻的響應式布局
如今，已經進入了媒體時代。許多人不想看到純文本的內容。即使客戶找到您的網站如果看到大量文字，他們也不想觀看。如果添加一些圖片和視頻的裝飾會產生不同的效果。不難看出，圖片和視頻文件仍然在網站中占據相對重要的位置。因此，如何設置不同客戶端設備中圖片和視頻文件的實際效果也非常重要。
4、不一樣顯示屏，不一樣設計構思合理布局
當不同的用戶使用不同的機器設備進行網頁瀏覽時，必須在上線之前測試每臺機器的客戶體驗，并篩選出每組機器的網站訪問的重要元素。當手機瀏覽網站時，由于手機的顯示屏很小，很容易篩選出網站的重要元素。在處理移動網站制作的難題之后，在電腦平板等的設計構思訪問難題也就比較簡單處理了。