yupi-translate-app[bot]
13 KiB
SEO 搜尋引擎優化實戰
讓更多人發現你的產品
大家好，我是程式設計師魚皮。我們團隊做的程式設計師面試刷題網站 面試鴨 上線不到半個月的時候，就被百度等各大搜尋引擎收錄和推薦了！
效果顯而易見，用戶搜尋 “面試鴨” 的時候，第一個看到的就是我們自己的網站，從而給網站增加流量：
關於如何讓搜尋引擎更快地收錄網站，其實是一門很深的學問，還有一個專業術語叫 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）等信息，來增加網站的索引、並提高網頁在相關搜尋中的排名。
關鍵詞的選擇需要精確並且跟網站內容強相關，避免過度堆砌關鍵詞，以免被搜尋引擎判定為作弊行為。
比如要做一個面試刷題網站，可以設置下列關鍵詞和描述：
<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 教程
2）編程導航學習圈：學習路線、編程教程、實戰項目、求職寶典、交流答疑
3）程式設計師面試八股文：實習/校招/社招高頻考點、企業真題解析
4）程式設計師寫履歷神器：專業模板、豐富例句、直通面試
5）1 對 1 模擬面試：實習/校招/社招面試拿 Offer 必備