淺談什(shén)麽樣的(de)網站才算(suàn)是好網站

當今世界上有超過十億個(gè)網站，擁有如此衆多(duō)的(de)網站，您的(de)網站該如何脫穎而出？如果您想僅靠好看網站設計是比較困難的(de)，讓您的(de)用(yòng)戶進入您的(de)網站，并停留一段時(shí)間這(zhè)個(gè)也(yě)很難。無論如何，什(shén)麽才是一個(gè)好的(de)網站？

什(shén)麽才是一個(gè)好的(de)網站？ 

在重新設計/發布産品之前，請牢記以下(xià)四個(gè)基本原則：

（1）目的(de)： 出色的(de)設計始于目标。問問自己：“我要在此頁面上完成什(shén)麽？” 如果頁面沒有明(míng)确的(de)目的(de)，那就需要您去思考清楚。

（2）美(měi)觀：我将在有關視覺設計的(de)第一部分(fēn)中對(duì)此進行深入研究，但是您的(de)網站必須看起來(lái)不錯。如果您的(de)網站看起來(lái)像是建于90年代，那麽該進行更新了(le)。

（3）相關和(hé)原始内容：您的(de)網站應顯示與您的(de)目标市場(chǎng)和(hé)原創内容相關的(de)内容。抄襲是違反了(le)搜索引擎規則會受到Google的(de)處罰，嚴重點還(hái)會受到法律懲罰。

（4）清除網站導航：我們都知道導航很重要。您網站上的(de)任何頁面均應在您網站上其他(tā)任何頁面的(de)三下(xià)單擊内。您的(de)導航應該直觀，簡單。這(zhè)有助于Google SEO和(hé)您的(de)訪客進行導航。既然您已經掌握了(le)主要原則，那麽讓我們深入一點。

一、視覺網站設計

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

出色的(de)網站設計=更高(gāo)的(de)信任度=更好的(de)轉化(huà)。

通(tōng)過網站設計進行品牌推廣，您的(de)品牌就是您的(de)形象。從使用(yòng)的(de)顔色到選擇的(de)字體，所有這(zhè)些都會影(yǐng)響用(yòng)戶對(duì)您的(de)網站身份的(de)感知。Sonia Gregory 在她的(de)品牌指南(nán)中說：“作爲一家小型企業，您可(kě)能會與擁有忠實客戶的(de)大(dà)品牌競争。因此，您必須找到自己的(de)穩固品牌建立過程來(lái)與衆不同。

”您希望人(rén)們看到您的(de)網站時(shí)會怎麽想？您可(kě)以通(tōng)過設計傳達這(zhè)些東西。看看顔色的(de)心理(lǐ) ，不同的(de)顔色傳達不同的(de)情感。實際上，一項名爲“ 顔色對(duì)營銷的(de)影(yǐng)響 ”的(de)研究發現，對(duì)産品做(zuò)出的(de)迅速判斷中，多(duō)達90％可(kě)以僅基于顔色，具體取決于産品。除了(le)顔色，您還(hái)可(kě)以選擇字體。是的(de)，字體選擇背後也(yě)有一種心理(lǐ)。

無論您選擇用(yòng)于徽标和(hé)品牌宣傳的(de)字體是什(shén)麽，都應該始終選擇可(kě)讀性而非主體字體的(de)情感感覺。通(tōng)常，這(zhè)意味著(zhe)使用(yòng)無襯線字體，因爲它們在網絡上閱讀效果最好。

關于字體選擇的(de)最後一個(gè)技巧：設計中不要使用(yòng)兩種以上的(de)字體。選擇兩個(gè)相互補充的(de)東西，  并堅持使用(yòng)整個(gè)品牌。要點： 選擇不超過三種顔色和(hé)兩種字體來(lái)代表您的(de)品牌。寫下(xià)字體和(hé)顔色代碼，并在整個(gè)站點和(hé)市場(chǎng)營銷工作中一緻使用(yòng)它們。

