• <progress id="j6qca"><tr id="j6qca"></tr></progress>
  • <dl id="j6qca"></dl>
    <sup id="j6qca"><menu id="j6qca"><td id="j6qca"></td></menu></sup>
  • <div id="j6qca"><s id="j6qca"></s></div>
  • <div id="j6qca"><tr id="j6qca"></tr></div>
    <dl id="j6qca"></dl>
    <dl id="j6qca"><menu id="j6qca"></menu></dl>
  • <li id="j6qca"><s id="j6qca"></s></li>
  • <dl id="j6qca"></dl>
    <big id="j6qca"></big>

    1. <label id="j6qca"><button id="j6qca"></button></label>

      <listing id="j6qca"></listing>

    2. <menu id="j6qca"><ruby id="j6qca"></ruby></menu>
    3. <sup id="j6qca"><menu id="j6qca"></menu></sup>
      <dl id="j6qca"><ins id="j6qca"><small id="j6qca"></small></ins></dl>
      <li id="j6qca"><ins id="j6qca"></ins></li>
      <acronym id="j6qca"><legend id="j6qca"></legend></acronym>

        <label id="j6qca"></label>
          <tt id="j6qca"></tt>

            <tt id="j6qca"><button id="j6qca"><span id="j6qca"></span></button></tt>
          1. <sup id="j6qca"><menu id="j6qca"></menu></sup>
          2. <dl id="j6qca"><ins id="j6qca"><small id="j6qca"></small></ins></dl>
            <dl id="j6qca"><menu id="j6qca"></menu></dl>
          3. <div id="j6qca"></div>
            <dl id="j6qca"><menu id="j6qca"></menu></dl>
          4. <div id="j6qca"><tr id="j6qca"></tr></div>
          5. <li id="j6qca"><s id="j6qca"></s></li>
          6. <dl id="j6qca"><menu id="j6qca"></menu></dl>
          7. <div id="j6qca"><tr id="j6qca"></tr></div>
          8. <li id="j6qca"><s id="j6qca"></s></li>
            <li id="j6qca"><s id="j6qca"></s></li><li id="j6qca"></li>
          9. <div id="j6qca"></div>
            <sup id="j6qca"></sup>
            <li id="j6qca"><ins id="j6qca"></ins></li>
            <li id="j6qca"></li>
            <s id="j6qca"><rt id="j6qca"></rt></s>
            <sup id="j6qca"></sup>
          10. <menuitem id="j6qca"></menuitem>
            <dl id="j6qca"></dl>
            <li id="j6qca"><tr id="j6qca"><strong id="j6qca"></strong></tr></li>
          11. 手機網站建站指南
            搜收錄網整理 發布日期:2017/2/5 16:00:46

            百度移動流量已反超穩中有升的PC流量,移動之爭才是營銷新主題!而手機站作為承載轉化的關鍵環節,更值得每一個百度推廣客戶的重視。今天小編就向您介紹史上最強的移動建站指南。

             

            (下面以教育行業舉個栗子,但客官別擔心→→通用標準可是各行業都適用喲~~~)

             

            1. 通用體驗標準:

            通用體驗標準包含6方面的內容:網站基礎體驗網站層級結構頁面排版字體字號導航便利性

             

            1.1 基礎體驗先做好

            Ø移動站可正常打開,各頁面加載時間不超過5秒

            Ø移動站支持主流瀏覽器,如百度瀏覽器、UC、QQ瀏覽器、safari等

            Ø各頁面內容顯示完整,沒有無法顯示的圖片或其他內容。圖片無拉伸或模糊現象。

            Ø各頁面中鏈接可正常打開,無死鏈或空白頁情況。

             

            1.2 層級結構事不過三

            Ø 移動站層級控制在2-4層,只有首頁或4層以上結構均不合理。推薦2-3層結構:首頁+詳情頁,首頁+列表頁+詳情頁。

            首頁:

            首頁主要承擔分類導航和重要信息提示功能。應采用簡潔布局,清晰分類。主要模板可包含banner焦點信息、分類導航模塊、產品列表模塊、轉化工具模塊等。

            Ø模塊排序:各模塊居中對齊,分類導航模塊、焦點信息應在第一屏顯示。

            Ø頂部banner焦點圖:單張圖片大小不超過50K,不使用FLASH動畫。建議圖片高度不超過手機屏幕手機1/3,寬度同頁面寬度要求。 多張banner圖可采用輪播方式。

            Ø分類導航模塊:排版整齊,推薦采用按鈕或圖塊樣式,大小應方便點擊;分類圖標橫向排列不超過4個,縱向不超過3行。

            Ø產品列表模塊:如有產品列表,其縱向條目一般不超過5條。建議采用縮略圖+文字描述樣式。

            Ø轉化工具模塊:采用底部工具欄樣式或頁面側邊欄樣式。懸浮方式,大小方便點擊。底部工具欄高度不低于48px。

            Ø頂部LOGO圖:首頁頂部應有明顯品牌logo或公司名稱。LOGO圖片使用png格式,高度不可小于28px。


             

            列表頁

            列表頁用于分類展現商家產品或服務,主要包括分類列表模塊,轉化工具模塊等。

            Ø分類列表模塊:列表條目采用縱向排列,每頁條數不超過10條;更多內容采用分頁顯示,列表下方使用“上一頁”“下一頁”提示。

            Ø列表條目一般分為純文字和圖文兩種樣式,推薦采用圖文結合樣式,圖片內容與文字描繪相呼應。避免使用只有純圖片的頁面。

            Ø轉化工具模塊、頂部LOGO:同首頁要求

             

            詳情頁

            詳情頁用于讓用戶了解更詳細產品信息,解答疑問促成轉化。主要包括產品詳情模塊、轉化工具模塊等。

            Ø產品詳情模塊:內容應采用圖文或列表樣式;重要信息突出顯示,可用大字體、加粗等方式。

            Ø轉化工具模塊、頂部LOGO:同首頁要求。

             

            1.3 頁面排版有講究

            Ø頁面寬度:適配多種尺寸手機屏幕,無需橫向滾動,不放大時能清晰瀏覽內容。寬度推薦640像素,居中對齊;并通過480*800像素和640*960像素顯示測試。

             

            Ø頁面長度:單頁內容不宜過長。建議首頁內容控制在2屏內,列表頁、詳情頁控制在3屏內。內容較多時可以分頁顯示,在頁面底部使用“上一頁”“下一頁”提示。如確需長頁面顯示,建議有懸浮的“返回頂部”按鈕。

             

            1.4 配色怎么養眼

            Ø網站配色使用WEB安全色(RGB256),禁止使用CMYK模式。各頁面與首頁配色保持一致。

            Ø網站配色合理,與所屬行業有相關性,如幼兒教育采用暖色、綠色調;IT、汽修培訓采用藍色調等。

             

            1.5 字體字號有門道

             

            Ø所有網頁字體默認微軟雅黑或宋體,少量黑體,顏色要與背景對比明顯

            Ø文字大小易于閱讀,做到不同分辨率自適配: 開發程序中建議首頁、列表頁使用14-16號字(sp);詳情頁標題使用18-22號字(sp),內容使用12-16號字(sp)

             

            1.6 導航便利性

            Ø導航按鈕每頁采用統一樣式,位置固定。大小適合手指點擊,建議不小于32px*32px,按鈕應盡可能的使用CSS樣式來實現。

            網站層級內容較多,應在頁面上方增加彈出式全站導航模塊或內容搜索模塊。

            Ø頁面間跳轉方便,推薦采用滑屏翻頁方式。

            Ø網站二級、三級頁面有“返回上一級”、“返回首頁”等導航鏈接

            Ø網頁內容不滿一頁時無翻頁提示,分多頁顯示時在頁面下方使用“上一頁”“下一頁”等按鈕鏈接。

             

            2. 教育行業特色內容規范

            基礎要求

            Ø網站內容應盡量全面豐富,總頁面數建議大于10個以上

            Ø應包含公司名稱,公司介紹、產品簡介及詳細的聯系方式

            Ø內容應真實可靠,及時更新。不能有虛假或者過期內容:如13年課程表、報價單等。

             

            方便瀏覽

            Ø課程按照不同的類別分類,學員年齡、專業分類等,方便閱讀查找

            Ø明確說明學校位置和上課時間,方便學員安排時間

            Ø可顯示課程截止報名時間。

             

            下面列出教育行業之二級行業建站要素。頁面如何討人喜歡?如何證明你的權威性?如何吸引網民報名?客官往下看:

             

            教育培訓-語言培訓

             

            舉個栗子:

             

            教育培訓-職業教育

             

             

            教育培訓- 休閑培訓

             

            此處還有栗子

             

            教育培訓- 高教自考

             

            看,栗子:

             

            3. 轉化有技巧

            Ø網站應提供3種以上轉化方式:如在線咨詢、電話、離線寶、地圖、以及在線報名、免費試聽申請等


             

            Ø各級頁面使用統一轉化工具圖標樣式。不干擾閱讀體驗。可采用底部工具欄、頁面側邊欄樣式,推薦懸浮方式,隨頁面滾動每屏顯示

            Ø電話:應采用點擊直接撥號方式,不需再次輸入號碼;推薦使用企業400號碼。

            Ø地圖:標示位置應清晰明確,旁邊輔助地址信息的文字描述。

            Ø轉化工具如采用中間彈窗方式,建議彈窗不超過1個,大小不超過屏幕1/4,彈窗方便關閉,彈出頻率間隔5秒以上。

             

            聽說,站在移動的風口上,豬都會飛,客官還不飛么?


            信息網址:http://www.mwza.top/ziyuan/view15965.htm
            相關信息
            平特一尾高手专网
          12. <progress id="j6qca"><tr id="j6qca"></tr></progress>
          13. <dl id="j6qca"></dl>
            <sup id="j6qca"><menu id="j6qca"><td id="j6qca"></td></menu></sup>
          14. <div id="j6qca"><s id="j6qca"></s></div>
          15. <div id="j6qca"><tr id="j6qca"></tr></div>
            <dl id="j6qca"></dl>
            <dl id="j6qca"><menu id="j6qca"></menu></dl>
          16. <li id="j6qca"><s id="j6qca"></s></li>
          17. <dl id="j6qca"></dl>
            <big id="j6qca"></big>

            1. <label id="j6qca"><button id="j6qca"></button></label>

              <listing id="j6qca"></listing>

            2. <menu id="j6qca"><ruby id="j6qca"></ruby></menu>
            3. <sup id="j6qca"><menu id="j6qca"></menu></sup>
              <dl id="j6qca"><ins id="j6qca"><small id="j6qca"></small></ins></dl>
              <li id="j6qca"><ins id="j6qca"></ins></li>
              <acronym id="j6qca"><legend id="j6qca"></legend></acronym>

                <label id="j6qca"></label>
                  <tt id="j6qca"></tt>

                    <tt id="j6qca"><button id="j6qca"><span id="j6qca"></span></button></tt>
                  1. <sup id="j6qca"><menu id="j6qca"></menu></sup>
                  2. <dl id="j6qca"><ins id="j6qca"><small id="j6qca"></small></ins></dl>
                    <dl id="j6qca"><menu id="j6qca"></menu></dl>
                  3. <div id="j6qca"></div>
                    <dl id="j6qca"><menu id="j6qca"></menu></dl>
                  4. <div id="j6qca"><tr id="j6qca"></tr></div>
                  5. <li id="j6qca"><s id="j6qca"></s></li>
                  6. <dl id="j6qca"><menu id="j6qca"></menu></dl>
                  7. <div id="j6qca"><tr id="j6qca"></tr></div>
                  8. <li id="j6qca"><s id="j6qca"></s></li>
                    <li id="j6qca"><s id="j6qca"></s></li><li id="j6qca"></li>
                  9. <div id="j6qca"></div>
                    <sup id="j6qca"></sup>
                    <li id="j6qca"><ins id="j6qca"></ins></li>
                    <li id="j6qca"></li>
                    <s id="j6qca"><rt id="j6qca"></rt></s>
                    <sup id="j6qca"></sup>
                  10. <menuitem id="j6qca"></menuitem>
                    <dl id="j6qca"></dl>
                    <li id="j6qca"><tr id="j6qca"><strong id="j6qca"></strong></tr></li>
                  11. <progress id="j6qca"><tr id="j6qca"></tr></progress>
                  12. <dl id="j6qca"></dl>
                    <sup id="j6qca"><menu id="j6qca"><td id="j6qca"></td></menu></sup>
                  13. <div id="j6qca"><s id="j6qca"></s></div>
                  14. <div id="j6qca"><tr id="j6qca"></tr></div>
                    <dl id="j6qca"></dl>
                    <dl id="j6qca"><menu id="j6qca"></menu></dl>
                  15. <li id="j6qca"><s id="j6qca"></s></li>
                  16. <dl id="j6qca"></dl>
                    <big id="j6qca"></big>

                    1. <label id="j6qca"><button id="j6qca"></button></label>

                      <listing id="j6qca"></listing>

                    2. <menu id="j6qca"><ruby id="j6qca"></ruby></menu>
                    3. <sup id="j6qca"><menu id="j6qca"></menu></sup>
                      <dl id="j6qca"><ins id="j6qca"><small id="j6qca"></small></ins></dl>
                      <li id="j6qca"><ins id="j6qca"></ins></li>
                      <acronym id="j6qca"><legend id="j6qca"></legend></acronym>

                        <label id="j6qca"></label>
                          <tt id="j6qca"></tt>

                            <tt id="j6qca"><button id="j6qca"><span id="j6qca"></span></button></tt>
                          1. <sup id="j6qca"><menu id="j6qca"></menu></sup>
                          2. <dl id="j6qca"><ins id="j6qca"><small id="j6qca"></small></ins></dl>
                            <dl id="j6qca"><menu id="j6qca"></menu></dl>
                          3. <div id="j6qca"></div>
                            <dl id="j6qca"><menu id="j6qca"></menu></dl>
                          4. <div id="j6qca"><tr id="j6qca"></tr></div>
                          5. <li id="j6qca"><s id="j6qca"></s></li>
                          6. <dl id="j6qca"><menu id="j6qca"></menu></dl>
                          7. <div id="j6qca"><tr id="j6qca"></tr></div>
                          8. <li id="j6qca"><s id="j6qca"></s></li>
                            <li id="j6qca"><s id="j6qca"></s></li><li id="j6qca"></li>
                          9. <div id="j6qca"></div>
                            <sup id="j6qca"></sup>
                            <li id="j6qca"><ins id="j6qca"></ins></li>
                            <li id="j6qca"></li>
                            <s id="j6qca"><rt id="j6qca"></rt></s>
                            <sup id="j6qca"></sup>
                          10. <menuitem id="j6qca"></menuitem>
                            <dl id="j6qca"></dl>
                            <li id="j6qca"><tr id="j6qca"><strong id="j6qca"></strong></tr></li>