前端開發須要掌握的SEO的知識點

SEO 工做的目的
　　seo 的工做目的是爲了讓網站更利於讓各大搜索引擎抓取和收錄，增長產品的曝光率。

 

SEO 注意事項
　　1. 網站 TDK 標籤的設置。title,description,keywords，根據產品業務，歸納出核心關鍵詞做爲TDK的內容，每一個頁面都不同。若是每一個頁面的keywords都同樣的話，搜索引擎會持懷疑態度，以爲你有做弊的嫌疑。

此外，還有 meta 的 canonical 設置，一個網站還經過多個 url 訪問，canonical 就是用來告訴搜索引擎，這麼多個url中最有價值最重要的一個url，通常是網站的首頁。

　　2. 創建 robots.txt 文件。robots 文件是搜索引擎登陸網站第一個訪問的文件，robots能夠設置容許被訪問的搜索引擎，最主要的仍是設置容許Allow 和不容許 Disallow訪問的目錄和文件，少寫Disallow，多寫Allow，用意是引導爬蟲抓取網站的信息。另外，在robots文件底部指明網站的 sitemap 文件的目錄，爬蟲讀取其中的 sitemap 路徑，接着抓取其中相連接的網頁。提升網站的收錄量。

　　案例：  按住 ctrl 鍵點擊：https://www.taobao.com/robots.txt

　　3. 創建網站的 sitemap 地圖文件。sitemap 是一個將網站欄目和鏈接歸類的一個文件，能夠更好地將網站展現給搜索引擎，提升爬蟲的爬取效率。sitemap 地圖文件包含html(針對用戶)和 xml(針對搜索引擎)兩種。當網站更新頻繁的時候，sitemap 文件要作到自動更新(程序實現)，更新不頻繁的能夠手動更新提交。

　　案例：按住 ctrl 鍵點擊：http://www.sitemap-xml.org/

　　4. 圖片 img 標籤必須加上 alt 屬性，並註明圖片的含義。

　　5. h1~h6 標籤合理使用。按道理全部標籤都須要根據自身的語氣合理去使用，這裏不展開講述，這裏只講 h 標籤的注意事項。h1 標籤一個頁面只能出現 1 次，h2 標籤通常做爲二級標題或者文章的小標題。最合理的使用時 h1~h6 按順序層層嵌套下去，不能夠斷層或者反序。此外，h1 標籤能夠用在 logo 上，但要確保一個網頁只有一個 h1 標籤。

　　6. 設置 nofollow 屬性值。a 標籤的 rel="nofollow"， 表示不但願搜索引擎繼續追蹤的連接，取消這個連接在整站所佔的權重比。通常是其餘網站的連接、a 標籤啓動 QQ 聊天，webapp 撥打電話。

　　7. 安裝百度的自動推送代碼，做用是當頁面被訪問的時候，頁面的 url 會自動推送給百度搜索引擎，有利於網頁更快地被百度發現。

　　8. 增長網站的 404 頁面，一個是利於用戶體驗，最主要的是防止蜘蛛爬蟲的丟失。但有一點要注意，不要設置自動跳轉到首頁，會被搜索引擎認爲是在做弊，你在 404 頁面設置一個引導連接讓用戶本身點就能夠。

 

 

參考出處：微信公衆號：