當(dāng)今世界上有超過十億個(gè)網(wǎng)站，擁有如此眾多的網(wǎng)站，您的網(wǎng)站該如何脫穎而出？如果您想僅靠好看網(wǎng)站設(shè)計(jì)是比較困難的，讓您的用戶進(jìn)入您的網(wǎng)站，并停留一段時(shí)間這個(gè)也很難。無論如何，什么才是一個(gè)好的網(wǎng)站？

什么才是一個(gè)好的網(wǎng)站？ 

在重新設(shè)計(jì)/發(fā)布產(chǎn)品之前，請(qǐng)牢記以下四個(gè)基本原則：

（1）目的： 出色的設(shè)計(jì)始于目標(biāo)。問問自己：“我要在此頁(yè)面上完成什么？” 如果頁(yè)面沒有明確的目的，那就需要您去思考清楚。

（2）美觀：我將在有關(guān)視覺設(shè)計(jì)的第一部分中對(duì)此進(jìn)行深入研究，但是您的網(wǎng)站必須看起來不錯(cuò)。如果您的網(wǎng)站看起來像是建于90年代，那么該進(jìn)行更新了。

（3）相關(guān)和原始內(nèi)容：您的網(wǎng)站應(yīng)顯示與您的目標(biāo)市場(chǎng)和原創(chuàng)內(nèi)容相關(guān)的內(nèi)容。抄襲是違反了搜索引擎規(guī)則會(huì)受到Google的處罰，嚴(yán)重點(diǎn)還會(huì)受到法律懲罰。

（4）清除網(wǎng)站導(dǎo)航：我們都知道導(dǎo)航很重要。您網(wǎng)站上的任何頁(yè)面均應(yīng)在您網(wǎng)站上其他任何頁(yè)面的三下單擊內(nèi)。您的導(dǎo)航應(yīng)該直觀，簡(jiǎn)單。這有助于Google SEO和您的訪客進(jìn)行導(dǎo)航。既然您已經(jīng)掌握了主要原則，那么讓我們深入一點(diǎn)。

一、視覺網(wǎng)站設(shè)計(jì)

網(wǎng)站設(shè)計(jì)是否仍然起著很大的作用？您會(huì)發(fā)現(xiàn)，視覺效果會(huì)影響從轉(zhuǎn)化率到頁(yè)面停留時(shí)間，可信賴性以及自然反向鏈接（可幫助您在Google上對(duì)網(wǎng)站進(jìn)行排名）的所有內(nèi)容。因此，等式是：

出色的網(wǎng)站設(shè)計(jì)=更高的信任度=更好的轉(zhuǎn)化。

通過網(wǎng)站設(shè)計(jì)進(jìn)行品牌推廣，您的品牌就是您的形象。從使用的顏色到選擇的字體，所有這些都會(huì)影響用戶對(duì)您的網(wǎng)站身份的感知。Sonia Gregory 在她的品牌指南中說：“作為一家小型企業(yè)，您可能會(huì)與擁有忠實(shí)客戶的大品牌競(jìng)爭(zhēng)。因此，您必須找到自己的穩(wěn)固品牌建立過程來與眾不同。

”您希望人們看到您的網(wǎng)站時(shí)會(huì)怎么想？您可以通過設(shè)計(jì)傳達(dá)這些東西?？纯搭伾男睦?nbsp;，不同的顏色傳達(dá)不同的情感。實(shí)際上，一項(xiàng)名為“ 顏色對(duì)營(yíng)銷的影響 ”的研究發(fā)現(xiàn)，對(duì)產(chǎn)品做出的迅速判斷中，多達(dá)90％可以僅基于顏色，具體取決于產(chǎn)品。除了顏色，您還可以選擇字體。是的，字體選擇背后也有一種心理。

無論您選擇用于徽標(biāo)和品牌宣傳的字體是什么，都應(yīng)該始終選擇可讀性而非主體字體的情感感覺。通常，這意味著使用無襯線字體，因?yàn)樗鼈冊(cè)诰W(wǎng)絡(luò)上閱讀效果最好。

關(guān)于字體選擇的最后一個(gè)技巧：設(shè)計(jì)中不要使用兩種以上的字體。選擇兩個(gè)相互補(bǔ)充的東西，  并堅(jiān)持使用整個(gè)品牌。要點(diǎn)： 選擇不超過三種顏色和兩種字體來代表您的品牌。寫下字體和顏色代碼，并在整個(gè)站點(diǎn)和市場(chǎng)營(yíng)銷工作中一致使用它們。

