您網站的前 5 項酸性測試！

已發表: 2022-05-11

誰不希望他們的網頁出現在 Google 的首頁或其他搜索結果中？ 要在 Google 的第一頁上排名，您的網站需要通過一些嚴格的測試！

在我們告訴您關鍵的酸測試是什麼之前，小企業主和企業家需要了解谷歌或搜索引擎在第一次識別您的網站時所做的一些事情。

1. 爬行：

Google 通常會自行抓取和發現新網站和網頁。

谷歌知道某些頁面是因為它之前已經訪問過一次。 當 Google 跟踪從已知頁面到新頁面的鏈接時，會發現其他頁面。 也可以提交站點地圖，以便 Google 知道要抓取什麼。

2. 索引：

索引是谷歌完全了解您的網頁的過程。 一旦被索引，信息就會被谷歌存儲在一個索引文件中，然後用於搜索。 幫助谷歌正確索引您的頁面的一種方法是擁有適當且有意義的標題。 確保您網站上的每個頁面都有一個在 <title> 元素中指定的標題。

3.排名和服務：

一旦被索引，對於任何搜索（涉及一個關鍵字或一組關鍵字），谷歌都會找到最匹配的結果並將您作為搜索結果。

現在，歡迎來到酸性測試！

現在，如果您是小企業主或滿足企業需求的網站開發人員，您可能會對將網站放在谷歌搜索結果的第一頁感興趣。 為了實現這一點，您需要確保某些參數到位。

Web Vitals是 Google 的一項舉措，旨在確定您的網站的質量。 這一部分稱為頁面體驗，衡量用戶如何看待與網頁交互的體驗，而不是其內容和信息。

Web Vitals 由 3 個主要元素組成，每個元素都側重於 (1)加載、(2)交互性和 (3)視覺穩定性。 添加到此 (4) 移動友好性和 (5) 安全連接。 如果您通過這 5 項測試，您的網站排名會更高。

 讓我們詳細了解它們的含義：

(1) 最大含量塗料 (LCP)：測量負載性能。 為了提供良好的用戶體驗，LCP 應在頁面首次開始加載後的2.5 秒內發生。

(2) 第一輸入延遲 (FID)：測量交互性。 為了提供良好的用戶體驗，頁面的 FID 應為100 毫秒或更短。

(3) Cumulative Layout Shift (CLS)：衡量視覺穩定性。 為了提供良好的用戶體驗，頁面應保持0.1 的 CLS。 或更少。

遵循以下幾個指導原則，避免所有意外的佈局變化：

  1. 始終在您的圖像和視頻元素中包含大小屬性，或者使用 CSS 縱橫比框之類的東西保留所需的空間。
  2. 切勿在現有內容之上插入內容，除非響應用戶交互。
  3. 更喜歡將動畫轉換為觸發佈局更改的屬性的動畫。

根據 Google 搜索中心“頁面體驗排名信號於 2021 年 8 月對移動設備生效。我們將從 2022 年 2 月開始將頁面體驗作為我們桌面排名系統的一部分。部署將於 3 月底完成2022 年。此次排名發布將基於我們在 2021 年 8 月針對移動設備推出的相同頁面體驗信號。”

“雖然頁面體驗很重要，但即使頁面體驗不佳，谷歌仍會尋求對具有最佳整體信息的頁面進行排名。 出色的頁面體驗並不能取代擁有出色的頁面內容。 但是，在許多頁面的相關性可能相似的情況下，頁面體驗對於搜索中的可見性可能更為重要。” 谷歌搜索中心說

(4) 您的網頁是否適合移動設備？

移動友好性是指從移動設備（例如手機或平板電腦）訪問網站的程度。 鑑於移動互聯網使用率的上升，谷歌已轉向“移動優先索引”。 因此，Google 的抓取工具會首先讀取您的移動網站。 如果您的網站不適合移動設備，您將在搜索引擎結果中表現不佳，這將導致流量減少、潛在客戶減少和收入減少。

因此，如果您的網站針對更多流量，移動友好性對於 SEO 至關重要。 在 Google 和 Bing 的算法中，這是一個排名信號，表明用戶正在使用移動設備進行搜索。 一般來說，一個適合移動設備的網站在移動搜索結果中的排名會高於一個不適合移動設備的網站。

