yupi-translate-app[bot]
227 lines
13 KiB
Markdown
227 lines
13 KiB
Markdown
# SEO 搜尋引擎優化實戰
|
||
|
||
> 讓更多人發現你的產品
|
||
|
||
|
||
|
||
大家好，我是程式設計師魚皮。我們團隊做的程式設計師面試刷題網站 [面試鴨](https://www.mianshiya.com/) 上線不到半個月的時候，就被百度等各大搜尋引擎收錄和推薦了！
|
||
|
||
效果顯而易見，用戶搜尋 “面試鴨” 的時候，第一個看到的就是我們自己的網站，從而給網站增加流量：
|
||
|
||
|
||
|
||
關於如何讓搜尋引擎更快地收錄網站，其實是一門很深的學問，還有一個專業術語叫 SEO。對於個人站長來說，搜尋引擎的流量是至關重要的，大家應該都希望自己的網站能夠被更多人看到吧？暫且不說收益，有個訪問量大的網站，寫履歷和面試的時候也能吹一波牛皮~ 所以我建議程式設計師朋友們最好對 SEO 有一定了解。
|
||
|
||
今天這篇文章，我就以自己的面試鴨網站為例，給大家分享一些 SEO 實用技巧，讓大家的網站都能更快地被搜尋引擎收錄。同時，我還會介紹 AI 時代的新概念 —— GEO（生成式引擎優化），幫助你的產品在 AI 搜尋時代也能被更多人發現。
|
||
|
||
無論你是用 Vibe Coding 做個人項目，還是想做一款真正的產品，掌握 SEO 和 GEO 的方法都能幫你獲得更多流量。
|
||
|
||
⭐️ 也可以觀看影片講解，熱乎的：https://www.bilibili.com/video/BV1tz421i7Q1
|
||
|
||
|
||
## 魚皮 SEO 乾貨分享
|
||
|
||
### 一、什麼是 SEO？
|
||
|
||
SEO 全稱為 Search Engine Optimization，即搜尋引擎優化，使網站更容易被搜尋引擎收錄和呈現，可以讓更多人通過百度、谷歌之類的搜尋引擎發現你的網站，從而提升網站的訪問量和知名度。
|
||
|
||
在學習如何進行 SEO 優化前，我們先簡單了解 SEO 的流程，也就是：搜尋引擎是如何發現你的網站並且讓用戶搜尋到的？
|
||
|
||
|
||
|
||
### 二、SEO 的流程
|
||
|
||
整個 SEO 過程可以分為四個主要階段：抓取、收錄、索引和排名。下面我就來詳細講解一下這四個步驟。
|
||
|
||
#### 1、抓取
|
||
|
||
抓取是 SEO 流程的第一步，搜尋引擎會派出一群爬蟲程式（俗稱蜘蛛），它們會在網際網路上到處爬行，訪問各個網站，並抓取網頁的內容。這些蜘蛛會按照連結從一個頁面跳轉到另一個頁面，盡可能地遍歷整個網站。
|
||
|
||
#### 2、收錄
|
||
|
||
抓取完成後，搜尋引擎會對網頁內容進行分析，並決定是否將該頁面收錄到它的資料庫中。被收錄的頁面才能在用戶搜尋時顯示出來，因此，確保頁面被收錄是 SEO 中的關鍵一步。有的網站雖然有很多連結和內容，但是只要搜尋引擎的蜘蛛不喜歡、不收錄，那麼別人即使專門對著你的網站搜，都搜不出來。
|
||
|
||
#### 3、索引
|
||
|
||
索引是指搜尋引擎將已收錄的網頁內容進行整理和分類，並建立一個巨大的索引庫。這個過程類似於給每個網頁打上標籤，以便在用戶搜尋時，搜尋引擎能夠迅速找到與搜尋詞相關的網頁。
|
||
|
||
比如我們的面試鴨網站內容中包括：Java面試題庫、前端面試題庫、C++面試題庫，那麼這幾個詞就有可能被設置為索引。用戶搜尋內容時如果包含了這些詞，就有可能搜尋我們的網站。
|
||
|
||
#### 4、排名
|
||
|
||
現在網站那麼多，同樣的索引也非常多，如何保證用戶優先搜到我們的網站呢？這就涉及到 SEO 的最後一步 —— 排名。
|
||
|
||
當用戶在搜尋引擎中輸入關鍵詞時，搜尋引擎會根據其演算法，從索引庫中挑選出最相關的網頁，並 **按照相關性、權重、網站質量** 等因素進行排序，決定哪些網頁出現在搜尋結果的前幾頁。
|
||
|
||
這就是 SEO 的流程，我下面要分享的 SEO 優化技巧，也都是圍繞這些流程展開。
|
||
|
||
|
||
|
||
### 三、如何進行 SEO 優化？
|
||
|
||
#### 1、關鍵詞優化
|
||
關鍵詞是指用戶在搜尋引擎中輸入的詞彙，可以通過在網站的 HTML 頭信息中設置關鍵詞（Keywords）和描述（Description）等信息，來增加網站的索引、並提高網頁在相關搜尋中的排名。
|
||
|
||
關鍵詞的選擇需要精確並且跟網站內容強相關，避免過度堆砌關鍵詞，以免被搜尋引擎判定為作弊行為。
|
||
|
||
比如要做一個面試刷題網站，可以設置下列關鍵詞和描述：
|
||
|
||
```html
|
||
<meta name="keywords" content="程式設計師面試,Java面試題,程式設計師求職,電腦">
|
||
<meta name="description" content="程式設計師面試刷題，就來面試鴨，程式設計師免費求職面試刷題網站。海量高頻Java面試題,幫你備戰技術面試。">
|
||
```
|
||
|
||
|
||
|
||
#### 2、網站結構優化
|
||
網站結構優化分為 2 點：整站頁面結構優化和每個頁面的內容結構優化。
|
||
|
||
對於整個網站，頁面嵌套的層次應當盡量扁平化、盡量縮短頁面層級，以減少爬蟲抓取的難度。
|
||
|
||
舉個例子，下面兩種網站結構，你覺得哪種結構的頁面更容易被爬蟲全部訪問到呢？
|
||
|
||
|
||
|
||
答案不言而喻，對於你想更快被搜尋引擎發現的重要頁面，應該盡可能縮短跳轉到該網站的路徑，並且適當多增加一些跳轉到該頁面的入口。
|
||
|
||
對於每個頁面，應當有明確的層次結構，可以使用合理的標題標籤（如一級標題 `<h1>` ）使頁面內容更加易於索引。
|
||
|
||
|
||
|
||
#### 3、友情連結
|
||
|
||
我大學剛開始做個人網站的時候，就是通過友情連結的方式來增加網站的權重（雖然效果有限）。操作方法很簡單，你的網站上添加別人網站的連結，別人的網站添加你的網站的連結，你們雙方的網站互相推薦，就更容易提升在搜尋引擎中的排名。
|
||
|
||
友鏈背後的原理也很簡單。很多搜尋引擎都會按照權重對網站進行排名，權重是怎麼計算的呢？一種很簡單的演算法（Page Rank），就是每個網站都有自己的票數，每有一個別人的網站添加了跳轉到你的網站的友情連結，就相當於給你的網站投一票，得票數高的網站就能獲得更高的權重和排名。友鏈就相當於互相投票，比 1 票都沒有的網站要好。
|
||
|
||
|
||
|
||
當然，這種互相推薦的方式需要謹慎使用，避免過度交換連結，可能會導致權重分散。
|
||
|
||
|
||
|
||
#### 4、Sitemap 文件
|
||
Sitemap 網站地圖是一個列出了你網站所有頁面的文件，通常放在網站的根目錄下，或者通過 robots.txt 文件指定其位置。它可以幫助搜尋引擎更快速地了解你網站的結構，並抓取你希望優先收錄的頁面。
|
||
|
||
就相當於你給爬蟲發了一份地圖，爬蟲就不容易迷路，也不容易錯過你網站的重要頁面。
|
||
|
||
對於結構比較簡單的網站，使用靜態的、固定不變的 Sitemap 就足夠了。如下圖：
|
||
|
||
|
||
|
||
但對於內容持續更新的網站，還有更高級的操作，就是利用程式自動生成動態的 Sitemap，比如把每天新增的題目生成為一個 Sitemap 文件，便於讓爬蟲更快發現最新的內容。
|
||
|
||
此外，有些搜尋引擎還支持主動上傳提交 Sitemap 文件，可以進一步縮短網站被發現和收錄的時間。
|
||
|
||
|
||
|
||
#### 5、SSR 伺服器端渲染
|
||
|
||
注意，這裡的 SSR 不是我們玩遊戲抽卡說的那個！
|
||
|
||
SSR 伺服器端渲染是 SEO 最為有效的技術之一。是指在伺服器端生成 **完整的 HTML 頁面** ，並將其直接發送到瀏覽器。相比傳統的前端 AJAX 動態請求數據的渲染方式，SSR 能夠讓搜尋引擎更容易抓取到完整頁面內容，從而提升 SEO 效果。
|
||
|
||
舉個例子，如果是動態請求數據的前端網站，爬蟲看到的網頁內容可能是殘缺不全的，如下圖：
|
||
|
||
|
||
|
||
因為瀏覽器是從伺服器拉取到網頁後，再載入 JS 腳本，最後才發送請求來獲取數據。
|
||
|
||
而如果使用了伺服器端渲染，伺服器會完成對數據的請求，並且將數據拼裝到頁面裡，再返回給前端，爬蟲看到的網頁內容更完整，如下圖：
|
||
|
||
|
||
|
||
伺服器端渲染的效果雖然好，但也會加重伺服器的壓力，而且開發成本通常會更高。比如我們的面試鴨使用 Next.js 框架開發，開發過程中也踩了不少坑。
|
||
|
||
哦對了，用 PHP 來開發伺服器端渲染的網站是很方便的，這可能也是為什麼以前 PHP 那麼流行的原因之一。
|
||
|
||
|
||
|
||
#### 6、SSG 靜態站點生成
|
||
|
||
和 SSR 有點類似，SSG 是 SEO 優化的另一大殺器。是指在構建網站時，預先生成所有頁面的 **靜態 HTML 文件** ，並將其直接部署到伺服器上。當用戶訪問網站時，直接獲取到生成好的 HTML 文件即可，相比 SSR 伺服器端渲染，都不需要伺服器再臨時去請求數據了。
|
||
|
||
這種方法不僅大大提高了頁面載入速度，而且使得搜尋引擎能夠更快、更完整地索引所有頁面。所以很多博客站點生成器（比如 Hugo、VuePress、Hexo）都是將寫好的文章打包生成為靜態 HTML 後，再部署到伺服器上。
|
||
|
||
當然，SSG 也不是銀彈，適用於內容較為固定、更新頻率較低的網站，如個人博客等。靜態網站本質上就是一種快取，如果網頁內容頻繁變化，就要頻繁更新這個文件，也會有不小的成本。
|
||
|
||
所以我們可以想到一種更高級的策略：SSR + SSG 結合！內容相對固定的網頁使用靜態生成，內容變化的網頁使用伺服器端渲染，不需要 SEO 的網頁純客戶端渲染即可。
|
||
|
||
|
||
|
||
#### 7、砸米
|
||
|
||
注意，以上方式並不保證絕對有效，只是增加搜尋引擎收錄和排名優化的概率，SEO 策略是需要持續調整和長時間驗證的。
|
||
|
||
如果團隊內沒有懂 SEO 的技術人員，又想快速讓自己的網站被搜尋引擎推薦，那就只能 “砸米” 了，簡單粗暴，就是花錢買廣告，讓你的網頁在搜尋結果的前幾名出現。很多公司也都是這麼做的，但對於沒有收益的個人站長來說，還是老老實實用前面推薦的方式吧。
|
||
|
||
|
||
|
||
## AI 時代的 GEO：生成式引擎優化
|
||
|
||
隨著 ChatGPT 等 AI 對話工具的普及，越來越多的用戶開始使用 AI 來搜尋信息，而不是傳統的搜尋引擎。這就催生了一個新的概念 **GEO（Generative Engine Optimization，生成式引擎優化）**。
|
||
|
||
|
||
|
||
### 什麼是 GEO？
|
||
|
||
GEO 是指優化你的內容，使其更容易被 AI 搜尋引擎（如 ChatGPT、Perplexity、Gemini 等）理解和引用。當用戶向 AI 提問時，AI 會從網際網路上抓取相關內容，然後生成回答。如果你的網站內容被 AI 引用，就能獲得更多曝光。
|
||
|
||
|
||
|
||
### GEO 和 SEO 的區別
|
||
|
||
- SEO：優化網站，讓傳統搜尋引擎（如百度、谷歌）更容易收錄和排名
|
||
- GEO：優化內容，讓 AI 搜尋引擎更容易理解和引用
|
||
|
||
|
||
|
||
### 如何做好 GEO？
|
||
|
||
1）內容結構化
|
||
|
||
AI 更喜歡結構清晰的內容。使用標題、列表、表格等方式組織內容，讓 AI 更容易提取關鍵信息。
|
||
|
||
2）提供權威信息
|
||
|
||
AI 更傾向於引用權威、準確的信息。確保你的內容有數據支撐、有來源引用，提高內容的可信度。
|
||
|
||
3）使用自然語言
|
||
|
||
AI 理解自然語言的能力很強。用通俗易懂的語言寫作，避免過度專業化的術語，讓 AI 更容易理解你的內容。
|
||
|
||
4）回答用戶問題
|
||
|
||
AI 搜尋通常是以問答的形式進行的。在內容中直接回答用戶可能提出的問題，比如 “如何做 XX”、“XX 是什麼”，這樣更容易被 AI 引用。
|
||
|
||
5）保持內容更新
|
||
|
||
AI 傾向於引用最新的內容。定期更新你的網站內容，保持信息的時效性。
|
||
|
||
6）提供完整的上下文
|
||
|
||
AI 需要理解內容的上下文才能準確引用。確保每篇文章都有完整的背景介紹和詳細的說明，不要讓讀者（和 AI）感到困惑。
|
||
|
||
|
||
|
||
## 寫在最後
|
||
|
||
|
||
在 Vibe Coding 時代，用 AI 做產品已經很容易了。但是，如何讓更多人發現你的產品，仍然需要你掌握 SEO 和 GEO 的方法。
|
||
|
||
加油，讓你的產品被更多人發現吧~
|
||
|
||
|
||
|
||
|
||
## 推薦資源
|
||
|
||
1）魚皮 AI 導航網站：[AI 資源大全、最新 AI 資訊、免費 AI 教程](https://ai.codefather.cn)
|
||
|
||
2）編程導航學習圈：[學習路線、編程教程、實戰項目、求職寶典、交流答疑](https://www.codefather.cn)
|
||
|
||
3）程式設計師面試八股文：[實習/校招/社招高頻考點、企業真題解析](https://www.mianshiya.com)
|
||
|
||
4）程式設計師寫履歷神器：[專業模板、豐富例句、直通面試](https://www.laoyujianli.com)
|
||
|
||
5）1 對 1 模擬面試：[實習/校招/社招面試拿 Offer 必備](https://ai.mianshiya.com) |