如果您在本地大學(xué)上過(guò)課程，多年來(lái)建立了網(wǎng)站，或者如果您去過(guò)業(yè)余培訓(xùn)，則每個(gè)網(wǎng)站設(shè)計(jì)師都應(yīng)該避免某些事情，如果他希望訪問(wèn)者在他們的網(wǎng)站上玩得開心。

您可能聽說(shuō)過(guò)“粘性”一詞，并帶有指向該網(wǎng)站的鏈接。

它僅表示訪問(wèn)者想要關(guān)注的站點(diǎn)-停留在瀏覽器中并且被放置并且經(jīng)常訪問(wèn)的站點(diǎn)。有太多因素使網(wǎng)站變得難以置信，這又是另一個(gè)主題。

但是，肯定存在一些建設(shè)性的網(wǎng)絡(luò)錯(cuò)誤，這些錯(cuò)誤會(huì)使網(wǎng)站成為訪客想要逃脫的網(wǎng)站。這不是一個(gè)不可以的設(shè)計(jì)，不是您應(yīng)該避免的事情。

錯(cuò)誤＃1：色彩

它們會(huì)傷害您的眼睛的鮮艷顏色或彼此碰撞的顏色可能使站點(diǎn)訪問(wèn)者希望逃避網(wǎng)頁(yè)的攻擊。

在計(jì)劃網(wǎng)站主題時(shí)，請(qǐng)嘗試選擇相互補(bǔ)充的顏色。盡管很少看起來(lái)像黃色，但黃色很少作為原色。使用彩虹的每種顏色很少是一個(gè)好主意。

不良Ita蜘蛛網(wǎng)的一個(gè)示例：Maradita

錯(cuò)誤2：圖形過(guò)多

當(dāng)您用圖形使網(wǎng)頁(yè)混亂時(shí)，會(huì)發(fā)生兩種不同的情況。

首先，頁(yè)面變得如此繁忙，以至于訪問(wèn)者可能不知道單擊何處或想看什么。

其次，如果用戶的Internet連接速度較慢，則加載頁(yè)面可能會(huì)花費(fèi)太長(zhǎng)時(shí)間。30秒后，大多數(shù)人將離開并轉(zhuǎn)到另一個(gè)站點(diǎn)。我們生活在一個(gè)瞬息萬(wàn)變的時(shí)代。如果在最初的幾秒鐘內(nèi)沒有引起客戶的注意，則可能會(huì)完全失去客戶的注意。

Ito的不良蜘蛛網(wǎng)示例：松鹽

錯(cuò)誤3：下載速度慢

您的網(wǎng)站加載速度是否如此之慢，以至于訪客有時(shí)間去回去之前先喝杯咖啡和一個(gè)甜甜圈？

添加過(guò)多的元素（例如，閃光燈，聲音，大量高分辨率圖形或Java腳本）會(huì)導(dǎo)致網(wǎng)站加載速度越來(lái)越慢。請(qǐng)記住，雖然大多數(shù)訪問(wèn)者的訪問(wèn)速度都很高，但仍然有一些農(nóng)村客戶會(huì)切換到該站點(diǎn)，并且如果站點(diǎn)加載速度太慢，則無(wú)法訪問(wèn)該站點(diǎn)。

提示：使用Google Page Speed Insights檢查網(wǎng)站速度并獲得更好的建議。

速度不僅對(duì)于用戶體驗(yàn)很重要，而且是非常重要的排名因素。頁(yè)面速度在2010年成為搜索引擎排名因素，并且在2016年6月，Google宣布將更新頁(yè)面速度排名因素，以專門查看您移動(dòng)頁(yè)面的頁(yè)面速度。由于移動(dòng)搜索占Google搜索的一半以上，因此還需要優(yōu)化移動(dòng)頁(yè)面的速度。

-來(lái)源：以更快的網(wǎng)站速度提升SEO

不良蜘蛛網(wǎng)的一個(gè)例子：博物館我

錯(cuò)誤四：廣告過(guò)多

內(nèi)容網(wǎng)站和博客賺錢廣告而不是銷售產(chǎn)品。但是，當(dāng)許多網(wǎng)站所有者失敗時(shí)，添加太多的廣告，訪問(wèn)者就無(wú)法分辨內(nèi)容和廣告之間的區(qū)別。如果訪問(wèn)者必須搜索以查找文章或文章的其余部分，則此頁(yè)面上的廣告過(guò)多。最好在網(wǎng)站上放置一兩個(gè)廣告。而且，您還可能會(huì)惹惱瀏覽器。

實(shí)際上，在Upstream和YouGov在2012年發(fā)布的數(shù)字廣告報(bào)告中，他們發(fā)現(xiàn)大約20％的消費(fèi)者表示，如果一家公司的廣告過(guò)多，他們將永遠(yuǎn)不會(huì)再使用該廣告系列。

不良蜘蛛網(wǎng)的一個(gè)示例：Hemmy.net

