網(wǎng)站可能出現(xiàn)的15個(gè)網(wǎng)頁設(shè)計(jì)錯(cuò)誤

　　我們已經(jīng)撰寫了有關(guān)如何通過內(nèi)容營(yíng)銷和SEO解決商業(yè)網(wǎng)站問題的文章。但是，如果您的問題源于網(wǎng)站的設(shè)計(jì)，該怎么辦?糟糕的用戶體驗(yàn)會(huì)嚴(yán)重?fù)p害您的業(yè)務(wù)。讓我們談?wù)劤Ｒ姷木W(wǎng)頁設(shè)計(jì)錯(cuò)誤以及如何解決它們。

　　網(wǎng)站導(dǎo)航錯(cuò)誤

　　網(wǎng)站導(dǎo)航是關(guān)于創(chuàng)建信息的邏輯路徑的，該路徑在用戶的旅程中的最佳時(shí)間顯示。如果您的網(wǎng)站在導(dǎo)航中存在重大問題，則沒人會(huì)找到您的內(nèi)容。沒有內(nèi)容發(fā)現(xiàn)意味著沒有轉(zhuǎn)換!

　　菜單或菜單選項(xiàng)過多

　　研究表明，如果選擇過多，人腦會(huì)變得焦慮不安，什么也不會(huì)選擇。您不想使用網(wǎng)站的菜單來創(chuàng)建這種情況。

　　如果您的站點(diǎn)在頁面的多個(gè)面上都有菜單，或者在主菜單的每個(gè)標(biāo)題下都有太多的下拉選項(xiàng)，則訪問者的眼睛可能會(huì)很快被吸引住。他們找到需要的信息的可能性很小。

　　獲取重要信息的途徑不清楚

　　與太多選項(xiàng)成為問題的方式一樣，找不到選項(xiàng)是客戶轉(zhuǎn)化的“殺手”。

　　大多數(shù)互聯(lián)網(wǎng)用戶已經(jīng)習(xí)慣于在商業(yè)網(wǎng)站上查找信息的方式和位置的通用標(biāo)準(zhǔn)。將內(nèi)容放置在異常位置會(huì)造成不必要的混亂，這可能導(dǎo)致訪問者放棄并繼續(xù)進(jìn)入競(jìng)爭(zhēng)對(duì)手的網(wǎng)站。

　　沒有建議的下一步

　　我們?cè)谛⌒推髽I(yè)中看到的最大的網(wǎng)頁設(shè)計(jì)錯(cuò)誤之一是缺乏橫向?qū)Ш?。沒有相關(guān)的內(nèi)容，沒有功能，沒有更接近轉(zhuǎn)化的溫柔推動(dòng)。

　　如果您讓讀者走到文章或項(xiàng)目的結(jié)尾而又不提出下一步，那么您將結(jié)束他們?cè)诰W(wǎng)站上的旅程。

　　404頁面是死胡同

　　如果訪客在URL中輸入錯(cuò)誤，或單擊指向不再存在的頁面的鏈接，則訪問者會(huì)看到404頁面。查看您網(wǎng)站的錯(cuò)誤日志，以了解這種情況多久發(fā)生一次。

　　如果您的404頁面僅提供道歉信息和“后退”按鈕，或者僅提供指向您首頁的簡(jiǎn)單鏈接，那么您就失去了機(jī)會(huì)。良好的404頁面可以使訪問者愉悅，告知并幫助他們找到其他滿足他們搜索需求的東西。它應(yīng)該為您建立網(wǎng)站關(guān)鍵區(qū)域的橋梁，而不是死胡同。

　　鏈接使您的網(wǎng)站落后

　　當(dāng)訪問者退出您的網(wǎng)站時(shí)，轉(zhuǎn)化的機(jī)會(huì)直線下降。您的網(wǎng)站是否在同一瀏覽器標(biāo)簽中打開了文本或設(shè)計(jì)中的鏈接?您自愿將自己的網(wǎng)站替換為其他人的網(wǎng)站。

　　始終將頁面或文本中的鏈接設(shè)置為“在新標(biāo)簽頁中打開”。您的網(wǎng)站上的任何其他鏈接內(nèi)容(包括社交媒體圖標(biāo)或第三方付款頁面的CTA按鈕)也應(yīng)遵循相同的規(guī)定。不要依靠您的訪客使用該后退按鈕!

