前端开发需要掌握的SEO的知识点
SEO 工作的目的
seo 的工作目的是為了讓網(wǎng)站更利于讓各大搜索引擎抓取和收錄,增加產品的曝光率。
?
SEO 注意事項
1. 網(wǎng)站 TDK 標簽的設置。title,description,keywords,根據(jù)產品業(yè)務,概括出核心關鍵詞作為TDK的內容,每個頁面都不一樣。如果每個頁面的keywords都一樣的話,搜索引擎會持懷疑態(tài)度,覺得你有作弊的嫌疑。
此外,還有 meta 的 canonical 設置,一個網(wǎng)站還通過多個 url 訪問,canonical 就是用來告訴搜索引擎,這么多個url中最有價值最重要的一個url,一般是網(wǎng)站的首頁。
2. 建立 robots.txt 文件。robots 文件是搜索引擎登錄網(wǎng)站第一個訪問的文件,robots可以設置允許被訪問的搜索引擎,最主要的還是設置允許Allow 和不允許 Disallow訪問的目錄和文件,少寫Disallow,多寫Allow,用意是引導爬蟲抓取網(wǎng)站的信息。另外,在robots文件底部指明網(wǎng)站的 sitemap 文件的目錄,爬蟲讀取其中的 sitemap 路徑,接著抓取其中相鏈接的網(wǎng)頁。提高網(wǎng)站的收錄量。
案例:??按住 ctrl 鍵點擊:https://www.taobao.com/robots.txt
3. 建立網(wǎng)站的 sitemap 地圖文件。sitemap 是一個將網(wǎng)站欄目和連接歸類的一個文件,可以更好地將網(wǎng)站展示給搜索引擎,提高爬蟲的爬取效率。sitemap 地圖文件包含html(針對用戶)和 xml(針對搜索引擎)兩種。當網(wǎng)站更新頻繁的時候,sitemap 文件要做到自動更新(程序實現(xiàn)),更新不頻繁的可以手動更新提交。
案例:按住 ctrl 鍵點擊:http://www.sitemap-xml.org/
4. 圖片 img 標簽必須加上 alt 屬性,并注明圖片的含義。
5. h1~h6 標簽合理使用。按道理所有標簽都需要根據(jù)自身的語氣合理去使用,這里不展開講述,這里只講 h 標簽的注意事項。h1 標簽一個頁面只能出現(xiàn) 1 次,h2 標簽一般作為二級標題或者文章的小標題。最合理的使用時 h1~h6 按順序層層嵌套下去,不可以斷層或者反序。此外,h1 標簽可以用在 logo 上,但要確保一個網(wǎng)頁只有一個 h1 標簽。
6. 設置 nofollow 屬性值。a 標簽的 rel="nofollow", 表示不希望搜索引擎繼續(xù)追蹤的鏈接,取消這個鏈接在整站所占的權重比。一般是其他網(wǎng)站的鏈接、a 標簽啟動 QQ 聊天,webapp 撥打電話。
7. 安裝百度的自動推送代碼,作用是當頁面被訪問的時候,頁面的 url 會自動推送給百度搜索引擎,有利于網(wǎng)頁更快地被百度發(fā)現(xiàn)。
8. 增加網(wǎng)站的 404 頁面,一個是利于用戶體驗,最主要的是防止蜘蛛爬蟲的丟失。但有一點要注意,不要設置自動跳轉到首頁,會被搜索引擎認為是在作弊,你在 404 頁面設置一個引導鏈接讓用戶自己點就可以。
?
?
參考出處:微信公眾號:
轉載于:https://www.cnblogs.com/lxl0419/p/10401812.html
總結
以上是生活随笔為你收集整理的前端开发需要掌握的SEO的知识点的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 临时的js方法
- 下一篇: JavsScript中比较大小总结---