網站UX設計,全稱為User Experience用戶體驗設計。從2020年開始,我們可以發現Google排名算法,越來越傾向用戶對于網站的使用感受。
      無獨有偶,谷歌SEO從最原始初級On-Page優化,逐漸轉向全面且深入的用戶體驗優化。這對于網站運營人來說,無疑是一種綜合能力的考驗。
      因此,今天我將結合之前接手的實操案例,為大家整理2024年,甚至以后相當長的時間里,外貿網站6大核心UX問題:
      • User Engagement設計符合要求嗎?

      • 網站導航具備指示性嗎?

      • 你的網站是否滿足Mobile Friendly?

      • LCP以及FID動態加載速度是多少?

      • 標題和描述是否在SERP上足夠吸引人?

      • 頁面內容是否符合EEAT排名要求?


      接下來,我會帶著大家一起分析這些難題,并且演示我是如何一步一步解決它們。一起出發~




      #01. User Engagement設計符合要求

      用戶參與度(user engagement)最能反映一個頁面質量好壞。我們通常會使用GA數據,對用戶瀏覽行為開始評測

      如果一個頁面,用戶參與度極低,甚至后者沒有任何行為就跳出,證明這個頁面存在UX設計缺陷,對應排名效果表現,一定不盡人意。

      那么,如何提升頁面用戶參與度呢?

      1.1 增加cta點擊按鈕

      最常見也是我最常用的方法,就是在頁面核心內容區域,添加引導轉化的按鈕。當然,前提一定是內容足夠精彩,并能引起用戶點擊興趣。關于按鈕設置,我建議你可以:

      • 頁面首屏banner處添加按鈕;

      • 精致的圖片或者視頻旁設置按鈕;

      • 按鈕樣式和跳轉路徑多樣化;


      點擊按鈕,選擇在頁面頂部的banner添加,是因為首屏用戶參與度更高。而當用戶看到高質量圖片時,也會產生愉悅情緒,從而促使點擊轉化。


      最后一點,之所以強調按鈕樣式和調整路徑,完全是為了讓整個網站結構,四通八達。這樣對于SEO排名更加友好。

      1.2 讓用戶留評或者參與測評

      這種策略,主要應用在產品詳情頁文章頁面。通過引導用戶寫出評價,從而影響Google對于產品和頁面質量判斷。

      然而,我在今年9月份對接的AI項目中,使用了另外一種提升用戶參與度的方法:讓用戶作為體驗官,對頁面內容進行打分

      我在頁面底部,額外增加分享和打分模塊。網站后臺收到用戶反饋時,可以第一時間優化頁面內容,不斷提升用戶滿意度。

      1.3 引導用戶訂閱或者注冊

      側邊欄或者網站底部,配置跟隨滑動的Newsletter或者Sign Up模塊,就會增加訪問者的留存率,變相提高轉化效果。

      大多數網站,核心運營數據指標,除了流量和訂單轉化率以外,還希望可以一次性收集:

      • 用戶(訂閱者)郵箱便于郵件營銷;
      • 注冊用戶(潛在意向客戶)數量;


      這些數據一般用來,維護項目繼續發展和新一輪的融資。所以,外觀上具有點擊欲望的訂閱以及注冊功能,對于提升用戶參與度,極其重要。




      #02. 網站Menu導航具備指示性

      在一個沒有清晰導航欄的網站,找到任何你想要的東西,非常困難。這就是為什么要確保導航菜單,不僅存在而且對訪問者有意義

      對于老客戶而言,導航菜單所具備的指示性,遠沒有新用戶要求那么嚴苛。所以,關于導航菜單,我們明確幾個細節:

      • 用戶清楚地知道,目前所停留的頁面?

      • 導航是否可以指向,最重要的產品?

      • 存在不必要的導航或者廣告鏈接?

      • 訪問者遇到問題時,能否快速聯系我們?


        如果以上這幾個問題,在網站UX設計之初,不去深入研究。很難保證最終上線,會有不錯的頁面訪問深度和在線會話時間。


        從第一步起,我們可能就已經被用戶淘汰,點擊就更無從談起了。我在《完美集成【WordPress+Elementor+Wooc】設計獨立站代碼》中,為大家詳細講解:我如何使用Elementor創建超級菜單。



        #03. 網站是否滿足Mobile Friendly

        目前,全球有超過59%的人,通過移動設備瀏覽網頁。這意味著,大量商機將來自于手機端。

        此外,根據2016年Google用戶行為數據顯示,全球近60%的谷歌搜索,發生在手機上。2018年之后,谷歌排名算法,更是將手機端自適應效果,作為是否將網站優先展現的判別標準。

        那么,如何查詢自己的網站,是否滿足Mobile Friendly要求呢?

        3.1 Google Search Console

        關于網站內容和頁面問題,我個人覺得,最好的檢查工具就是Search Console,且沒有之一。不但如此,它對于手機端效果評估,也是非常詳盡。

        它不但反饋出哪些頁面存在問題,而且會給出具體可操作性的修改方案。這些常見問題包括:

        • 響應設計缺陷(無法適應不同屏幕尺寸和設備);

        • 視頻或圖片不可用或者不顯示;

        • 移動導航不清晰或者不識別;

        • 字體太小影響閱讀體驗;

        • 移動端LCP動態加載時間大于2.5s;


        幸運的是,這些問題在Search Console中都能找到解決辦法。它不但能正確指出,問題發生的頁面位置,同時給出技術層面的修復意見。
        關于Search Console更多使用方法講解,請參考我的另外一篇文章《輕松上手 | Google Search Console配置與使用權威指南》
        3.2 SE Ranking
        與Search Console谷歌工具相比,SE Ranking在數據展現形式上,更加華麗且維度清晰。它更像一個綜合體,在網站分析、排名分析以及內容SEO優化方面,完全不亞于Semrush等一眾好手。
        我通常使用SE Ranking+Search Console,確定網站手機端,是否存在一系列問題。比對兩者,共同檢測出來的隱患,方便我一次性從根本上解決。
        綜上所述,Mobile Friendly Issues應該受到絕對重視。任何一個網站,無論域名新舊,一旦用戶體驗出現錯誤,哪怕不多,也會影響最終排名。


        #04. LCP以及FID動態加載速度是多少?
        2024谷歌統計數據指出:73%的手機訪問者,會離開3秒以上加載時間的網站。此外,亞馬遜發現:平均100毫秒的降速訪問,就會讓他們損失1%的銷售額。

        幸運的是,谷歌自有網站速度檢測工具:PageSpeed Insights。通過網站JS和CSS技術優化,在很大程度上,助力LCP和FID加載速度進一步提升。

        4.1 什么是LCP加載

        LCP加載,即為最大內容元素加載時間。在LCP之前有另外一個指標FCP。它只針對網站中第一個元素載入。但如果只看第一元素,對使用者來說,仍然看不到重要的內容。因此,Google另起爐灶,發布并制定了LCP指標。

        不同的是,LCP更加注重頁面中最大元素的載入速度。而Google是怎么判定最大元素呢?

        當頁面載入時,Google會去抓取頁面可視范圍中最大的元素,并會隨時針對可視范圍中的內容改變,不斷調整抓取方式,直到頁面完全載入。

        4.2 如何優化LCP加載

        通常LCP動態加載,可以讓自己公司技術人員,針對以下這些技術要求合理優化:

        • 針對服務器帶寬進行優化

        • 使用較近的CDN服務

        • 允許第三方資源(媒體或者外鏈)提早載入

        • 排除禁止轉譯的資源

        • 降低JavaScript阻礙時間

        • 降低CSS阻礙時間

        • 圖片大小優化

        • 將文字PDF進行壓縮

        • 使用Service Worker服務

        • 避免使用客戶端渲染(CSR)


          如果不得不使用CSR,建議優化JavaScript,避免渲染時占用太多資源。并且盡量在服務器端完成頁面渲染,讓用戶端直接拿到已渲染好的內容。


          4.3 什么是FID加載

          FID加載,也叫首次輸入延遲時間總計,也可理解為開始互動時,所產生的加載耗時。首次輸入,與頁面上的響應元件息息相關。這些響應元件,包括鏈接、按鈕或是跳出式元素 (pop-up)。

          輸入延遲,通常發生于瀏覽器的主執行序過度繁忙,而導致頁面內容無法正確地與使用者交互。

          4.4 如何優化FID加載

          常見的FID優化,主要針對于訪問請求和動態加載。我們既要保證,盡量減少無效JavaScript,同時保證服務器面對請求的反饋機制。主要優化方法:

          • 減少JavaScript運作的時間

          • 降低網站的Request數并降低檔案大小

          • 減少主執行序的工作

          • 降低第三方程式碼的影響


          其實與LCP在很多方面,都可以實現完全化一勞永逸。換句話說,如果技術人員能夠處理好LCP加載,那么修復FID的問題,便不在話下。




          #05. 標題和描述在SERP上足夠吸引人?

          網站上的每個頁面,都有一個獨特的元標題和描述。它們將出現在谷歌搜索結果中。標準的SEO建議,往往告訴你優化這些標簽:

          • 在標題標簽中包含目標關鍵字

          • 在Description標簽中包含目標關鍵字


          然而,這只是服務于基礎的優化工作。除了HTML標簽應該體現關鍵詞之外,我們還要求標題和描述標簽,應該寫得足夠精彩


          谷歌SERP中,關于這兩個標簽建議:在向用戶明確解釋頁面內容的同時,應該盡量保證信息正確性和可讀性。英文寫作以及內容架構SEO提升,請參閱:


          我個人習慣使用Yoast SEO插件,編寫并且同步優化標題與描述標簽。它會給出關鍵詞建議,同時以圖像形式說明,標題和描述字數長度達到多少最好。


          關于如何使用Yoast插件,高效優化網站頁面,請參考文章:




          #06. 頁面內容是否符合EEAT排名要求?

          上述5點,其實都是從運營或者技術層面,講解如何改善用戶體驗。然而,客戶是否選擇信賴一個網站,歸根結底,還是要靠內容質量取勝。

          谷歌在衡量內容質量時,遵照一個不變的原則:E-E-A-T內容公式。它們來自于4個單詞縮寫:

          • Experience(真實性)

          • Expertise(專業度)

          • Authoritativeness(權威性)

          • Trustworthiness(可信度)


          這幾個標準,意在說明一件事情:高質量的內容,應該是真實發生或者親身感受,并且在闡明內容觀點時,有據可依


          我曾在《深度優化:AI-generated內容檢測與谷歌排名算法解析》的最后部分,結合自己的運營經驗,總結了一些如何才能滿足EEAT的方法。
          更多E-E-A-T在文章優化中,具體如何操作和使用,我做成了PDF文檔。實操課程付費學員,已免費同步。其他如有需要,可以付費領取。


          寫在最后
          網站用戶體驗設計,決定了網站排名以及On-Page SEO優化效果。過程中很多細節,都需要分外重視。絕非隨便買一套建站模板,潦草上線那么簡單。
          無論排版細節、加載速度還是頁面內容質量,都要仔細分析研究。用心做出來的東西,總比那些用模具批量加工出來的產品,更加突顯智慧,也更有價值!


          如果你想了解更多,如何持續提升網站UX設計體驗小妙招。或者你有好的創意和經驗,歡迎在評論區,大膽分享!更多網站運營問題,請聯系作者:


          點贊(2) 打賞

          評論列表 共有 0 條評論

          暫無評論

          服務號

          訂閱號

          備注【拉群】

          商務洽談

          微信聯系站長

          發表
          評論
          立即
          投稿
          返回
          頂部