什麼是被動式SEO及主動式SEO？網站前端SEO技術優化指南

官網上線了，隨之而來的問題就是如何讓網站更快更好的傳播出去。當然SEO就是最常見的手段之一，對官網的SEO工作有利於產品的網絡傳播和分享。作為前端設計師，可以為SEO做哪些工作呢？

優化方向

SEO常見的技術優化手段通常是針對於搜索引擎爬蟲的，通過建立一系列的規則或手段來使得搜索引擎更好地抓取到網站的信息。我們可以通過兩種方式來提供搜索引擎想要的信息。

一種是提供必要的信息在自身的網站服務上被動等待搜索引擎獲取，我們稱為：「被動式SEO」

還有一種是通過搜索引擎服務商提供的後台管理功能，直接把信息提供給搜索引擎服務商，我們稱為「主動式SEO」

被動式SEO是常規地針對所有搜索引擎都開放的優化方式，涉及範圍廣，使用標準規範。而主動式SEO是針對特定的搜索引擎服務商的優化，涉及範圍窄但更有針對性，使用標準規範和特製規範。

被動式SEO

1. 優化網站結構

設計簡單易用：增加用戶體驗和爬蟲體驗，有助於搜索排名
突出用戶引導 ：突出用戶留存的關鍵步驟（例如註冊、下載、登入、快速開始等）
移動端優先：適配移動端更易獲取更多的流量和用戶留存
簡單清晰的導航及內鏈：利於用戶尋址、利於爬蟲爬取

2. 優化網站內容 (內容是SEO的重中之重)

標題 Meta Title

最佳做法：

• 一個頁面使用一個不重複的標題
• 簡單精準，避免通用模糊
• 使用短句或短語
• 突出搜索意圖
• 內容不要過長，少於60個字符

描述 Meta Description

最佳做法：

• 一個頁面使用一個獨立的描述
• 精準地總結頁面內容，避免通用模糊的描述
• 使用句子
• 突出搜索意圖
• 控制內容長度，少於160個字符

關鍵詞 Meta Keywords

最佳做法：

• 盡量簡短有效，過長可能被認為是垃圾信息
• 核心關鍵詞
• 品牌關鍵詞
• 長尾關鍵詞

內容營銷

標題：分級恰當，層級關係明確（標籤：H1、H2、H3），標題含義明確
內容：豐富，準確

優化圖片

文件名稱：img文件名稱最好是有語義的，能標識該圖片內容的
圖片說明 alt-tag：img標籤的alt屬性值不能空，要填寫該圖片的描述

3. 網址 URL

網頁中所有的內鏈網址：
正確：www.example.com/topic-name
較差：www.example.com/?p=123456

4. 提升網站速度

前端常規優化手段進行網站速度優化，優化目標也是提升用戶體驗，當網站速度過慢（相關調查3s是極限），用戶就會引起流失。
* 測速工具：
https://tools.pingdom.com/
https://developers.google.com/speed/pagespeed/insights/

5. 外部引流

通過各種手段為網站進行引流，提升網站的流量，提升搜索引擎權重
友情鏈接，站群等（跟搜索引擎機制有關，有些引擎會對外鏈增加搜索權重）
結合社交媒體推廣
在網站首頁顯眼位置擺放社交媒體鏈結
提供內容分享到社交媒體平台功能

主動式SEO

依賴各個搜索引擎提供的後台管理功能來直接優化網站搜索，有些功能是免費的，有些功能是付費的，當然付費效果更好。常見的有 搜索引擎營銷 Search Engine Marketing 我們簡稱”SEM”方式。我們這裡更關注技術優化的內容。

搜索引擎管理

• Google
• Bing 必應
• 百度

我們可以主動提供信息給Google搜索引擎。
https://search.google.com/search-console/about

數據提交：網站更快、更多的被Google搜索引擎收錄
數據分析：及時了解網站在Google搜索的數據情況
搜索展現：優化網站頁面在Google搜索的展現
優化與維護：避免網站因改版或臨時性關停而帶來的收錄、流量、排序等的損失

實施計劃

通過以上的SEO研究，我們可以發現技術優化手段是有跡可循的，所以可以形成一種通用的模式來幫助網站進行SEO優化的自檢和實施方案。

我們總結瞭如下的 SEO Checklist 列表，作為通用SEO優化方案的實施手段應用在我們的網站上，也為之後其它產品進行SEO優化提供了切實可行的實施指南。

通用SEO優化方案 Checklist

• [ ] 1.優化網站結構
• [ ] 設計簡單易用
• [ ] 突出用戶引導
• [ ] 移動端優先
• [ ] 簡單清晰的導航及內鏈

• [ ] 2.優化網站內容
• [ ] 標題 Meta Title
• [ ] 描述 Meta Description
• [ ] 關鍵字 Meta Keywords
• [ ] 內容營銷
• [ ] 優化圖片
• [ ] 3.語義化鏈接
• [ ] 4.提升網站速度
• [ ] 5.外部引流
• [ ] 6.Sitemaps 網站地圖
• [ ] 7.robots.txt 網絡爬蟲通信

• [ ] 8.搜索引擎後台管理SEO優化
• [ ] Google
• [ ] Bing 必應
• [ ] 百度

作為網站前端設計師，我們不僅僅可以提供SEO優化，同樣可以把上游和下游連接起來，綜合推動SEO優化的進行，不僅能建立網站，也能為網站的推廣和傳播貢獻自己的力量。