單頁麵網站布局的優缺點
2017.08.14
憑借簡潔幹淨、導航方便的框架，單網頁布局最近在設計師中非常受歡迎，尤其適合那些內容量不大的網站。
當(dang)然(ran)，這(zhe)種(zhong)布(bu)局(ju)也(ye)不(bu)是(shi)無(wu)往(wang)不(bu)利(li)的(de)，有(you)時(shi)候(hou)也(ye)會(hui)受(shou)到(dao)限(xian)製(zhi)，讓(rang)設(she)計(ji)師(shi)遭(zao)遇(yu)滑(hua)鐵(tie)盧(lu)。下(xia)麵(mian)給(gei)大(da)家(jia)總(zong)結(jie)一(yi)下(xia)單(dan)頁(ye)麵(mian)網(wang)站(zhan)布(bu)局(ju)的(de)優(you)缺(que)點(dian)，希(xi)望(wang)能(neng)夠(gou)幫(bang)到(dao)大(da)家(jia)。
優點1.導航簡單
Wolfgang Jaegel的研究表明，80%的移動設備使用者認為，打造在所有設備上的流暢的、直觀的、易於瀏覽的網絡體驗，是網站所有者的當務之急。充分了解手機和大多數移動設備的局限性（小屏幕、基於拇指的互動等等）後，設計師采用單頁麵布局來解決這個問題，這樣用戶就能流暢地瀏覽頁麵，而不會被各種下拉菜單、按鈕擾亂了。
簡單說，單頁麵布局是減少移動用戶跳出率的有效工具。
優點2. 精簡的開發流程
在(zai)一(yi)個(ge)需(xu)要(yao)快(kuai)速(su)周(zhou)轉(zhuan)期(qi)的(de)行(xing)業(ye)裏(li)，單(dan)頁(ye)麵(mian)網(wang)站(zhan)設(she)計(ji)能(neng)夠(gou)很(hen)好(hao)地(di)發(fa)揮(hui)作(zuo)用(yong)。基(ji)本(ben)上(shang)，單(dan)頁(ye)麵(mian)框(kuang)架(jia)可(ke)以(yi)用(yong)作(zuo)很(hen)多(duo)行(xing)業(ye)和(he)專(zhuan)業(ye)領(ling)域(yu)的(de)各(ge)種(zhong)客(ke)戶(hu)的(de)準(zhun)模(mo)板(ban)。再(zai)加(jia)上(shang)單(dan)頁(ye)麵(mian)網(wang)站(zhan)布(bu)局(ju)現(xian)在(zai)是(shi)即(ji)用(yong)型(xing)WordPress主題的一個組成部分，專業網站設計師似乎也沒有什麼理由拒絕接受這個潮流。
優點3. 優秀的用戶體驗
Adobe公布的統計數據顯示，如果設計或布局沒有吸引力，38%的網站用戶將退出頁麵。這類統計數字在提醒設計師們，用戶體驗必須始終是頭等大事。單頁麵布局提供的高度直觀的、高效實用的導航將有助於確保為用戶提供最佳體驗，無論他們使用什麼設備。
缺點1. 搜索引擎優化受限
了(le)解(jie)了(le)搜(sou)索(suo)引(yin)擎(qing)優(you)化(hua)在(zai)決(jue)定(ding)網(wang)頁(ye)能(neng)不(bu)能(neng)從(cong)有(you)機(ji)搜(sou)索(suo)中(zhong)受(shou)益(yi)後(hou)，網(wang)站(zhan)設(she)計(ji)師(shi)可(ke)能(neng)會(hui)在(zai)采(cai)用(yong)單(dan)頁(ye)麵(mian)網(wang)站(zhan)布(bu)局(ju)時(shi)發(fa)現(xian)他(ta)們(men)陷(xian)入(ru)了(le)困(kun)境(jing)。頁(ye)麵(mian)內(nei)容(rong)的(de)缺(que)乏(fa)，使(shi)得(de)文(wen)案(an)撰(zhuan)寫(xie)者(zhe)與(yu)內(nei)容(rong)提(ti)供(gong)者(zhe)在(zai)內(nei)鏈(lian)、關鍵詞定位等方麵幾乎沒有發揮餘地，並限製了能夠通過內容有限定位關鍵詞的範圍。這一點應該在網站設計的策劃階段就考慮到。
wulunshejiduomemeiguan，douxuyaobeirenkandaocaihuibeixinshang。zhezhengshidanyemianshejifangansuomianlindezhuyaotiaozhan。jinjinzaiyigeyemianshangduijineirongkeyipohuaiyemianpaiminghekeyongxing，yiweizheshejishiheyingxiaotuanduixuyaorenzhensikaoruhezuidahualiyongyemiankongjianyidadaozuijiaxiaoguo。ciwai，youshenduneirongheduogeyemianbingbuyiweizhenibunengzaishouyeshiyong“單頁麵”錨點導航。
缺點2. 缺乏分析透明度
網(wang)站(zhan)分(fen)析(xi)服(fu)務(wu)依(yi)托(tuo)於(yu)足(zu)夠(gou)多(duo)的(de)導(dao)航(hang)與(yu)點(dian)擊(ji)。如(ru)果(guo)你(ni)想(xiang)知(zhi)道(dao)受(shou)眾(zhong)在(zai)網(wang)站(zhan)上(shang)都(dou)做(zuo)了(le)什(shen)麼(me)，你(ni)需(xu)要(yao)一(yi)個(ge)頁(ye)麵(mian)層(ceng)級(ji)供(gong)用(yong)戶(hu)訪(fang)問(wen)。分(fen)析(xi)的(de)透(tou)明(ming)度(du)是(shi)建(jian)立(li)在(zai)更(geng)複(fu)雜(za)的(de)頁(ye)麵(mian)結(jie)構(gou)上(shang)的(de)。如(ru)果(guo)你(ni)想(xiang)知(zhi)道(dao)為(wei)什(shen)麼(me)用(yong)戶(hu)會(hui)跳(tiao)出(chu)或(huo)者(zhe)轉(zhuan)化(hua)，單(dan)頁(ye)麵(mian)布(bu)局(ju)並(bing)不(bu)利(li)於(yu)信(xin)息(xi)收(shou)集(ji)。簡(jian)單(dan)說(shuo)，單(dan)網(wang)頁(ye)設(she)計(ji)的(de)追(zhui)蹤(zong)機(ji)會(hui)並(bing)不(bu)多(duo)。
缺點3. 不利於推廣電商
ruguonizhengzaituiguanghuozheguanliyigepengbofazhandedianshangwangzhan，danyemianwangzhanbujujueduibushizuijiaxuanze。yanjiubiaoming，yemianzaluanshikehuxuanzetuichuyigewangyedezhuyaoyuanyin。jianjiededianshangxitongxuyaobidanyemianbujushejigengfuzadejiegouyudaohangxitong。
shide，danyemianbujuyouyoudianyeyouquedian。duiyuyouxiexiangmueryan，danyemianbujuyexushilixiangde，danduilingyixiexiangmueryanqueyoushiwanquanbushihede。wangzhanshejishiyinggaijiangdanyemianbujushizuomanzukehuxuqiudeyizhongjiejuefangan，erbuyinggaishiyizhanshijiejuefangan。
當(dang)然(ran)，這(zhe)種(zhong)布(bu)局(ju)也(ye)不(bu)是(shi)無(wu)往(wang)不(bu)利(li)的(de)，有(you)時(shi)候(hou)也(ye)會(hui)受(shou)到(dao)限(xian)製(zhi)，讓(rang)設(she)計(ji)師(shi)遭(zao)遇(yu)滑(hua)鐵(tie)盧(lu)。下(xia)麵(mian)給(gei)大(da)家(jia)總(zong)結(jie)一(yi)下(xia)單(dan)頁(ye)麵(mian)網(wang)站(zhan)布(bu)局(ju)的(de)優(you)缺(que)點(dian)，希(xi)望(wang)能(neng)夠(gou)幫(bang)到(dao)大(da)家(jia)。
優點1.導航簡單
Wolfgang Jaegel的研究表明，80%的移動設備使用者認為，打造在所有設備上的流暢的、直觀的、易於瀏覽的網絡體驗，是網站所有者的當務之急。充分了解手機和大多數移動設備的局限性（小屏幕、基於拇指的互動等等）後，設計師采用單頁麵布局來解決這個問題，這樣用戶就能流暢地瀏覽頁麵，而不會被各種下拉菜單、按鈕擾亂了。
簡單說，單頁麵布局是減少移動用戶跳出率的有效工具。
優點2. 精簡的開發流程
在(zai)一(yi)個(ge)需(xu)要(yao)快(kuai)速(su)周(zhou)轉(zhuan)期(qi)的(de)行(xing)業(ye)裏(li)，單(dan)頁(ye)麵(mian)網(wang)站(zhan)設(she)計(ji)能(neng)夠(gou)很(hen)好(hao)地(di)發(fa)揮(hui)作(zuo)用(yong)。基(ji)本(ben)上(shang)，單(dan)頁(ye)麵(mian)框(kuang)架(jia)可(ke)以(yi)用(yong)作(zuo)很(hen)多(duo)行(xing)業(ye)和(he)專(zhuan)業(ye)領(ling)域(yu)的(de)各(ge)種(zhong)客(ke)戶(hu)的(de)準(zhun)模(mo)板(ban)。再(zai)加(jia)上(shang)單(dan)頁(ye)麵(mian)網(wang)站(zhan)布(bu)局(ju)現(xian)在(zai)是(shi)即(ji)用(yong)型(xing)WordPress主題的一個組成部分，專業網站設計師似乎也沒有什麼理由拒絕接受這個潮流。
優點3. 優秀的用戶體驗
Adobe公布的統計數據顯示，如果設計或布局沒有吸引力，38%的網站用戶將退出頁麵。這類統計數字在提醒設計師們，用戶體驗必須始終是頭等大事。單頁麵布局提供的高度直觀的、高效實用的導航將有助於確保為用戶提供最佳體驗，無論他們使用什麼設備。
缺點1. 搜索引擎優化受限
了(le)解(jie)了(le)搜(sou)索(suo)引(yin)擎(qing)優(you)化(hua)在(zai)決(jue)定(ding)網(wang)頁(ye)能(neng)不(bu)能(neng)從(cong)有(you)機(ji)搜(sou)索(suo)中(zhong)受(shou)益(yi)後(hou)，網(wang)站(zhan)設(she)計(ji)師(shi)可(ke)能(neng)會(hui)在(zai)采(cai)用(yong)單(dan)頁(ye)麵(mian)網(wang)站(zhan)布(bu)局(ju)時(shi)發(fa)現(xian)他(ta)們(men)陷(xian)入(ru)了(le)困(kun)境(jing)。頁(ye)麵(mian)內(nei)容(rong)的(de)缺(que)乏(fa)，使(shi)得(de)文(wen)案(an)撰(zhuan)寫(xie)者(zhe)與(yu)內(nei)容(rong)提(ti)供(gong)者(zhe)在(zai)內(nei)鏈(lian)、關鍵詞定位等方麵幾乎沒有發揮餘地，並限製了能夠通過內容有限定位關鍵詞的範圍。這一點應該在網站設計的策劃階段就考慮到。
wulunshejiduomemeiguan，douxuyaobeirenkandaocaihuibeixinshang。zhezhengshidanyemianshejifangansuomianlindezhuyaotiaozhan。jinjinzaiyigeyemianshangduijineirongkeyipohuaiyemianpaiminghekeyongxing，yiweizheshejishiheyingxiaotuanduixuyaorenzhensikaoruhezuidahualiyongyemiankongjianyidadaozuijiaxiaoguo。ciwai，youshenduneirongheduogeyemianbingbuyiweizhenibunengzaishouyeshiyong“單頁麵”錨點導航。
缺點2. 缺乏分析透明度
網(wang)站(zhan)分(fen)析(xi)服(fu)務(wu)依(yi)托(tuo)於(yu)足(zu)夠(gou)多(duo)的(de)導(dao)航(hang)與(yu)點(dian)擊(ji)。如(ru)果(guo)你(ni)想(xiang)知(zhi)道(dao)受(shou)眾(zhong)在(zai)網(wang)站(zhan)上(shang)都(dou)做(zuo)了(le)什(shen)麼(me)，你(ni)需(xu)要(yao)一(yi)個(ge)頁(ye)麵(mian)層(ceng)級(ji)供(gong)用(yong)戶(hu)訪(fang)問(wen)。分(fen)析(xi)的(de)透(tou)明(ming)度(du)是(shi)建(jian)立(li)在(zai)更(geng)複(fu)雜(za)的(de)頁(ye)麵(mian)結(jie)構(gou)上(shang)的(de)。如(ru)果(guo)你(ni)想(xiang)知(zhi)道(dao)為(wei)什(shen)麼(me)用(yong)戶(hu)會(hui)跳(tiao)出(chu)或(huo)者(zhe)轉(zhuan)化(hua)，單(dan)頁(ye)麵(mian)布(bu)局(ju)並(bing)不(bu)利(li)於(yu)信(xin)息(xi)收(shou)集(ji)。簡(jian)單(dan)說(shuo)，單(dan)網(wang)頁(ye)設(she)計(ji)的(de)追(zhui)蹤(zong)機(ji)會(hui)並(bing)不(bu)多(duo)。
缺點3. 不利於推廣電商
ruguonizhengzaituiguanghuozheguanliyigepengbofazhandedianshangwangzhan，danyemianwangzhanbujujueduibushizuijiaxuanze。yanjiubiaoming，yemianzaluanshikehuxuanzetuichuyigewangyedezhuyaoyuanyin。jianjiededianshangxitongxuyaobidanyemianbujushejigengfuzadejiegouyudaohangxitong。
shide，danyemianbujuyouyoudianyeyouquedian。duiyuyouxiexiangmueryan，danyemianbujuyexushilixiangde，danduilingyixiexiangmueryanqueyoushiwanquanbushihede。wangzhanshejishiyinggaijiangdanyemianbujushizuomanzukehuxuqiudeyizhongjiejuefangan，erbuyinggaishiyizhanshijiejuefangan。
