初識SEO
SEO是什么
SEO(Search Engine Optimization)，搜索引擎優化。SEO是隨着搜索引擎的出現而出現的，SEO就是為了提高網頁在搜索引擎自然搜索結果中的收錄數量和排序位置而做的優化行為。
為什么要做SEO
在用戶進行搜索的時候，大部分只會關注於搜索引擎給出的靠前的搜索項。有用戶行為研究表明，關鍵詞排名和點擊率成正比，排名提升一位平均增加30.8%的點擊率。而搜索引擎作為大部分用戶流量的入口，提高搜索引擎的排名可以和提高用戶流量划上等號。
Paid VS Organic
提高網頁排名有兩種方法：付費廣告和SEO，付費廣告是對某些搜索關鍵詞進行競價，用戶輸入該關鍵詞得到的付費搜索結果會放在搜索結果最上方；而SEO就是在了解搜索引擎自然排名機制的基礎上，對網站進行優化，使網站在自然搜索中的排序升高，達到網站銷售及品牌建設的目標。
自然搜索結果除了見效時間長一點，對比付費搜索結果，它的成本低，且流量的穩定性和持續性都更好。所以長期來看，做好自然搜索結果的優化是極其重要的。
搜索引擎如何工作的
概覽
如圖，搜索引擎的運作主要分為三個部分：抓取、索引和排名。
爬蟲程序抓取互聯網上的網頁，處理每個網頁的內容將其計入搜索引擎的索引數據庫，最后在用戶對某關鍵詞進行搜索的時候在索引數據庫中取出匹配的網頁。下面對這三個部分進行詳細介紹。
爬取
抓取是指使用爬蟲程序抓取網絡上的數十億個網頁。
爬蟲程序叫Googlebot（也稱為漫游器或“蜘蛛”程序）。Googlebot使用算法流程確定要抓取的網站、抓取頻率以及要從每個網站抓取的網頁數量。
爬取過程中比較重要的有兩個文檔：robots.txt爬行許可證和sitemap.xml站點地圖。
robots.txt定義了爬蟲程序不可抓取的路徑和限制的抓取頻率等信息，sitemap.xml是描述網站的網頁間的關系，告訴Google哪些頁面對網站是重要的。
索引
在爬取到網頁之后，會處理網頁內容，其中包括對關鍵詞的提取，會先對網頁的文本內容進行分詞，之后去停止詞，剩下來的關鍵詞和文檔（重復網頁的集合）做正向索引和倒排索引，這樣在用戶進行關鍵詞搜索的時候就能拿到和某關鍵詞對應的所有文檔了。
排名
用戶輸入關鍵字查詢時，搜索引擎會先在索引中搜索匹配的網頁，並根據相關性給出與用戶搜索結果最相關的結果。相關性的計算算法未公開，但有一些大致的維度，比如關鍵詞密度、鏈接和頁面權重等等。
下面將敘述具體的優化方法。
如何進行SEO
概覽
對應上面對搜索引擎工作的三個步驟，優化搜索結果也可以從以下三個方面入手：Tech SEO(網頁可讀性優化)，在搜索引擎爬取網頁的時候進行優化；Onsite SEO(網頁相關性優化)，在搜索引擎處理內容增加索引的時候進行優化；Offsite SEO(網頁質量優化)，加強網頁的權威性和可信度。
Tech SEO
網頁可讀性優化，更快的爬取，讓搜索引擎讀懂網站，有以下一些方法：
控制抓取和索引編制：
1、Robots.txt。通過Robots.txt限制爬取范圍，不重要、不相關頁面不進行爬取，避免浪費爬取成本。
2、sitemap。使用站點地圖，使爬取程序更能理解網站，同時在網頁發生變化時，動態調整sitemap。
3、Hreflang。跨地區語言tag，用於指定網頁的語言和地理定位。如果有同一頁面不同語言的多個版本，可以幫助搜索引擎根據用戶所在的位置選出恰當的版本。
優化網站層次結構：
1、URL Structure。搜索引擎會通過URL來判斷頁面用途，最好能在URL上使用關鍵詞來描述，並用-連接關鍵詞。
2、Breadcrumb。面包屑可以幫助搜索引擎識別站點結構，在搜索頁就可以展示出面包屑。
優化網頁體驗：
1、提高頁面加載速度。可以通過規范圖片、JS、CSS使用來優化。
- 瀏覽器緩存。通過設置http頭中的cache-control和expires，自定義瀏覽器緩存時間。如果是靜態資源要及時應用到客戶端時，可以通過改變文件名實現，即更新JS文件不是更新JS內容而是生成一個新的JS文件並更新HTML文件中的引用。
- 使用壓縮。在服務器端對文件進行壓縮，可減少傳輸數據量。
- CSS Sprites / Lazyload。使用圖片精靈和懶加載對圖片加載進行優化。
- CSS寫在頭部，JS寫在底部。瀏覽器在加載HTML內容時，是將HTML內容從上至下依次解析，解析到link或者script標簽就會加載href或者src對應鏈接內容，為了第一時間展示頁面給用戶，就需要將CSS提前加載，不要受 JS 加載影響。
- 減少重排。重排是DOM的變化影響到了元素的幾何屬性（寬和高），瀏覽器會重新計算元素的幾何屬性，會使渲染樹中受到影響的部分失效，瀏覽器會驗證DOM樹上的所有其它結點的visibility屬性，如果重排頻繁，CPU使用率就會急劇上升。減少重排，如果需要在DOM操作時添加樣式，盡量使用增加class屬性，而不是通過style操作樣式。
- 使用cdn
2、Mobile friendly。移動端友好，包括使用響應式設計等。
3、AMP（加速移動頁面）
更改搜索結果呈現：
1、Structured Data。結構化數據，可以使搜索引擎更好的了解網頁上的某些信息，在搜索頁就將信息展示出來（如商品價格等）
2、Canonical Tag。告知搜索引擎主頁面，有多個相似頁面時可以避免分流以降低排名。
Onsite SEO
網頁相關性優化，增加內容相關性，增加索引量，有以下一些方法：
1、Title。標題中包含關鍵詞，且越重要的關鍵詞放在越前面；長度不易太長，以免后面的內容被省略；在標題中帶上品牌，可以提高品牌知名度和用戶點擊率。
2、Meta Description。描述頁面的關鍵內容。
3、Footer。在網頁頁腳部分可以展現一些品牌理念以增加價值，或是加上另一個頁面鏈接，有助於降低跳出率。
4、alt。圖像標簽中的替代文字可以使搜索引擎更好地理解圖片含義。
Offsite SEO
Offsite SEO是通過網絡上其他信譽良好的地方(頁面/站點/人員)鏈接或宣傳您的網站來實現的，從而改善網站的相關性、可信度和權威性。在網頁開發方面無法做太多優化，暫且不談。
總結
如以上所說，應該從多個維度同時用多種方法來做SEO，且根據不同的痛點還可以針對性地使用某些方法。
這篇SEO只是做了一個入門概覽和介紹一些方法，之后如果有了自己的網站可能還會出一個實戰篇（maybe）。