9個損害轉化率的網頁設計錯誤

已發表: 2022-05-23

企業在網站設計中將美學優先於網站轉換是一個常見的錯誤,純粹是因為他們不知道更好。 有些是網頁設計中的明顯錯誤,還有一些微妙的錯誤,但它們共同作用,讓潛在客戶在他們甚至沒有正確查看您的網站之前就放棄了您的網站。

什麼是網頁設計

網頁設計是概念化您想要的網站,外觀,感覺,目的,結構和功能所需的過程。 一旦你有了一個心理形象,你就需要仔細計劃每一步,然後構建構成網站的電子文件。

常見的網頁設計錯誤

重點

  • 沒有明確說明貴公司提供/提供的服務。
  • 缺乏明確的 CTA(號召性用語)——經常被遺忘,或者被留在頁面底部。
  • 很難找到聯繫信息 - 在頂部欄中輸入電話號碼。
  • 不安全 (HTTPS) – 安全網站加載速度更快,搜索排名更高,如果網站不安全,84% 的訪問者會放棄購買。
  • 沒有分析——如果你不跟踪什麼有效,什麼無效,你就沒有專注於讓網站成為你最好的廣告工具。
  • 不是為特定的受眾設計的,例如,學校網站與餐廳的網站會有很大不同。

設計

  • 它看起來的樣子——這很關鍵,你有不到十秒鐘的時間來打動訪客並讓他們想要進一步探索。 整體主題和顏色必須吸引觀眾少即是多,所以雜亂的主頁會讓訪問者望而卻步。 他們需要清楚地看到導航欄和其他功能才能促成轉化。
  • 過度使用顏色——太多的顏色會破壞轉換——理解顏色心理學很重要(例如,在美容和健康網站上使用像藍色和白色這樣的大膽顏色)。
  • 加載時間太長——最佳位置是 3 秒; 反彈的可能性每增加一秒就會成倍增加。
  • 未準備好移動設備
    • 如果移動體驗不佳,52% 的用戶不太可能與公司互動。
    • 91% 的人優先考慮需求和速度。
    • 如果他們沒有很快找到他們需要的東西,61% 的人會繼續前進。
  • 不使用響應式設計——響應式網頁設計使用 CSS3 媒體查詢來使網站在所有平台(即計算機、筆記本電腦、平板電腦、智能手機)上運行。
  • 跨頁面的界面不一致——您不需要為每個頁面重新設計,它會讓人感到困惑並且不支持強大的品牌設計。
  • 彈出窗口 - 可能會干擾移動設備的使用並影響排名
  • 出於美學原因刪除了 H1 標籤——但這是搜索引擎爬蟲尋找的第一個元素。
  • 圖像中的文本——搜索引擎看不到圖像,因此不會閱讀文本,它需要被覆蓋。
  • 按鈕和鏈接太小而無法點擊——尤其是在移動設備上,沒有什麼比手指同時觸摸多個按鈕並最終出現在錯誤的位置更令人沮喪的了。
  • 沒有 Favicon - 用戶喜歡打開多個頁面,如果您想返回該站點,則很難找到。
  • 在主頁上自動滾動的輪播——分散用戶對您的信息的注意力。
  • 背景中的自動音樂 - 只是令人討厭。
  • 自動播放的視頻——再一次,只是令人討厭。 轉換殺手。
  • 404 通用頁面——大多數用戶在獲得其中之一時就放棄了。 立即對錯誤處理進行排序。
  • 服務器響應時間慢——需要優化。
  • 不遵循設計規範——用戶很寬容,但他們期望導航欄和搜索功能等基礎知識。
  • 空白使用不當——太少會顯得局促,太不專業。
  • 沒有瀏覽器緩存 - 影響頁面重新加載速度,這將導致較低的排名。
  • 不適用於所有瀏覽器——所有網站都應設計為適用於所有瀏覽器。
  • 沒有 JavaScript 就無法工作——如果您的訪問者關閉了 JavaScript,您的網站應該仍然可以工作。
  • 代碼沒有被壓縮——換句話說,就是縮小了你的 CSS、HTML 和 Javascript。 這提高了加載速度。

