15 個網站設計技巧：如何創建一個有效的推動增長的商業網站

曾幾何時，企業可以完全依靠看到實體店面的人生存（甚至經常蓬勃發展）。 許多人甚至從推薦中獲得了大部分客戶。 讓他們登上《福布斯》封面可能還不夠，但絕對足以讓他們過上舒適的生活。

然後互聯網出現了，設計網站成為標準。 沒有什麼花哨。 只是幾張圖片，其中包含有關您的工作以及如何找到您的基本信息。

然後，一場非常著名的全球流行病進一步改變了一切。 可以在辦公室完成的事情現在可以在任何有互聯網連接的地方完成。 會議變成了 Zoom 通話。 雜貨旅行變成了快速交付的在線訂單。 曾經為了方便而做的事情現在已成為一種生活方式。

在這種情況下，您的商業網站就是您的演示卡。 這通常是你給人留下第一印象的機會。 您的營銷努力的阻力。 因此，您不能只是將一些內容放在一起並將其粘貼在漂亮的背景上——尤其是在一個在線進行如此多的時代。

為什麼你應該有一個商業網站

您應該擁有一個商業網站，原因與您從亞馬遜訂購、從優步搭車以及通過 AirBnb 預訂假期住宿的原因相同。 人們很少再親自互動了。 他們在線尋找答案、在線安排會議並在線購買產品。

不僅如此，甚至在人們準備購買之前，他們就會上網研究他們遇到的任何疾病的解決方案。 當您的目標受眾在 Google 上尋找您提供的產品時，您肯定希望出現在搜索引擎結果頁面 (SERP) 中。 發生這種情況的唯一方法是，如果你有一個好的商業網站——一個提供有價值的內容並遵循搜索引擎優化 (SEO) 最佳實踐的網站。

為什麼網頁設計策略很重要

在這個數字世界中，設計一個有效的網站需要大量的頭腦風暴、戰略制定和測試。 這很關鍵，因為競爭很激烈。 您需要進行市場調查，而不是專門寫您的業務。 專門針對您的買家角色喜歡的內容定制內容。 此外，請考慮您是在設計 B2B 還是 B2C 網站。

此外，您應該引導訪客完成他們的買家旅程。 他們是否開始進行初步研究？ 你想成為他們求助的行業專家。 他們在比較選項嗎？ 你想讓這個過程對他們來說盡可能簡單。 他們準備好購買了嗎？ 天哪！ 當他們拿出信用卡時，您當然希望成為首要考慮因素。 要做到這一點，你必須一絲不苟地進行戰略。

但是最好的做法是什麼？ 您應該在內部建造一個還是聘請設計機構？ 最好的設計技巧和實踐是什麼？ 老實說，你真的需要一個嗎？ 如果您是那些認為每週參加社交活動足以讓電話響起的人之一怎麼辦？

常見的網站設計錯誤

隨著網站建設者的出現，網站設計變得更加容易，許多企業選擇創建自己的網站。 然而，設計一個有效的網站並不像看起來那麼簡單，當您發現網站重新設計的成本並沒有達到您預期的結果時，最終可能會成為一項昂貴的工作。

有許多因素將決定您的網站在產生潛在客戶、解決問題、提高收入水平和提高整體底線方面的成功與否。

以下是您應該不惜一切代價避免的一些網站設計錯誤：

使用不適合您的商業形象的網站模板。

在選擇網站設計時，不要只選擇您認為最具視覺吸引力的網站模板。 選擇一款不僅適合您的設計風格和配色方案，而且與您的商業形象完美契合的一款非常重要。

例如，如果您提供活動策劃服務並向潛在客戶承諾有趣、難忘的聚會，那麼使用讓您的網站看起來像是在經營殯儀館的模板可能不是一個合適的網站設計。

另一方面，如果您銷售的是電子書或視頻教程等數字產品，那麼本質上更具藝術氣息的模板可能更適合您的業務。

不清楚您的網站訪問者是誰

您需要很好地了解您的網站訪問者是誰，以便您可以調整網站設計以適應他們的需求。 您應該了解這些網站訪問者的一些背景信息，例如他們的年齡範圍、教育水平、收入範圍、他們感興趣的網站頁面、他們的社交媒體使用情況、購買習慣等。 只有這樣，您才能有效地設計吸引他們的網頁。

顯示不會為網站頁面增加價值的圖像

