本篇文章給大家談?wù)剉ue做seo優(yōu)化，以及vue項(xiàng)目seo怎么做對(duì)應(yīng)的知識(shí)點(diǎn)，希望對(duì)各位有所幫助，不要忘了收藏本站喔。

本文目錄一覽：

• 1、Vue框架怎么做sitemap？
• 2、做一個(gè)在線教育商城,考慮到seo,在技術(shù)棧上用vue,react,還是jQuery？

Vue框架怎么做sitemap？

vue-router-sitemap

通過(guò)vue-router配置生成sitemap.xml

?//?router.js

????????import?VueRouter?from?'vue-router';

????????export?const?router:?VueRouter?=?new?VueRouter(

????????????{

????????????????routes:?[

????????????????????{

????????????????????????path:?'/',

????????????????????????name:?'index',

????????????????????????component:?Index,

????????????????????},

????????????????],

????????????},

????????);

?

?//?sitemapMiddleware.js

????????import?VueRouterSitemap?from?'vue-router-sitemap';

????????import?path?from?'path';

????????import?{?router?}?from?'router';

????????export?const?sitemapMiddleware?=?()?=?{

????????????return?(req,?res)?=?{

????????????????res.set('Content-Type',?'application/xml');

????????????????const?staticSitemap?=?path.resolve('dist/static',?'sitemap.xml');

????????????????const?filterConfig?=?{

????????????????????isValid:?false,

?????????????芹液???????rules:?[

????????????????????????/\/example-page/,

????????????????????????/\*/,

????????????????????],

????????????????};

????????????????new?行虧VueRouterSitemap(router).filterPaths(filterConfig).build('').save(staticSitemap);

????????????????return?res.sendFile(staticSitemap);

??????檔首神??????};

????????};

????????app.get('/sitemap.xml',?sitemapMiddleware());

請(qǐng)采納

做一個(gè)在線教育商城,考慮到seo,在技術(shù)棧上用vue,react,還是jQuery？

第一：支持的瀏覽器，一般vue和react要求較高IE8+，react16因?yàn)橐褂胷equestAnimationFrame要IE9+，jquery不限

第二：考慮SEO，就要搭配路由做服務(wù)器端渲染。目前jquery支持jsp、php等服務(wù)器反饋的html上繼續(xù)進(jìn)行DOM操作。而vue和react則要在服務(wù)器端安裝基于nodejs的SSR程序，把組件轉(zhuǎn)換成HTML內(nèi)容供搜索引擎爬取數(shù)據(jù)。

采用vue或react，就要在jsp或PHP前放一個(gè)nodejs的SSR程序，這樣在肢啟架構(gòu)上就會(huì)多一層，SSR程序好茄負(fù)責(zé)處理路由和html渲染，而jsp和PHP只是提供一些調(diào)歷襪如用數(shù)據(jù)庫(kù)的API給上層SSR程序

采用jquery則可以保持原有的jsp或PHP去解析路由，渲染html

關(guān)于vue做seo優(yōu)化和vue項(xiàng)目seo怎么做的介紹到此就結(jié)束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關(guān)注本站。