　　立即修復(fù)您網(wǎng)站的尋路功能!查看如何創(chuàng)建理想的網(wǎng)站導(dǎo)航體驗(yàn)?。

　　網(wǎng)站內(nèi)容錯(cuò)誤

　　許多網(wǎng)站的用戶流都很直接，但跳出率卻異常高(您可以解決這個(gè)問題!)或轉(zhuǎn)換率很差。誠(chéng)實(shí)地查看您的內(nèi)容，看看您的創(chuàng)意元素是否帶來了不良的用戶體驗(yàn)。

　　目的不明確

　　當(dāng)某人訪問您的網(wǎng)站時(shí)，他們可以立即了解您是誰以及您提供什么服務(wù)或功能嗎?這些是經(jīng)常發(fā)生的網(wǎng)頁設(shè)計(jì)錯(cuò)誤：

　　可見文本使用行話，措辭不清

　　文本描述的是模糊的結(jié)果，而不是特定的報(bào)價(jià)

　　屏幕的大部分區(qū)域都充滿了視頻或橫幅，不滾動(dòng)就看不到任何描述性的文本

　　您的自然搜索訪問者一次單擊即可獲得成千上萬的其他選項(xiàng)。在計(jì)劃頁面布局時(shí)，請(qǐng)避免這樣的情況。

　　導(dǎo)航選項(xiàng)上的間接語言

　　在CTA按鈕或菜單項(xiàng)上使用古怪可愛的措辭可能會(huì)很有誘惑力。但是，如果您的大多數(shù)受眾都看不懂，他們將永遠(yuǎn)看不到該內(nèi)容。

　　有些公司確實(shí)在其CTA按鈕上使用了巧妙的措詞，從而獲得了成功。它取決于文本以及受眾和行業(yè)。周圍的圖像和文本也會(huì)影響是否理解意圖。研究和測(cè)試可以幫助您確定是否值得一搏。

　　品牌外或語法上較弱的消息傳遞

　　您的網(wǎng)站文本是否像直接與目標(biāo)客戶說話一樣書寫?我們始終看到與定位有關(guān)的一些消息傳遞錯(cuò)誤：

　　過度技術(shù)復(fù)制

　　聽起來不像人類的“笨拙”文本

　　參考文獻(xiàn)過時(shí)或混亂

　　不同網(wǎng)站頁面和文章之間的觀點(diǎn)不一致

　　廣告，社交媒體，聊天機(jī)器人和網(wǎng)站之間的不一致

　　多個(gè)語法錯(cuò)誤

　　您的網(wǎng)站以與銷售或客戶服務(wù)代表相同的方式代表您的業(yè)務(wù)。如果不引起訪客共鳴，他們將不會(huì)留下來。

　　視覺內(nèi)容差

　　過時(shí)的樣式，俗氣的圖庫攝影，低質(zhì)量的圖像或視頻以及難以辨認(rèn)或不匹配的版式是將訪問者留在您網(wǎng)站上的巨大障礙。

　　我們經(jīng)常為內(nèi)容嚴(yán)重過時(shí)的貿(mào)易和工業(yè)公司重新設(shè)計(jì)網(wǎng)站。他們?cè)跀?shù)十年的經(jīng)驗(yàn)基礎(chǔ)上享有非凡的聲譽(yù)，但是客戶和其他行業(yè)專業(yè)人士抱怨說，由于圖像和版式過時(shí)，他們的網(wǎng)站混亂，服務(wù)缺失或感到不專業(yè)。

　　您的網(wǎng)站必須具有視覺吸引力，可讀性并喚起信任和專業(yè)的感覺。

　　都是關(guān)于你的

　　您的首頁上是否充斥著對(duì)自己的才華橫溢的吹噓?您可能是業(yè)內(nèi)最好的，但如果您的內(nèi)容讀起來像個(gè)推銷員，那么沒人會(huì)聽。

　　您網(wǎng)站的目的是幫助訪問者了解您如何解決他們的問題。為了傳達(dá)這些信息，您需要針對(duì)他們-使用他們會(huì)使用的語言，承認(rèn)他們的痛點(diǎn)，并證明您是如何幫助有同樣需求的人的。

　　網(wǎng)站設(shè)計(jì)錯(cuò)誤

　　有時(shí)，您的用戶體驗(yàn)問題歸結(jié)于頁面設(shè)計(jì)，結(jié)構(gòu)，甚至頁面的托管方式。