二、查找，設計和(hé)使用(yòng)圖像

圖像是網站設計的(de)主要部分(fēn)。但是有很多(duō)人(rén)做(zuò)錯了(le)。精美(měi)的(de)圖像爲訪客增添了(le)價值。它們有助于解釋關鍵點并讓眼睛休息。他(tā)們甚至幫助銷售您的(de)産品和(hé)服務。例如，如果您是電子商務網站，則希望您的(de)産品照(zhào)片是高(gāo)質量的(de)，并顯示大(dà)量不同角度的(de)照(zhào)片。如果您甚至看到了(le)右側的(de)圖像，則可(kě)能會離開并且永遠(yuǎn)不會回來(lái)。中間的(de)圖像更好，但仍然不是很好。左邊的(de)一個(gè)使您信任該網站。請注意，因爲  不良圖像實際上會減少讀者數量。

三、記住設計原則

任何沒有目的(de)的(de)圖像都是不良圖像，如果您需要更多(duō)的(de)激勵，頁面加載速度（我将在第二部分(fēn)中討(tǎo)論）對(duì)于SEO和(hé)可(kě)用(yòng)性至關重要。太多(duō)的(de)大(dà)圖片會減慢(màn)您的(de)網站速度。

但是，爲了(le)給您一些啓發，以下(xià)是一些可(kě)以使用(yòng)的(de)優質圖像的(de)示例：

（1）數據點的(de)圖表；

（2）高(gāo)質量的(de)攝影(yǐng)；

（3）定制設計和(hé)矢量圖形；

（4）專業攝影(yǐng)；

當您看到現實生活中的(de)示例時(shí)，更容易知道什(shén)麽才是一個(gè)好的(de)網站。好的(de)網站他(tā)們的(de)整個(gè)網站都基于出色的(de)格式和(hé)一緻的(de)品牌。

四、技術網站設計

網頁技術設計包括以下(xià)内容：

（1）響應式設計和(hé)移動友好；

（2）加載速度快(kuài)；

（3）搜索引擎優化(huà)（SEO）；

（4）SSL加密；

（5）網站架構與導航；

1.響應式設計和(hé)移動友好

“響應式Web設計是一種建議(yì)設計和(hé)開發應基于屏幕大(dà)小，平台和(hé)方向來(lái)響應用(yòng)戶的(de)行爲和(hé)環境的(de)方法。”換句話(huà)說，響應式站點是可(kě)以在所有屏幕和(hé)設備上正常播放的(de)站點。它适合移動設備，可(kě)滿足您正在查看的(de)設備的(de)需求。

但這(zhè)很重要。實際上，智能手機現在占所有在線流量的(de)51％以上，平闆電腦(nǎo)僅占12％以上。而且這(zhè)個(gè)數字還(hái)在增長(cháng)。此外，Google非常關注移動設備的(de)友好性。實際上，他(tā)們現在将對(duì)移動設備友好的(de)網站進行排名放在優先位置（此更新稱爲“ Mobilegeddon ”）。

最後，适合移動設備的(de)用(yòng)戶可(kě)以獲得(de)更好的(de)用(yòng)戶體驗。最終，一切都與用(yòng)戶有關。他(tā)們是那些打開錢包以維持您的(de)業務持續發展的(de)人(rén)。首先，通(tōng)過其移動設備友好性測試，查看您的(de)網站是否被Google認爲适合移動設備。轉到手機上的(de)站點自己檢查也(yě)是一個(gè)不錯的(de)方法。如果得(de)分(fēn)不高(gāo)或外觀不佳，則您需要做(zuò)一些工作。

除了(le)叫設計師設計之外，最好的(de)選擇是更改網站的(de)模闆。這(zhè)是使您的(de)網站對(duì)移動設備友好且響應迅速的(de)最簡單，最經濟的(de)方式。