許多網站所有者犯了上傳低分辨率圖像的錯誤，認為這並不重要。 實際上，如果它導致網站加載速度變慢，這可能會損害您網站的性能。 事實上，它會導致用戶變得不耐煩，轉而訪問競爭對手的網站。

壓縮圖像以確保快速加載時間。 任何東西都不應超過 1MB。 此外，將它們保存為 JPEG 格式，加載時間比 PNG 少。 並且不要添加圖像只是為了添加它們。 選擇它們是有目的的——例如展示產品功能、公司文化或任何其他可能與您的業務相關的東西。

除了避免這些常見的陷阱外，您還應該花時間實施網站設計最佳實踐。

商業網站的 15 個網頁設計技巧和最佳實踐

雖然大多數企業都試圖通過創建一個獨特的網站來使自己與競爭對手區分開來，但有些元素應該全面實施。

1. 確定你的預算

與設計商業網站相關的成本範圍很廣。 這一切都取決於您的需求：您會使用模板還是從頭開始設計自定義網站？ 其他要考慮的因素是頁面數量、交互式內容、功能以及是否要包括電子商務。

列出您的網站應包含的所有內容的詳細列表，然後確定您是否有一個切合實際的預算。 如果你這樣做，那就太好了。 如果您不這樣做，您仍然應該與網頁設計師和開發人員討論您的需求，以尋找可行的替代方案。 無論您做什麼，都不要因為預算少而繞過網站設計。 使用你所擁有的。

2. 購買域名

域名是您網站的名稱（也就是您的網址）。 無論這與您的公司名稱完全匹配，還是您對它更有創意，購買它都會阻止其他人使用它。 您可以從任何域名註冊商處購買它（GoDaddy、BlueHost、Network Solutions、DreamHost、HostGator 和 Domain 是一些流行的）。 選擇註冊商時，請花一些時間研究所有成本（包括追加銷售和隱藏費用），以及它們的易用性和客戶支持。

3. 獲取 SSL 證書

您的所有網站訪問者都應該對您網站的安全性充滿信心。 當您有要求他們提供全名和聯繫信息的登錄頁面和表格時尤其如此； 或需要輸入信用卡號和郵寄地址的電子商務頁面。

安全套接層 (SSL) 證書通過加密信息來保護在線交易——無論是在靜態還是在傳輸中。 這可以防止未經授權的第三方攔截或訪問任何用戶數據。

4.創建線框

有很多人設計沒有線框的網站。 然而，他們通常會在設計、內容和開發團隊之間來回浪費大量時間。 投資線框圖工具（或簡單地將它們繪製在筆記本上）將幫助網站上的每個工作人員可視化每個頁面的佈局，以便流程更有效地進行。

5. 最佳用戶體驗的設計佈局

聽著，用戶體驗 (UX) 就是一切。 這是指網站訪問者與您的網站互動時的感受。 這可能是興奮地找到解決他們痛點的方法，也可能是對令人困惑的導航感到沮喪。 每個頁面的設計都應該旨在吸引人們在通過銷售渠道時留在您的網站上。

6. 選擇網站建設者

如果您是一家預算非常少（或根本不存在）的初創公司，或者您只想要一個功能很少的簡單網站，則可以使用大多數網站構建器。 但是，如果您想要一個有吸引力的網站，使您能夠根據一長串規范進行設計，您可能會將其範圍縮小到 WordPress 和 HubSpot。 即使在這兩者中，您也需要考慮其他因素，例如您是否需要安裝第三方插件來完成您希望完成的任務，或者這些工具中的大多數是否已經存在於平台中。

7. 選擇模板

預先構建的網站模板使您可以更輕鬆地創建網站。 網站構建器平台通常帶有一個模板庫，您可以瀏覽該模板庫以查找與您的品牌標識相匹配的內容。 一些內容管理系統 (CMS) - 例如我們一直以來最喜歡的 HubSpot - 具有用戶友好的功能，例如拖放功能和號召性用語生成器。

8. 針對移動設備進行優化

大多數人通過智能手機上網。 有時，他們會使用平板電腦，但手機是它所在的地方。 它們很實用，而且總是在他們手中。 因此，確保您的網站看起來不錯並且在較小的屏幕上運行良好至關重要。 不這樣做只會惹惱人們。 他們不會只是將手機放回口袋，等到靠近桌面後再訪問您的網站。 他們只會從你的競爭對手那裡購買。

