? 需求:
????提高網(wǎng)站被搜索引擎的收錄量婿失,讓用戶在百度或者谷歌等搜索引擎搜索某些關(guān)鍵詞享幽,第一頁就能看見你的網(wǎng)站睹限,網(wǎng)站做的再好譬猫,不讓人知道哪行,從我們開發(fā)的角度來講羡疗,要做SEO需要記住有幾點要領(lǐng):
1染服、能夠點擊、跳轉(zhuǎn)的地方盡量用<a></a>標(biāo)簽(搜索引擎的爬蟲見到a標(biāo)簽會往里爬)
2顺囊、META標(biāo)簽優(yōu)化:例如TITLE肌索、KEYWORDS、DESCRIPTION等的優(yōu)化特碳;
3诚亚、優(yōu)雅的使用URL,優(yōu)雅的給URL命名
????如果說你的項目是普通的HTML午乓,那就基本上SEO看到上面的要領(lǐng)就可以上手了站宗,但是如果你的項目是VUE等SPA的項目的話,那就要稍稍復(fù)雜一點兒啦益愈,你需要做些工作啦梢灭。希望這篇文章能夠為你做SPA項目的SEO能夠有所幫助。
動態(tài)生成META標(biāo)簽:
????主要使用到?vue-meta-info 這個東西蒸其,他會在頁面中動態(tài)生成META標(biāo)簽敏释,很方便,單頁面應(yīng)用SEO的福音摸袁,專門做SEO用的钥顽,它簡直就是為SEO而生啊。
詳細(xì)使用請看我另一篇文章:VUE(SPA)項目中使用SEO-動態(tài)生成META標(biāo)簽
為搜索引擎爬蟲提供服務(wù):
? ? 這里使用到了 node.js 和?Nignx 還有?PhantomJS靠汁,不了解的同學(xué)可以先去看一看它們的文檔大致了解一下蜂大。其中PhantomJS有必要說一下,這東西會模擬一個瀏覽器窗口蝶怔,把你的頁面渲染上去奶浦,然后就得到了個靜態(tài)頁面。
? ? 說下原理踢星,你將siteMap提交給搜索引擎的后臺澳叉,搜索引擎就會派小蟲子來到你的網(wǎng)站,根據(jù)你siteMap里面提供的URL進行爬取。如果是簡單的HTML文件耳高,那就很簡單了扎瓶,爬蟲來了直接就能爬取的到所踊,但SPA就悲劇了泌枪,這種單頁面應(yīng)用爬蟲過來就只能看到index.html,內(nèi)容是爬取不到的(你都不給我看你的真心秕岛,怎么證明你愛我)碌燕,所以我們需要做一些服務(wù),來把內(nèi)容提供給搜索引擎的爬蟲继薛,大致流程是這樣的:
爬蟲-->Nignx-->node.js服務(wù)-->PhantomJS(返回頁面信息)
接下來詳細(xì)說一下:
Nignx會根據(jù)user-agent判斷請求是來自普通用戶還是搜索引擎的爬蟲修壕,如果是爬蟲那么調(diào)用node服務(wù)上去,node服務(wù)會啟動PhantomJS來返回頁面信息遏考。如果Nignx判斷只是普通用戶的話慈鸠,就直接把頁面展現(xiàn)出來就可以啦。
詳細(xì)使用請看我另一篇文章:VUE(SPA)項目中使用SEO-為搜索引擎爬蟲提供服務(wù)?