　　不適合移動(dòng)設(shè)備

　　如果不是最大的話，另一個(gè)重大的網(wǎng)頁設(shè)計(jì)錯(cuò)誤就是糟糕的移動(dòng)體驗(yàn)。如果圖像和文本沒有縮放到移動(dòng)屏幕上，或者菜單選項(xiàng)太小而無法點(diǎn)擊，并且網(wǎng)站加載速度不快，請(qǐng)與訪客說再見。

　　移動(dòng)可訪問性對(duì)于您的SEO和用戶體驗(yàn)都至關(guān)重要，并且沒有借口建立無移動(dòng)響應(yīng)的網(wǎng)站!

　　太慢了

　　擁有如此眾多的網(wǎng)站速度工具，例如百度統(tǒng)計(jì)的網(wǎng)站速度檢測(cè)工具，沒有任何理由讓網(wǎng)站加載緩慢。搜索引擎偏愛那些提供出色移動(dòng)體驗(yàn)的快速網(wǎng)站，人們希望他們?cè)L問的每個(gè)網(wǎng)站都能提供這種體驗(yàn)。

　　有時(shí)，這是托管站點(diǎn)的服務(wù)器的問題，您可能需要運(yùn)行更新或獲得技術(shù)支持。也可能是因?yàn)槟鷵碛写罅繄D片或視頻內(nèi)容，從而降低了頁面加載速度。網(wǎng)站代碼中的問題也會(huì)影響速度。不管是什么原因，緩慢的網(wǎng)站都是不專業(yè)的，會(huì)給訪問者帶來麻煩。

　　不安全

　　如果您的站點(diǎn)不是安全托管的(如果其頁面URL以http而不是https開頭)，則會(huì)發(fā)出警告信號(hào)，表示您不希望任何人接收。

　　搜索引擎偏愛安全的網(wǎng)站，因此您馬上就錯(cuò)過了SEO排名信號(hào)。360瀏覽器和其他瀏覽器還會(huì)警告人們是否要訪問非安全站點(diǎn)。如果您的受眾關(guān)心他們的隱私和數(shù)據(jù)(誰不在乎?)，則此警告與大量其他搜索結(jié)果一起可以驅(qū)使他們離開。

　　網(wǎng)站安全性不僅限于托管，還包括構(gòu)成網(wǎng)站的所有部分。了解有關(guān)如何提高網(wǎng)站安全性的所有信息。

　　信息超載

　　當(dāng)訪問者登陸您的網(wǎng)站時(shí)，他們是否被文字墻所震撼?是否每個(gè)頁面都充滿了大塊的段落，很少或沒有圖像?

　　網(wǎng)頁設(shè)計(jì)是關(guān)于創(chuàng)建易于摘要的內(nèi)容。這意味著短的段落，可快速瀏覽的樣式，大量的可視內(nèi)容區(qū)域和空白區(qū)域以及簡(jiǎn)潔的信息傳遞。大多數(shù)B2B網(wǎng)站的目標(biāo)是吸引訪問者與您聯(lián)系;這些額外的細(xì)節(jié)可以等待購(gòu)買者旅程的下一步或停留在讀者可以選擇查看的支持內(nèi)容頁面上。

　　過于簡(jiǎn)約

　　與網(wǎng)頁設(shè)計(jì)錯(cuò)誤相反，您的網(wǎng)站可能沒有信息。過于簡(jiǎn)約的頁面設(shè)計(jì)僅包含一個(gè)詞和一個(gè)菜單，或者幾個(gè)模糊而難以理解的詞句，可能會(huì)損害您的業(yè)務(wù)。

　　嘗試使用時(shí)尚或獨(dú)特的網(wǎng)頁設(shè)計(jì)來展示公司的創(chuàng)新精神是很誘人的，但是始終將用戶體驗(yàn)放在首位。如果您的未來派網(wǎng)站設(shè)計(jì)將菜單隱藏在怪異或難以找到的地方，尤其是在移動(dòng)設(shè)備上，那么訪問者就不會(huì)打擾它們。

　　如何解決常見的網(wǎng)頁設(shè)計(jì)錯(cuò)誤

　　如果您網(wǎng)站的訪問量問題或缺乏轉(zhuǎn)化的問題出在您的用戶體驗(yàn)上，那么我們建議您開始解決此問題。