9. 進行關鍵詞研究

我將在下面的 SEO 最佳實踐部分中擴展關鍵字研究。 但是，請始終牢記，無論您的內容多麼出色，您都應該始終將目標受眾在搜索引擎中輸入的相同單詞或短語結合起來。 否則，他們永遠找不到你。

10.包括強烈的行動呼籲

號召性用語旨在吸引網站用戶這樣做——做你想讓他們做的事。 雖然這聽起來可能是馬基雅維利，但它確實是一個交換條件。 畢竟，您提供的是網絡用戶想要並且會從中受益的東西。 這就是他們在您的網站上的原因。

在設計您的 CTA 按鈕時，請使用面向行動的詞語（例如，下載免費電子書或參加我們的網絡研討會比提交更有效）。 您還應該具體說明他們單擊按鈕時會發生什麼。

11. 校對內容

如果您的目標受眾受過教育，他們會注意到糟糕的語法。 聽著，我們都會犯錯誤，時不時地忽略一些事情，偶爾會犯錯。 這正是您想要在發佈內容之前對其進行校對的原因。 更好的做法是讓另一雙眼睛仔細檢查它，以確保它們能捕捉到你可能錯過的任何東西。 當你試圖表達你的專業精神時，你要做的最後一件事就是看起來粗心。

12. 實施 SEO 最佳實踐

搜索引擎優化不僅僅是關鍵字。 有頁內和頁外元素會​​影響您在 SERP 上排名良好的可能性。 要包含的具體項目將在此博客的下方進行更詳細的描述； 但是沒有這個因素，任何網頁設計最佳實踐列表都不完整。

13. 功能測試站點

在啟動您的網站之前，您要確保（並仔細檢查）一切正常。 這包括確保每個視頻都播放，每個號召性用語按鈕將用戶引導到您想要的位置，點擊通話電話號碼有效，表格填寫到達您的收件箱等等。 測試一切。

14. 進行發布後測試

您還需要確保網站上線後一切正常。 此外，您應該測試不同版本的站點元素，以查看哪些元素具有更好的吸引力（例如，主頁英雄、CTA 按鈕或著陸頁格式的 A/B 測試）。 這樣做時，一次只關註一個元素（例如顏色、文本、大小、格式等），這樣您就可以確切地知道什麼是表現最好的。

通過 GIPHY

15. 推廣您的網站

一旦您啟動您的網站，請在屋頂上大喊大叫！ 在您的社交媒體渠道、營銷電子郵件、新聞通訊、名片以及潛在客戶可能看到的任何其他地方推廣它。 您還可以聯繫其他企業並撰寫客座博客文章，以便獲得指向您網站的反向鏈接。 這可以幫助您接觸更廣泛的受眾並提升您的 SEO。

包含在您的商業網站上的基本頁面

每個企業都是不同的（或者至少，他們試圖如此）。 因此，您對在您的網站上包含的內容擁有創意許可。 但是，您總是希望創建盡可能滿足最佳 UX 的頁面。 一種方法是始終包括以下內容：

主頁

您的主頁是您創造愉快第一印象的機會。 通過有足夠的空白來保持簡單。 在首屏包含一個價值主張，以及戰略性放置的號召性用語按鈕。 另外，請記住主頁為其餘頁面設定了基調。 仔細選擇您的調色板，並在其餘網頁中始終如一地使用它。

關於

人們想知道他們在與誰做生意。 他們想要的不僅僅是一個標誌。 展示你的臉，你的團隊，你的公司文化。 告訴他們你為什麼開始創業的故事。 貴公司的價值觀是什麼？ 並且絕對包括通過包括客戶推薦來證明你在做什麼方面做得如何的社會證明。

產品和服務

在人們準備購買之前，他們會對市場上的可用產品進行詳細研究。 而且投資越大，比較過程就越長。 通過包含展示所有有用功能並詳細說明相關信息的產品和/或服務頁面，讓他們盡可能輕鬆。 如果您提供多個類似的選項，包括比較圖表也會很有幫助，這樣他們就可以並排研究產品，而不是在頁面之間來回跳轉。

博客