錯(cuò)誤編號(hào)5：業(yè)余照片編輯

沒有正確編輯的圖像，沒有比戀人更能大聲尖叫。出現(xiàn)此類問(wèn)題的網(wǎng)站可能會(huì)切出帶有模糊邊界的圖像，自動(dòng)調(diào)整后的顏色，使人看不見，無(wú)效的分層技術(shù)（清楚地表明兩幅畫已融合在一起）或比例縮放的比例奇怪。

提示：在以下位置使用免費(fèi)的圖像編輯工具：?Canva，?Pic Monkey

不良蜘蛛網(wǎng)的一個(gè)例子：彼得的公共汽車

錯(cuò)誤6：可以創(chuàng)建三年的設(shè)計(jì)

如果您的網(wǎng)站看起來(lái)像已經(jīng)打開了Microsoft Word，創(chuàng)建了一部分藝術(shù)字，然后將該網(wǎng)站發(fā)布到網(wǎng)上，那么您可能希望重新訪問(wèn)您的設(shè)計(jì)元素。雖然簡(jiǎn)單性是一些下載的站點(diǎn)盼望已久的緩解方法，但是如果您過(guò)于簡(jiǎn)單，則會(huì)冒著尋找未成年人和廉價(jià)站點(diǎn)的風(fēng)險(xiǎn)。

不良蜘蛛網(wǎng)的一個(gè)例子是：網(wǎng)絡(luò)D-Sign氏族

錯(cuò)誤7：交通不暢

即使網(wǎng)站的設(shè)計(jì)誘人，訪問(wèn)者也會(huì)感到沮喪，并留下不良的導(dǎo)航。

例如，沒有明確鏈接或站點(diǎn)太多的站點(diǎn)很難確定去向。許多網(wǎng)站所有者面臨的問(wèn)題之一是一個(gè)突然變大的小型網(wǎng)站。如果網(wǎng)站只有500個(gè)頁(yè)面，則該網(wǎng)站只有5個(gè)頁(yè)面時(shí)無(wú)法正常運(yùn)行的導(dǎo)航。了解如何重新設(shè)計(jì)網(wǎng)站并將其重新構(gòu)建為類別和子類別，以便訪問(wèn)者確切地知道要去哪里尋找他們想要的東西。添加搜索框也是明智的。

不良網(wǎng)站的示例：?LawnSignDirectory.com

錯(cuò)誤8：文字問(wèn)題

使用緊張背景的網(wǎng)絡(luò)設(shè)計(jì)師，然后選擇一種文本顏色，該顏色不能提供足夠的對(duì)比度以致于無(wú)法使網(wǎng)頁(yè)可讀。如果訪問(wèn)者在閱讀一篇文章后眼睛受傷，為什么還要留下來(lái)閱讀您網(wǎng)站的更多頁(yè)面？如果需要選擇緊張的背景，請(qǐng)至少放置具有純色背景的框，層或目錄，然后選擇相反的文本顏色。盡量避免在灰色上顯示灰色，但在深紅色上選擇白色，在淺粉紅色上選擇黑色，等等。

重疊的單詞與重疊圖形且部分在堅(jiān)實(shí)背景上的段落一樣難以閱讀。

不良ito蜘蛛網(wǎng)的一個(gè)例子：百慕大三角

錯(cuò)誤9：打印錯(cuò)誤

沒有什么比這更令人憤怒的錯(cuò)別字和語(yǔ)法問(wèn)題了。即使沒有人是完美的，您也可以嘗試?yán)嚯x。請(qǐng)朋友和家人查看您的頁(yè)面并幫助您發(fā)現(xiàn)這些錯(cuò)誤，或雇用專業(yè)編輯器來(lái)證明您的頁(yè)面。下面的示例只是為了好玩。這不是一家真正的網(wǎng)頁(yè)設(shè)計(jì)公司，但這種觀點(diǎn)嘲笑了一些公司的專業(yè)程度。

提示：?了解如何在自己的寫作中捕捉錯(cuò)別字和錯(cuò)誤。

不良蜘蛛網(wǎng)的一個(gè)例子：Web Tek Rocks

錯(cuò)誤編號(hào)10：最糟糕的網(wǎng)站設(shè)計(jì)非常糟糕，您無(wú)法解釋

有些網(wǎng)站本來(lái)就設(shè)計(jì)上確實(shí)非常糟糕。這些設(shè)計(jì)不佳的網(wǎng)站不是使您的網(wǎng)站痛苦的一件事，而是網(wǎng)站上的幾乎所有內(nèi)容。

可能是丑陋的顏色，導(dǎo)航不佳和其他項(xiàng)目的組合。幸運(yùn)的是，這些站點(diǎn)很少見，但是瀏覽它們可以幫助您知道在設(shè)計(jì)站點(diǎn)時(shí)不應(yīng)該做的事情。

不良蜘蛛網(wǎng)的一個(gè)例子：來(lái)世