本人是后端開發(fā)!
沒事看了下vue,然后寫了一個(gè)小網(wǎng)站 G9ZZ
站點(diǎn)是前后端分離的,后端是php提供的數(shù)據(jù),前端是 vue的elementUI
但是發(fā)現(xiàn)SEO是個(gè)問題!
簡單看了下 vue官方的ssr,沒看懂...
請(qǐng)問有什么比較簡單的方法 讓我已經(jīng)寫好的站,進(jìn)行seo,讓搜索引擎收錄么?
very 3q
sf的回答越來越碎了,你要么給個(gè)答案,要么別發(fā)言啊,幾個(gè)字又不是什么答案的線索……
簡單說下自己的看法。
針對(duì)vue等SPA應(yīng)用,要做SEO唯一的解決方案叫“直出”,說白了,就是首屏以html字符串的方式輸出。這就是react、vue都要支持服務(wù)端渲染的能力。所謂服務(wù)端渲染(server side render),就是在服務(wù)端將react組件使用renderToString方法,渲染成字符串,再和html模板拼裝一下,得到和普通網(wǎng)頁一樣的html源代碼,進(jìn)行輸出。
比如用戶進(jìn)入到/cat/detial1.html這個(gè)url,查看頁面源代碼,是detail1的具體內(nèi)容,頁面已經(jīng)顯示出來了,無論是用戶打開頁面,還是搜索引擎蜘蛛,都可以看到具體的內(nèi)容,注意,這個(gè)時(shí)候前端打包的bundle文件還沒有加載完。直到bundle下載完執(zhí)行時(shí),bundle代碼會(huì)去檢查當(dāng)前html中的DOM節(jié)點(diǎn),如果發(fā)現(xiàn)存在問題,會(huì)去對(duì)DOM進(jìn)行更新,之后,再實(shí)現(xiàn)原來react中的onClick等事件綁定。這個(gè)過程的后半部分和你現(xiàn)在的方式基本是一致的。
為什么是“首屏”呢,因?yàn)樗€是SPA,bundle加載完之后,和你現(xiàn)在的應(yīng)用的操作是一樣的。這是路由的功能。
服務(wù)端渲染是個(gè)大問題,我也是在學(xué)習(xí)過程中,僅做一個(gè)思路。
收錄和SEO是兩回事
如果單純的想考慮讓百度收錄 能搜索到 這個(gè)只要你title寫了 網(wǎng)站能正常訪問 且沒有敏感信息 都可以的 可以參考我的文章 百度網(wǎng)站收錄教程(個(gè)人版)
要做SEO就是想讓百度搜索出來的結(jié)果靠前 一般都要專人來維護(hù)的 個(gè)人網(wǎng)站是不需要的
北大青鳥APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國家
達(dá)內(nèi)教育集團(tuán)成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機(jī)構(gòu),是中國一站式人才培養(yǎng)平臺(tái)、一站式人才輸送平臺(tái)。2014年4月3日在美國成功上市,融資1
北大課工場是北京大學(xué)校辦產(chǎn)業(yè)為響應(yīng)國家深化產(chǎn)教融合/校企合作的政策,積極推進(jìn)“中國制造2025”,實(shí)現(xiàn)中華民族偉大復(fù)興的升級(jí)產(chǎn)業(yè)鏈。利用北京大學(xué)優(yōu)質(zhì)教育資源及背
博為峰,中國職業(yè)人才培訓(xùn)領(lǐng)域的先行者
曾工作于聯(lián)想擔(dān)任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔(dān)任項(xiàng)目經(jīng)理從事移動(dòng)互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍(lán)懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負(fù)責(zé)iOS教學(xué)及管理工作。
浪潮集團(tuán)項(xiàng)目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺(tái)面向?qū)ο箝_發(fā)經(jīng)驗(yàn),技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點(diǎn)難點(diǎn)突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對(duì)瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁制作和網(wǎng)頁游戲開發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開發(fā)經(jīng)驗(yàn)。曾經(jīng)歷任德國Software AG 技術(shù)顧問,美國Dachieve 系統(tǒng)架構(gòu)師,美國AngelEngineers Inc. 系統(tǒng)架構(gòu)師。