這更耗時，並且需要承諾定期發布高質量的內容。 但是，擁有博客有幾個好處： 您正在為目標受眾提供有用的內容。 免費解決他們的一些痛點。 您還有機會教育您的受眾——關於您的產品和服務、關於您的行業、關於輔助或其他相關主題。 您發布的越多，您就越能確立自己作為行業專家的地位。 最後，每篇博文都是一個新頁面，需要由搜索引擎進行排名。 因此，您發布的越多，出現在 SERP 上的好位置的機會就越大。

聯繫我們頁面

這應該是不言而喻的，但我還是要說：讓用戶更容易聯繫到你。 他們不應該一頁又一頁地滾動來找出如何與您聯繫。 因此，請創建一個簡單的聯繫我們頁面，其中包含您的電話號碼和提交查詢的表單（舊學校網站包括電子郵件地址，但這有助於在您的收件箱中填充垃圾郵件）。 此外，包括在整個網站中與您聯繫的多種方式。 實時聊天是一項受歡迎的功能，因為它可以讓網絡訪問者幾乎立即獲得快速答案。

您網站的 SEO 最佳實踐

搜索引擎優化就是確保您在搜索引擎結果頁面中獲得更高排名的可能性。 這是任何在線內容的關鍵元素，因為無論您的網站在視覺上多麼吸引人或有幫助，如果它沒有適當的 SEO，人們就不會找到它。 於是拿出筆記本做筆記。

關鍵詞研究

不要只是試圖猜測您的目標受眾將搜索什麼。 雖然您可能對可能的搜索查詢有一個很好的了解，但您必須使用關鍵字研究工具（例如 moz 或 ahrefs）來幫助您確定他們的搜索量。 他們還將為您提供有關使用某些單詞或短語進行排名的難度的數據，並為您提供相關術語。

網址

URL 是統一資源定位器（網址）。 在為您的網站以及您將來添加的每個其他頁面（例如博客和登錄頁面）提出一個問題時，您需要牢記幾件事。 首先，你要讓它簡單易記。 您希望搜索引擎和人類都能理解它。 您還想使用相關標題，並在其中包含您的主要關鍵字。 使用連字符分隔單詞並保持全部小寫。

標題標籤

標題標籤是您在搜索引擎結果頁面中看到的標題。 它們是最重要的 SEO 元素之一，因為它們展示了與用戶搜索查詢的相關性。 使用您的主要關鍵字並將其限制為 60 個字符。 這將幫助您避免在桌面、平板電腦或智能手機屏幕上截斷它。

元描述

元描述是在標題標籤下顯示在 SERP 中的內容的簡短摘要或解釋。 在每個網頁中包含精心製作的網頁會增加網絡用戶點擊它的可能性。 它們還為您提供了詳細說明網站內容並包含不適合標題標籤的次要關鍵字的機會。

加載時間

我們生活在一個即時滿足和注意力短暫的時代。 人們期望網站立即加載。 如果他們不這樣做，他們就會尋找其他地方。 除了上面提到的圖像壓縮建議之外，您還應該尋找快速的 Web 主機、縮小 JavaScript、減少 HTTP 請求並使用內容分發網絡 (CDN)。

移動優化

還記得在本頁某處讀到的關於人們通過手機上網的信息嗎？ 好吧，這不僅對良好的用戶體驗至關重要，谷歌和其他搜索引擎在對網站進行排名時也會考慮到這一點。 因為如果您的網站針對所有屏幕尺寸進行了優化，就會有更多的人訪問它，訪問它的人越多，您的排名就越高。

內部和外部鏈接

搜索引擎在抓取網站內容后索引頁面。 為了做到這一點，一個軟件程序（稱為網站爬蟲）被用來跟踪所有指向其他頁面的鏈接。 每當您創建新網頁或更新現有網頁時，都會發生這種情況。 包括內部鏈接以幫助搜索引擎識別您網站的架構，並使用描述性文本讓讀者知道如果他們點擊它會找到什麼樣的內容。

同樣的道理，外部鏈接讓網絡爬蟲知道網頁內容與特定的搜索引擎查詢相關。

圖像文件名

您可能認為將圖像命名為 JPEG.421 沒什麼大不了的，但它實際上會影響您的 SEO 排名。 這是因為搜索引擎可以閱讀此內容； 因此，通過用連字符分隔單詞並使用相關關鍵字，讓他們輕鬆索引您的內容。

圖像的替代文本