以下(xià)是一些流行的(de)網站建設者适合移動設備使用(yòng)的(de)模闆：

（1）移動友好的(de)WordPress模闆；

（2）适用(yòng)于移動設備的(de)Shopify模闆；

（3）适用(yòng)于移動設備的(de)BigCommerce模闆；

（4）适用(yòng)于移動設備的(de)Magento模闆；

（5）适用(yòng)于多(duō)個(gè)平台的(de)Template Monster；

2.網站加載速度快(kuài)

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

換句話(huà)說，如果您的(de)站點速度比較慢(màn)，那您将流失很多(duō)轉化(huà)客戶和(hé)潛在客戶。您可(kě)以檢測一下(xià)網站速度如何，像适用(yòng)于移動設備的(de)測試一樣，Google也(yě)提供了(le)頁面速度測試。但是，有些人(rén)認爲它不是很準确，因此也(yě)可(kě)以嘗試Pingdom  和(hé)GT Metrix來(lái)使用(yòng)它。

這(zhè)三者都會帶給您關于什(shén)麽會影(yǐng)響您的(de)加載速度的(de)想法，并提出改進建議(yì)。但是，最簡單的(de)方法之一就是優化(huà)和(hé)壓縮圖像。正如我在視覺部分(fēn)所說的(de)，圖像占用(yòng)大(dà)量帶寬。這(zhè)就是爲什(shén)麽隻使用(yòng)非常有價值的(de)圖像很重要的(de)原因。您可(kě)以使用(yòng)Gimp之類的(de)工具 免費壓縮圖像。（這(zhè)是一個(gè)完成該任務的(de)教程。）

3.搜索引擎優化(huà)（SEO）

SEO意味著(zhe)優化(huà)您的(de)網站以顯示在Google等搜索引擎中。這(zhè)是一個(gè)好的(de)網站的(de)基礎。如果操作正确，它每月(yuè)可(kě)以爲您的(de)網站帶來(lái)成千上萬的(de)流量，而無需付出任何額外的(de)努力。優化(huà)做(zuò)得(de)不好，沒有人(rén)會在Google上找到您的(de)網站。對(duì)于搜索引擎優化(huà)要執行四個(gè)步驟。以下(xià)是喬恩的(de)一些實用(yòng)技巧：

（1）了(le)解您的(de)目标受衆并進行關鍵字研究。

（2）使用(yòng)針對(duì)這(zhè)些關鍵字的(de)頁面内SEO優化(huà)您的(de)網站頁面。

（3）爲Google和(hé)Bing 創建強大(dà)的(de)站點地圖，以将您的(de)站點編入索引。

這(zhè)是高(gāo)度簡化(huà)的(de)，并且還(hái)有很多(duō)其他(tā)SEO因素，但是這(zhè)三種策略将使您很好地出現在搜索結果中。接下(xià)來(lái)的(de)Web設計建議(yì)可(kě)幫助您進行SEO并建立與訪客的(de)信任。

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

4.網站架構與導航

記住設計原則4：進行清晰的(de)站點導航。導航很重要，主要有兩個(gè)原因：

（1）更好的(de)SEO（因爲它使Google可(kě)以更輕松地将您的(de)網站編入索引）。

（2）更好的(de)可(kě)用(yòng)性（因爲訪問者更容易找到自己的(de)出路）。

請記住要使用(yòng)“三擊規則”：您網站上的(de)每個(gè)頁面都應在與您網站上其他(tā)頁面的(de)點擊不超過3次的(de)範圍内。您還(hái)應該  在頁面頂部保留最重要的(de)号召性用(yòng)語。這(zhè)是大(dà)多(duō)數人(rén)看到的(de)地方。

結論

通(tōng)過保持網站外觀的(de)清晰度，您可(kě)以确保訪問該網站的(de)每個(gè)人(rén)都将您視爲值得(de)信賴，專業且值得(de)開展業務的(de)人(rén)。