要檢查您的網站是否適合移動設備使用，請按照以下任何一種方式進行操作。

  • 在 Mobile-Friendly Test 頁面上輸入您的網站 URL 並檢查結果。
  • 在 Google 的 PageSpeed 洞察中輸入您的網站 URL，然後單擊分析以檢查您的網站在移動設備上的性能
  • 在相應的 Google 搜索控制台頁面上檢查您的網站資產的移動可用性。 沒有問題的頁面將顯示為有效，有問題的頁面將顯示為錯誤。

如果您的網站基於內容消費，則很容易使您的網站適合移動設備，例如，如果您的企業依賴於訪問您網站的消費者來閱讀文章或觀看視頻。 使用 Google 的 Accelerated Mobile Pages Project (AMP)。 AMP 是一種開源標準，使您能夠創建在移動設備上加載速度極快的網站。 AMP 的工作原理如下：

  • AMP 使用的一組有限的自定義 HTML 屬性用於確定資產的縱橫比，以便瀏覽器在呈現之前知道頁面的外觀。
  • ATF（首屏）內容優先於使用 AMP JavaScript 的頁面整個加載鏈中的其他請求。 因此，遊客幾乎可以在抵達後立即開始閱讀/觀看
  • 通過預定的佈局和異步加載，訪問者不會遇到頁面呈現斷斷續續和跳躍的情況。

(5) 檢查站點的連接是否安全

要查看您的網站是否可以安全訪問，您可以查看有關該網站的安全信息。 如果您無法安全或私下訪問該網站，Chrome 會提醒您。

  1. 在 Chrome 中，打開一個頁面。
  2. 要檢查網站的安全性，請在網址左側查看安全狀態：
  • 安全的
  • 信息或不安全
  • 不安全或危險

3. 要查看站點的詳細信息和權限，請選擇圖標。 您會看到有關 Chrome 認為該連接的私密程度的摘要。

如果您的網站不安全，Google 搜索中心建議您採用 HTTPS 而不是 HTTP 來保護用戶與您網站的連接。 正是 SSL 證書使網站能夠從 HTTP 遷移到 HTTPS。 擁有 SSL 證書可確保用戶信息安全、驗證網站所有權、防止攻擊者創建虛假版本並獲得用戶信任。

SSL 證書僅在由證書頒發機構 (CA) 頒發時才有效。 CA 是一個外部組織，一個受信任的第三方，它生成和分發 SSL 證書。 此外，證書頒發機構將使用其私鑰對證書進行數字簽名，允許客戶對其進行驗證。 證書一經頒發，就需要在網站的源服務器上安裝和激活。 一旦在源服務器上激活該網站就可以通過 HTTPS 加載，並且所有進出該網站的流量都是加密和安全的。

可以幫助您的工具

Chrome 用戶體驗報告

PageSpeed 見解

Search Console（Core Web Vitals 報告）

web-vitals JavaScript library

Chrome 開發者工具

燈塔

網頁測試

移動友好測試

繼續返回 HelloLeads 見解和博客，以了解有關以數字方式提高業務可見性的更多信息。

從以下鏈接了解更多信息：

  1. https://web.dev/i18n/en/vitals/#overview
  2. https://web.dev/lcp/
  3. https://web.dev/fid/
  4. https://web.dev/cls/
  5. https://web.dev/vitals/#core-web-vitals
  6. 編寫描述性 <title> 元素的最佳實踐
  7. https://web.dev/lcp/#what-is-a-good-lcp-score
  8. https://web.dev/fid/#what-is-a-good-fid-score
  9. https://web.dev/optimize-cls/
  10. https://pagespeed.web.dev/
  11. https://developers.google.com/search/docs/advanced/experience/page-experience
  12. https://search.google.com/test/mobile-friendly
  13. https://www.webfx.com/seo/learn/mobile-seo/
  14. https://www.woorank.com/en/edu/seo-guides/mobile-friendly
  15. https://www.cloudflare.com/en-in/learning/ssl/what-is-an-ssl-certificate/