二、查找，設(shè)計(jì)和使用圖像

圖像是網(wǎng)站設(shè)計(jì)的主要部分。但是有很多人做錯(cuò)了。精美的圖像為訪客增添了價(jià)值。它們有助于解釋關(guān)鍵點(diǎn)并讓眼睛休息。他們甚至幫助銷售您的產(chǎn)品和服務(wù)。例如，如果您是電子商務(wù)網(wǎng)站，則希望您的產(chǎn)品照片是高質(zhì)量的，并顯示大量不同角度的照片。如果您甚至看到了右側(cè)的圖像，則可能會(huì)離開并且永遠(yuǎn)不會(huì)回來。中間的圖像更好，但仍然不是很好。左邊的一個(gè)使您信任該網(wǎng)站。請(qǐng)注意，因?yàn)?nbsp; 不良圖像實(shí)際上會(huì)減少讀者數(shù)量。

三、記住設(shè)計(jì)原則

任何沒有目的的圖像都是不良圖像，如果您需要更多的激勵(lì)，頁(yè)面加載速度（我將在第二部分中討論）對(duì)于SEO和可用性至關(guān)重要。太多的大圖片會(huì)減慢您的網(wǎng)站速度。

但是，為了給您一些啟發(fā)，以下是一些可以使用的優(yōu)質(zhì)圖像的示例：

（1）數(shù)據(jù)點(diǎn)的圖表；

（2）高質(zhì)量的攝影；

（3）定制設(shè)計(jì)和矢量圖形；

（4）專業(yè)攝影；

當(dāng)您看到現(xiàn)實(shí)生活中的示例時(shí)，更容易知道什么才是一個(gè)好的網(wǎng)站。好的網(wǎng)站他們的整個(gè)網(wǎng)站都基于出色的格式和一致的品牌。

四、技術(shù)網(wǎng)站設(shè)計(jì)

網(wǎng)頁(yè)技術(shù)設(shè)計(jì)包括以下內(nèi)容：

（1）響應(yīng)式設(shè)計(jì)和移動(dòng)友好；

（2）加載速度快；

（3）搜索引擎優(yōu)化（SEO）；

（4）SSL加密；

（5）網(wǎng)站架構(gòu)與導(dǎo)航；

1.響應(yīng)式設(shè)計(jì)和移動(dòng)友好

“響應(yīng)式Web設(shè)計(jì)是一種建議設(shè)計(jì)和開發(fā)應(yīng)基于屏幕大小，平臺(tái)和方向來響應(yīng)用戶的行為和環(huán)境的方法。”換句話說，響應(yīng)式站點(diǎn)是可以在所有屏幕和設(shè)備上正常播放的站點(diǎn)。它適合移動(dòng)設(shè)備，可滿足您正在查看的設(shè)備的需求。

但這很重要。實(shí)際上，智能手機(jī)現(xiàn)在占所有在線流量的51％以上，平板電腦僅占12％以上。而且這個(gè)數(shù)字還在增長(zhǎng)。此外，Google非常關(guān)注移動(dòng)設(shè)備的友好性。實(shí)際上，他們現(xiàn)在將對(duì)移動(dòng)設(shè)備友好的網(wǎng)站進(jìn)行排名放在優(yōu)先位置（此更新稱為“ Mobilegeddon ”）。

最后，適合移動(dòng)設(shè)備的用戶可以獲得更好的用戶體驗(yàn)。最終，一切都與用戶有關(guān)。他們是那些打開錢包以維持您的業(yè)務(wù)持續(xù)發(fā)展的人。首先，通過其移動(dòng)設(shè)備友好性測(cè)試，查看您的網(wǎng)站是否被Google認(rèn)為適合移動(dòng)設(shè)備。轉(zhuǎn)到手機(jī)上的站點(diǎn)自己檢查也是一個(gè)不錯(cuò)的方法。如果得分不高或外觀不佳，則您需要做一些工作。

除了叫設(shè)計(jì)師設(shè)計(jì)之外，最好的選擇是更改網(wǎng)站的模板。這是使您的網(wǎng)站對(duì)移動(dòng)設(shè)備友好且響應(yīng)迅速的最簡(jiǎn)單，最經(jīng)濟(jì)的方式。

以下是一些流行的網(wǎng)站建設(shè)者適合移動(dòng)設(shè)備使用的模板：

（1）移動(dòng)友好的WordPress模板；

