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