VUE(SPA)項目中使用SEO-流程及原理分析

? 需求:

????提高網(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ù)?

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末灌具,一起剝皮案震驚了整個濱河市青团,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌咖楣,老刑警劉巖督笆,帶你破解...
    沈念sama閱讀 211,194評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異诱贿,居然都是意外死亡娃肿,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,058評論 2 385
  • 文/潘曉璐 我一進店門珠十,熙熙樓的掌柜王于貴愁眉苦臉地迎上來料扰,“玉大人,你說我怎么就攤上這事焙蹭∩硅荆” “怎么了?”我有些...
    開封第一講書人閱讀 156,780評論 0 346
  • 文/不壞的土叔 我叫張陵壳嚎,是天一觀的道長桐智。 經(jīng)常有香客問我,道長烟馅,這世上最難降的妖魔是什么说庭? 我笑而不...
    開封第一講書人閱讀 56,388評論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮郑趁,結(jié)果婚禮上刊驴,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好捆憎,可當(dāng)我...
    茶點故事閱讀 65,430評論 5 384
  • 文/花漫 我一把揭開白布舅柜。 她就那樣靜靜地躺著,像睡著了一般躲惰。 火紅的嫁衣襯著肌膚如雪致份。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,764評論 1 290
  • 那天础拨,我揣著相機與錄音氮块,去河邊找鬼。 笑死诡宗,一個胖子當(dāng)著我的面吹牛滔蝉,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播塔沃,決...
    沈念sama閱讀 38,907評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼蝠引,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了蛀柴?” 一聲冷哼從身側(cè)響起螃概,我...
    開封第一講書人閱讀 37,679評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎名扛,沒想到半個月后谅年,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,122評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡肮韧,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,459評論 2 325
  • 正文 我和宋清朗相戀三年融蹂,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片弄企。...
    茶點故事閱讀 38,605評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡超燃,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出拘领,到底是詐尸還是另有隱情意乓,我是刑警寧澤,帶...
    沈念sama閱讀 34,270評論 4 329
  • 正文 年R本政府宣布约素,位于F島的核電站届良,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏圣猎。R本人自食惡果不足惜士葫,卻給世界環(huán)境...
    茶點故事閱讀 39,867評論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望送悔。 院中可真熱鬧慢显,春花似錦爪模、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,734評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至应狱,卻和暖如春共郭,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背侦香。 一陣腳步聲響...
    開封第一講書人閱讀 31,961評論 1 265
  • 我被黑心中介騙來泰國打工落塑, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留纽疟,地道東北人罐韩。 一個月前我還...
    沈念sama閱讀 46,297評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像污朽,于是被迫代替她去往敵國和親散吵。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,472評論 2 348

推薦閱讀更多精彩內(nèi)容

  • 前后端分離算是最近Web開發(fā)的大趨勢了枚冗,目前已經(jīng)有大量的公司使用了前后端分離的開發(fā)方式。那我們就來大概談?wù)勄昂蠖朔?..
    程點閱讀 37,214評論 13 108
  • 中國互聯(lián)網(wǎng)用戶群已經(jīng)成為世界最大的互聯(lián)網(wǎng)群體蛇损。與此同時赁温,中國互聯(lián)網(wǎng)網(wǎng)站的發(fā)展也歷經(jīng)了幾個階段,從單純的網(wǎng)絡(luò)媒體到現(xiàn)...
    零一間閱讀 4,236評論 1 41
  • 因為一些我不知道的原因淤齐,原作者唐七開坑已經(jīng)很久了,但一直沒有填,實在是很喜歡墨淵括尸,也好奇自己筆下的少綰會是什么樣子...
    是棗陽w閱讀 1,488評論 2 6
  • 想起這篇文章已經(jīng)有四年了镀钓,那是四年前的事了,我高中同學(xué)祭务,高三的時候她在后位内狗,我們經(jīng)常打鬧,記得我給她取了個...
    于加澤閱讀 163評論 0 0
  • 下午突然想吃甘蔗和菠蘿义锥,于是就出發(fā)去買了柳沙,順便給女兒買了她喜歡吃的,但回家后我都放了起來缨该,女兒看到甘蔗說:...
    開心生如意閱讀 75評論 0 0