導航

  • 許多在新窗口中打開的鏈接——如果沒有後退按鈕或難以導航,除了佔用帶寬外,訪問者不太可能返回。
  • 隱藏在網站/隱形菜單上的鏈接——訪問者需要知道“我在哪裡”,因此您需要清晰的菜單、麵包屑導航和設計提示。 菜單可以在移動設備上隱藏。
  • 將徽標居中 – 一鍵查找主頁的難度增加了六倍。
  • 不改變訪問鏈接的顏色——因此訪問者不斷返回錯誤的頁面並放棄。
  • 無法控制的導航 - 任何動畫都可以非常快速地殺死轉換。

排版

  • 易讀性、可讀性、清晰度——這些是關鍵因素。
  • 字體太小,不利於閱讀——正文應使用無襯線字體,大小超過 14 像素,因為它可以跨平台兼容。 捲曲字體適用於兒童。
  • 字體過多——會導致混亂,因為訪問者會被演示分散注意力,而不是專注於您的信息。 三是充足。
  • 衝突的字體 - 可能會很刺耳,並且對轉換沒有任何作用。
  • 字距差(符號)、字距(單詞)、前導(句子)——空格很重要,有助於提高清晰度和可讀性。

內容

  • 弱 SEO – 不會被搜索引擎爬蟲抓取,使用長尾關鍵字。
  • 內容不關注訪問者的需求,而是關注“我們有多棒”,這可能會讓人大吃一驚。
  • 沒有標題和子標題 - 此外,為了更易於閱讀,您會錯過搜索引擎爬蟲在您的消息中獲取關鍵字的機會。
  • 內容不可掃描——段落必須簡短,使用項目符號或數字列表以提高可讀性,訪問者喜歡掃描頁面以查看是否有可能包含他們需要的信息。
  • 語法差和句子長——又是一個可讀性問題,看起來不專業。
  • 不發布常規質量內容 - 內容金字塔需要寬而低,以便搜索引擎爬蟲獲取關鍵字進行排名。 如果訪客知道它會定期更新,他們會返回。

圖片

  • 不相關的圖庫攝影——圖像必須令人賞心悅目、相關且專注於一個特定主題。
  • 尺寸和縮放不當——它會影響加載時間並且看起來不專業。
  • 無響應的圖像大小 – CSS 媒體查詢用於處理此問題
  • 缺少元數據 - 在發布圖像之前檢查文件名,987098709.jpg 看起來不專業。
  • 無圖像壓縮——加載時間越長,排名越低。

社交媒體

  • 不鼓勵社會參與——錯失你最好的成長機會。
  • 頁面頂部的社交媒體圖標 - 已證明可以鼓勵讀者離開您的網站並分散注意力,將他們放在其他任何地方。

用戶體驗

  • 糟糕的搜索工具——訪問者被良好的搜索引擎寵壞了,並希望展示最好或最相關的內容,它必須處理關鍵字變體、連字符、複數和拼寫錯誤。
  • 不響應查詢 - 沒有什麼能像不響應的站點那樣迅速將訪問者趕走,在您不可用時設置自動響應並緊急回复他們。

法律問題

  • 沒有隱私政策——現在是許多國家的法律要求,有助於建立信任。
  • 沒有保修信息——訪問者想知道您的產品背後的合法性。
  • 無退貨政策 – 良好的商業要求您至少提供一段時間讓客戶改變主意(某些國家/地區的法律規定),並且如果產品不合適,您將接受退貨。 差評通常集中在糟糕的退貨體驗上。

一個偉大的網站會要求用戶讓他們知道如果某些東西不適合他們或提供改進建議,有些網站甚至可能有一個用於可用性的星級評分系統。 始終在您的網站上盡最大努力 - 它通常是潛在客戶對您的公司和文化的第一印象,並且可以決定或破壞您的轉化率。