　　隔離導(dǎo)航問題

　　要確定您的問題是否出在網(wǎng)站的導(dǎo)航中，請(qǐng)使用Hotjar之類的熱圖工具來了解如何使用(或不使用)菜單和按鈕。實(shí)時(shí)會(huì)話記錄可以幫助您清楚地查看訪問者是否在擴(kuò)展菜單但沒有選擇就退出菜單，還是將鼠標(biāo)懸停在各種菜單上但不確定要單擊的位置。

　　您還可以在百度跟蹤代碼管理器中設(shè)置點(diǎn)擊事件，然后按設(shè)備，瀏覽器和其他維度查看百度統(tǒng)計(jì)報(bào)告，以更詳細(xì)地了解問題的發(fā)生方式和原因。

　　重組您的內(nèi)容

　　如果出現(xiàn)太多菜單，壓倒性的菜單選項(xiàng)或通往內(nèi)容的不合理路徑。您需要修復(fù)網(wǎng)站結(jié)構(gòu)。您可以自己進(jìn)行內(nèi)容審核，但是需要重新設(shè)計(jì)才能將所有內(nèi)容放到新的新結(jié)構(gòu)中，并確保您的SEO在此過程中不會(huì)受到損害。

　　確保每個(gè)導(dǎo)航選項(xiàng)都用目標(biāo)受眾可以理解的語言清楚地標(biāo)記，并且位于菜單和頁面內(nèi)的有意義位置。內(nèi)容分組必須具有邏輯性，就像圖書館書架上的書一樣。

　　信息傳遞問題

　　收集與您的目標(biāo)受眾密切相關(guān)的人對(duì)您網(wǎng)站的復(fù)制和信息傳遞的誠(chéng)實(shí)意見。我們通?？床坏阶约旱恼Z法錯(cuò)誤，問題還可能是措辭對(duì)作者比對(duì)您的客戶更有意義。

　　您可能需要重寫很多頁面，但這沒關(guān)系!這是一個(gè)重新審視關(guān)鍵詞策略的機(jī)會(huì)。

　　考慮雇用熟練的用戶體驗(yàn)文案撰寫人來解決與交互(標(biāo)題，按鈕，菜單)有關(guān)的文本問題，或者如果問題是一般的品牌外或不清楚的信息傳遞，請(qǐng)與品牌戰(zhàn)略家合作。

　　優(yōu)化圖像

　　在最常見的網(wǎng)頁設(shè)計(jì)錯(cuò)誤清單中，圖像實(shí)際上占用了大量空間。圖像壓縮在站點(diǎn)速度中起著重要作用，因此，請(qǐng)學(xué)習(xí)如何正確調(diào)整圖像大小以實(shí)現(xiàn)最佳加載時(shí)間。

　　如果您的網(wǎng)站位于WordPress上，則有一些插件可以幫助您快速進(jìn)行圖像優(yōu)化，包括對(duì)所有上傳的圖像進(jìn)行默認(rèn)優(yōu)化以及對(duì)整個(gè)媒體庫進(jìn)行批量?jī)?yōu)化。

　　做A / B測(cè)試

　　如果要對(duì)文本，圖像，菜單或頁面布局進(jìn)行更改以解決用戶體驗(yàn)問題，則A / B測(cè)試是推出更改的明智方法。這樣，您可以嘗試不同的廣告素材選項(xiàng)，以查看哪個(gè)調(diào)整后的元素最能解決問題。

　　例如，您可以測(cè)試兩種不同的菜單布局，或者兩種版本的CTA放置在不同位置的頁面。

　　計(jì)劃重新改版

　　如果回顧這些網(wǎng)站設(shè)計(jì)錯(cuò)誤發(fā)現(xiàn)了多個(gè)用戶體驗(yàn)問題，那么可能值得對(duì)網(wǎng)站改版進(jìn)行投資。如果發(fā)現(xiàn)以下問題，請(qǐng)注意：

　　您的網(wǎng)站不適用于移動(dòng)設(shè)備

　　您需要一個(gè)更強(qiáng)大的信息架構(gòu)

　　您不能在頁面設(shè)計(jì)中添加特色或相關(guān)內(nèi)容建議

　　您有大量不良的視覺內(nèi)容

　　您的網(wǎng)站設(shè)計(jì)過時(shí)，文本過多或太少