（2）適用于移動(dòng)設(shè)備的Shopify模板；

（3）適用于移動(dòng)設(shè)備的BigCommerce模板；

（4）適用于移動(dòng)設(shè)備的Magento模板；

（5）適用于多個(gè)平臺(tái)的Template Monster；

2.網(wǎng)站加載速度快

根據(jù)Akamai和Gomez.com進(jìn)行的調(diào)查，將近一半的Web用戶期望網(wǎng)站在2秒或更短的時(shí)間內(nèi)加載，而他們傾向于放棄3秒內(nèi)未加載的網(wǎng)站！遇到網(wǎng)站性能問題的在線購(gòu)物者中，大約有79％表示不會(huì)再回到該網(wǎng)站上購(gòu)物，并且大約44％的人會(huì)告訴朋友他們是否有不良的在線購(gòu)物體驗(yàn)。

換句話說，如果您的站點(diǎn)速度比較慢，那您將流失很多轉(zhuǎn)化客戶和潛在客戶。您可以檢測(cè)一下網(wǎng)站速度如何，像適用于移動(dòng)設(shè)備的測(cè)試一樣，Google也提供了頁(yè)面速度測(cè)試。但是，有些人認(rèn)為它不是很準(zhǔn)確，因此也可以嘗試Pingdom  和GT Metrix來使用它。

這三者都會(huì)帶給您關(guān)于什么會(huì)影響您的加載速度的想法，并提出改進(jìn)建議。但是，最簡(jiǎn)單的方法之一就是優(yōu)化和壓縮圖像。正如我在視覺部分所說的，圖像占用大量帶寬。這就是為什么只使用非常有價(jià)值的圖像很重要的原因。您可以使用Gimp之類的工具 免費(fèi)壓縮圖像。（這是一個(gè)完成該任務(wù)的教程。）

3.搜索引擎優(yōu)化（SEO）

SEO意味著優(yōu)化您的網(wǎng)站以顯示在Google等搜索引擎中。這是一個(gè)好的網(wǎng)站的基礎(chǔ)。如果操作正確，它每月可以為您的網(wǎng)站帶來成千上萬的流量，而無需付出任何額外的努力。優(yōu)化做得不好，沒有人會(huì)在Google上找到您的網(wǎng)站。對(duì)于搜索引擎優(yōu)化要執(zhí)行四個(gè)步驟。以下是喬恩的一些實(shí)用技巧：

（1）了解您的目標(biāo)受眾并進(jìn)行關(guān)鍵字研究。

（2）使用針對(duì)這些關(guān)鍵字的頁(yè)面內(nèi)SEO優(yōu)化您的網(wǎng)站頁(yè)面。

（3）為Google和Bing 創(chuàng)建強(qiáng)大的站點(diǎn)地圖，以將您的站點(diǎn)編入索引。

這是高度簡(jiǎn)化的，并且還有很多其他SEO因素，但是這三種策略將使您很好地出現(xiàn)在搜索結(jié)果中。接下來的Web設(shè)計(jì)建議可幫助您進(jìn)行SEO并建立與訪客的信任。

（4）使用SSL加密保護(hù)您的網(wǎng)站安全：Google為加密站點(diǎn)提供了很小的SEO提升。但也許比這更重要的是它給您的訪客帶來的信任因素。如果您在網(wǎng)站上出售任何東西，則尤其如此。人們想在打開錢包之前就知道自己的信息安全。

4.網(wǎng)站架構(gòu)與導(dǎo)航

記住設(shè)計(jì)原則4：進(jìn)行清晰的站點(diǎn)導(dǎo)航。導(dǎo)航很重要，主要有兩個(gè)原因：

（1）更好的SEO（因?yàn)樗笹oogle可以更輕松地將您的網(wǎng)站編入索引）。

（2）更好的可用性（因?yàn)樵L問者更容易找到自己的出路）。

請(qǐng)記住要使用“三擊規(guī)則”：您網(wǎng)站上的每個(gè)頁(yè)面都應(yīng)在與您網(wǎng)站上其他頁(yè)面的點(diǎn)擊不超過3次的范圍內(nèi)。您還應(yīng)該  在頁(yè)面頂部保留最重要的號(hào)召性用語。這是大多數(shù)人看到的地方。

結(jié)論

通過保持網(wǎng)站外觀的清晰度，您可以確保訪問該網(wǎng)站的每個(gè)人都將您視為值得信賴，專業(yè)且值得開展業(yè)務(wù)的人。