谷歌主頁 1998
這張圖片是 Google 的原始主頁，大約是 1998 年。
現在來看看今天谷歌的主頁：
現代網站設計：Google
令人震驚的不同，不是嗎？
這兩張螢幕截圖代表了網站設計二十多年的演變。新頁面基於現代網站設計原則。海外華人亞洲資料庫 舊頁面是基於……好吧，不太確定那是什麼。
在考慮現代網站設計時，Google是一個極好的靈感來源。首先，他們創建了有史以來最成功但非常簡單的網站之一。考慮到他們早期的笨重迭代，這是一個令人印象深刻的壯舉。
是什麼讓B2B 網站真正出色？什麼是現代網站設計？為了確保您的網站現代、美觀且能有效產生業務成果，您應該遵循哪些原則？了解B2B SaaS 網站最佳實踐是實現這些目標的關鍵。請繼續閱讀以了解更多資訊。
1. 以使用者為先的設計
設計新網站時，您能做的最重要的事情就是牢記目標受眾。這一切都是為了提供卓越的客戶體驗，從客戶最初到達到網站導航，再到任何轉換事件。
話雖如此，您的網站可能有多個目標受眾。例如，如果您從事生物技術行業，也許您需要網站的某些部分或頁面能夠吸引醫生、醫院管理人員、患者、投資者、媒體、社區成員、合作夥伴和非營利組織。
但您希望確保所有群體都接受整體設計和介面。
許多公司透過定義部分和頁面以及他們想要在網站中包含的內容來開始網站設計過程。產品、服務和解決方案部分。關於公司的部分。一個部落格。職業機會等領域。相反，將視角翻轉到頭上。
他們將從什麼中獲得最大利益？當每個獨特的角色到達您的網站時，他們會對這次體驗感到興奮（或至少高興和滿意）嗎？
你將如何實現這個目標？
Asana讓每個網站訪客能夠根據他們所屬的特定團隊或他們希望促進的工作流程來客製化他們的體驗。
體位法 B2B 網站
一旦您的網站分類到位，您應該使用行為分析來監控和確認您的設計是否直觀、順暢，並為每個受眾群體提供出色的體驗。
您的潛在客戶將決定他們是否願意與您合作以及您的業務是否成功，因此您的網站設計需要從他們開始。
2. 為業務成果而設計
網站不是靜態的廣告看板。您希望訪客做一些事情，而不僅僅是瀏覽您的主頁，然後去其他地方。
提前定義您的網站應如何促進業務成長。您將如何衡量網站的成功？許多公司直到網站上線後才確定這一點，但這是完全倒退的。預先決定成功指標，然後主動、刻意地根據這些規範進行設計。
您的網站的設計方式應該能夠促使訪客採取具體行動，最終產生積極的結果（電子郵件註冊、免費試用、下載、銷售預約等）。
透過現代網站設計，採取多方面的方法來推動業務成果。如何？結合使用管道和號召性用語 (CTA)。
您的管道可以包括與產品或服務相關的路徑，因為這就是他們向您購買產品的方式。但除此之外，您應該先確定他們在訪問您的網站時試圖解決的具體挑戰和問題，並引導他們以最合適的方式獲取相關資訊。有時個人正在尋找資訊。其他時候他們正在尋找解決方案。
在自然參與點內建策略號召性用語，例如在產品優點描述後的免費試用按鈕。然後做一些許多網站未開發的事情——擴展 CTA 的類型。
專業提示是根據行為觸發因素啟動 CTA。這將使請求與網站訪客的行為保持一致。例如，就像有人造訪您的多個解決方案頁面後提供的諮詢預訂優惠。或者，如果您發現部落格讀者滾動到帖子底部，請邀請他們訂閱您的郵件列表。
Paper Crane 是一個旨在實現業務成果的網站的一個很好的例子。請注意，無論是透過演示還是免費測試，都會邀請您查看產品的實際情況。光是在主頁上，就有 14 個 CTA，包括頁面的頂部、中間和底部。 CTA 的範圍包括加入郵件清單、下載白皮書、下載資料、存取 API，以及如上所述、安排演示或測試軟體平台。
紙鶴首頁
3. 適合行動裝置的響應式佈局
這個設計元素很簡單但很重要。如果您的網站在行動裝置上看起來或表現不佳，您將失去一定比例的受眾。對於那些大部分流量來自行動裝置的品牌來說，糟糕的行動體驗可能是毀滅性的。使用響應式設計確保您的網站佈局在任何裝置和螢幕上看起來都很棒。
使用Google 的行動裝置友善測試工具來協助確定您的網站是否適合行動用戶。
更重要的是，谷歌正在加強其索引，僅根據品牌的行動存在對網站進行排名。 Google 於 2016 年首次啟動行動優先索引，最近 Google 宣佈到 2021 年 3 月，全球所有網站都將遷移到行動索引。如果您的行動網站未經過優化，您將很難在 Google 中獲得高排名。
使用Google Search Console確定您的網站何時遷移到行動優先索引，然後進行必要的升級以針對 Google 自然搜尋全面優化您的網站。
