所有你應該知道的關於Above The Fold(頁面首屏)

所有你應該知道的關於Above The Fold(頁面首屏)

Above The Fold(頁面首屏)是網頁的一部分,無需進一步向下滾動即可看到。首屏內容對於網站所有者向使用者提供引人注目的資訊是最重要的。

該術語源自報紙的用法,其中重要資訊在報紙的前半部分提供。當紙張對摺時,可以看到頂部摺疊處的資訊。這對於一個網頁具有相同的字面意義,其內容在頂部而不是向下滾動被稱為“首屏”內容。

Above The Fold的重要性

首屏或首屏內容對於在頁面上顯示內容和廣告都有重要用途。

報紙頭版

使用者體驗

使用者與首屏內容而不是首屏內容進行更多互動。因此,釋出商和網站所有者應考慮將網站的所有業務目標置於對觀眾清晰可見的首屏之上。業務目標包括放置良好的導航、橫幅或文字廣告、麵包屑、特色圖片和文章的良好開端。使用者登陸頁面時的可見部分應提供更好的使用者體驗並鼓勵他們訪問網站上的其他文章。以下是放置在網頁摺疊區域上方的最常見的專案:

  • 網站標誌,以便使用者記住品牌
  • 導航選單可幫助使用者移動到網站上最重要的頁面
  • 搜尋框可快速搜尋並從站點獲取所需頁面
  • 增加線上銷售的商店或購物車圖示
  • 號召性用語按鈕可將流量吸引到特定頁面
  • 頂部通知欄顯示重要公告
  • 帶有重要頁面連結的幻燈片
  • 廣告創收

Above The Fold廣告

除了在摺疊區域上方放置廣告的使用者體驗之外,還提高了點選率,從而提高了網站的廣告收入。AdSense等PPC程式建議釋出商將廣告置於首屏以使其可見,並在廣告置於首屏區域下方時顯示警告訊息。

Above The Fold測試

測試頂部的內容在不同裝置和瀏覽器上的外觀非常重要。不同的使用者可以在不同的瀏覽器、作業系統和裝置上檢視網站。因此,網站所有者應測試網站在不同平臺上的可見性,以確保更好的使用者體驗。使用響應式站點佈局是在所有裝置上調整站點的簡單方法之一。

谷歌首屏推薦

谷歌首屏推薦

尤其是在手機等小型裝置上,網頁應該具有使用者可見的可讀內容。

Above The Fold問題

由於更加重視可見區域,因此釋出商傾向於在此處放置更多廣告,而不關注內容廣告比例。這會惹惱使用者並迫使他們使用廣告攔截器攔截廣告或離開網站並且不再返回。除了使用者之外,搜尋引擎還會懲罰在網站頂部顯示過多廣告且內容非常少的網站。因此,如果您是網站所有者,請確保在摺疊區域上方提供適當的內容廣告比例。這不僅有助於實現您網站的目標,還可以提高使用者的可讀性。

如果您是網站所有者,則在摺疊區域上方進行優化對於獲得良好的頁面速度分數很重要。以下是您應該考慮的一些因素以及您將在Google PageSpeed Insights等速度測試工具中看到的警告訊息。

警告 解決方案
消除渲染阻塞資源 將JavaScript移動到您網站的頁尾部分並非同步載入頁首中的指令碼。
刪除了未使用的 CSS 減少在摺疊區域上方轉儲所有CSS,並考慮使用在摺疊內容上方載入所需的關鍵CSS或內聯CSS
刪除未使用的JavaScript 減少頁首中的JavaScript檔案並將它們移動到頁尾區域。
減少第三方程式碼的影響 在正文內容之後的標題部分中移動Google Analytics、AdSense和任何其他程式碼。
延遲載入離屏影象 使用延遲載入來延遲載入摺疊區域上方不需要的影象。

評論留言