前端SEO基礎流程

janlin002
6 min readFeb 8, 2023

--

當我們打開一個網頁,會發現搜尋結果會由三個部分組成:

  • 關鍵字搜尋
  • 付費廣告
  • 非付費結果

當今天我是一個免費仔,我想要讓我的文章有更多人看到,那麼我勢必要對瀏覽器的排序方法有點了解,畢竟今天來到別人的地盤,就必須跟著別人的遊戲規則走

什麼是 SEO ?

SEO(Search Engine Optimization),即搜索引擎優化。

SEO的存在就是為了提升網頁在搜索引擎自然搜索結果中的排序位置而做的優化行為。

而優化的目的就是為了提升網站在搜索引擎中的權重,增加對搜索引擎的友好度,使得用戶在訪問網站時能排在前面。

搜尋引擎(Search engines) 流程?

搜尋引擎(Search engines) 的工作在於幫顧客找到最適合他們的資源

我們今天要學 SEO 無非就是想讓自己的專案,或是文章可以被更多人看到,所以我們應該先去了解 搜尋引擎(Search engines) 執行的步驟

搜尋引擎(Search engines) 執行的步驟分為三部分:

  • crawling(檢索)
  • indexing(索引)
  • ranking(曝光)

crawling(檢索)

搜尋引擎(Search engines) 會去掃描所有他能找到的連結(URL),並透過爬蟲程式(crawlers)分析每個網站的關鍵字、內容品質…等面向,計算網站安全性與權重,給予網站評分

由於 Google 上面的文章,每天都是上千萬甚至上億在增加的,為了有效的挖掘網站的內容,提供優質的搜尋結果予使用者,爬蟲技術在每個網站停留下載的時間也不一,爬蟲技術更希望是可以花時間檢索他們認為更有價值的網站,這個具體落實分配時間資源的動作,就是 檢索預算(Crawl Budget)

檢索預算(Crawl Budget)

檢索預算是由「檢索頻率上限(Crawl Rate Limit)」和「檢索需求(Crawl Demand)」

檢索頻率上限(Crawl Rate Limit)

搜尋引擎的爬蟲不會在到訪網站時就一口氣把整個網站搜爬一遍,而是會在顧及網站伺服器的負載程度下,每次只會檢索一部分頁面,分批多次進行檢索。

這邊會注重的點在於檢索的效率,效率高就會調高檢索頻率,反之,調降檢索頻率

檢索需求(Crawl Demand)

搜尋引擎更願意分配資源在品質好的網站上,它會比較不同網站,再來決定要在哪些網站上分配較多的時間和資源

這邊會注重的點在於內容,內容品質越好就會分配較多的時間和資源,反之,獲得資源就會較少

indexing(索引)

是在抓取過程中發現的內容的收集。如果一個頁面在此列表中,則意味著搜索引擎已將其編入索引,並且它可以出現在相關查詢的搜索結果中。

爬蟲程式(crawlers)檢索網站後,所有網站的資料及與相關網站的關係都會被爬蟲程式放進 Google 的搜尋資料庫,這過程即是建立 Index

有點像是圖書館將所有的書都下標籤

只有經過索引後的頁面,才會顯示在搜尋引擎的搜尋結果上,就好像只有標示過的書,我們才能借一樣

ranking(曝光)

是索引結果出現在結果頁面 (SERP) 上的順序。一旦用戶在搜索欄中輸入關鍵字,搜索引擎就會在其索引中搜索與搜索查詢匹配的頁面。

其他關鍵字

SERP

SERP (搜尋引擎結果頁,Search Engine Results Page) 是搜尋引擎為使用者搜尋關鍵字時所呈現的結果頁面,意在讓使用者獲得最佳解答,滿足搜尋意圖。其中的內容包含網站排名、付費廣告等資訊。

20230305補充:

在 SERP 中有一個部分很重要,就是: 摘要

上圖是搜尋 SEO 得結果,綠色部分是就是 摘要,摘要的基本寫法是:

<meta name="description" content="xxx">

這邊附上 Google 官方的摘要教學

search query(關鍵字詞)

search query 跟 keyWord 常常被搞混,但其實他們是不一樣的

keyword是針對 SEO 用的一組術語,而 search query 則是搜索引擎用戶實際在 Google 的搜索框中放入以查找信息的短語

如何知道自己網頁的SEO相關資訊?

Google 有提供一個套件叫 Google search console,可以找到別人用什麼search query進入你的網站,或是你的網頁與什麼search query有關….等等相關資訊

對 Google search console 有興趣的讀者,可以參考這篇文章

參考資料:
https://www.astralweb.com.tw/the-best-seo-practices-for-front-end-coding/

--

--