搜索引擎看不到圖像，但可以讀取替代文本（替代文本）。 網站建設者和 CMS 平台在上傳的圖像下方包含一個文本框，供您包含圖像的簡短描述。 利用這個機會合併關鍵字。

跟踪衡量網站成功的指標

啟動網站後，您需要跟踪某些元素以確定您的網站是否運行良好。 這些包括：

網站訪客

您想要跟踪有關網站訪問者的很多事情：有多少人訪問了您的頁面，他們如何與您的頁面進行交互，以及有多少是回訪者。 訪問者數量少意味著您需要改進您的 SEO 策略。 一個好的可能意味著你做得很好——只要它為你提供了合格的潛在客戶。 您還希望跟踪首次訪問者和重複訪問者，以便您可以實施智能內容以獲得個性化的用戶體驗。

跳出率

跳出率是指點擊後很快離開您的網站的人的百分比。 如果您注意到某些頁面的跳出率特別高，您需要說明原因。 常見原因包括加載時間緩慢、鏈接斷開、導航混亂或號召性用語不力。 一次更換其中一個，看看是否能解決問題。

轉化率

術語轉換率是指採取所需操作的網站訪問者的數量。 這可能是訂閱您的博客、參加網絡研討會、下載磁鐵、安排通話、請求演示或進行購買。 如果您的費率看起來不錯，則說明您的網站運行良好。 但是，如果您注意到某些 CTA 大多被忽略，請嘗試更改它們的顏色、形狀、位置或文本。 和往常一樣，記住一次只測試一個元素。

流量來源

流量來源是指人們從哪裡訪問您的網站。 這可能來自搜索引擎、社交媒體帖子、反向鏈接，或者他們是否在瀏覽器的地址欄上輸入了您的 URL。 您想知道這一點的原因是因為它可以幫助您確定目標受眾最常使用的渠道。 這使您能夠製作更有針對性的營銷信息。

商業網站需要多長時間才能產生結果？

對於企業主來說，重要的是要知道建立一個商業網站並看到結果不會在一夜之間發生。 平均而言，您不應該期望至少 3 個月的商業網站結果。 如果所需的時間少於此，這是值得慶祝的。 這意味著您的企業正在做正確的事情！

但是，如果 3 個月後您的企業沒有看到任何您想要的結果，那麼是時候重新評估您的網站了。 查看每個頁面的指標以確定可能的原因。 他們將始終歸結為 SEO 和用戶體驗。 修改上述所有元素，並與經驗豐富的網頁設計團隊交談，以確定如何前進。

良好網站設計的例子

既然您在理論上知道它的樣子，那麼讓我們來看看一些在實踐中正確執行此操作的商業網站。

蘋果

Apple 在用戶體驗方面名列前茅並不奇怪——他們的網站也不例外。 它們包含大量空白區域，使其易於閱讀。 沒有乾擾。 您來研究他們的產品並在準備好時購買它們，他們會無縫地引導您完成該過程：單擊其主頁頂部的任何圖標以查找您正在尋找的產品類型。 或者，如果您已經是他們的追隨者並準備購買，請單擊“購買”。

但是，如果您還沒有準備好交出信用卡，他們會通過為您提供有用的比較圖表來簡化研究過程。 無需打開 50 個標籤或從一個頁面跳轉到另一個頁面來獲取您需要的信息。 一切都盡可能簡單和簡單。

玻色

Bose 的網站具有視覺吸引力、功能強大且易於瀏覽。 大型英雄形象醒目，完美地突出了他們的產品。 具有大量視覺層次的粗體排版讓您專注於頁面。 首屏下方的特色產品部分使訪問者可以輕鬆找到他們正在尋找的東西。

此外，降噪耳機和智能揚聲器等詞組是戰略性放置的關鍵詞，搜索量很高。

培訓班

Trainual 是一個 SaaS 網站，它還包含大量空白以提供無干擾的用戶體驗。 該網站加載速度超快。 他們的導航欄簡單明了。 每個網頁都與其品牌顏色、導航和 CTA 展示位置保持一致。 儘管他們的主頁首屏內容很少，但它仍然包含搜索量很大的關鍵字，例如 SaaS、入職培訓和培訓。

設計一個有效的商業網站就是以客戶為中心：什麼會讓他們的事情變得更容易？ 更吸引人？ 最有幫助？ 然後擴展每個元素，讓他們為找到您的網站而感到高興——因為一旦他們找到了，他們就會不斷回來。