vue做seo優(yōu)化（vue項目seo怎么做）
本篇文章給大家談談vue做seo優(yōu)化，以及vue項目seo怎么做對應的知識點，希望對各位有所幫助，不要忘了收藏本站喔。
本文目錄一覽：
Vue框架怎么做sitemap？
vue-router-sitemap
通過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());
請采納
做一個在線教育商城,考慮到seo,在技術棧上用vue,react,還是jQuery？
第一：支持的瀏覽器，一般vue和react要求較高IE8+，react16因為要使用requestAnimationFrame要IE9+，jquery不限
第二：考慮SEO，就要搭配路由做服務器端渲染。目前jquery支持jsp、php等服務器反饋的html上繼續(xù)進行DOM操作。而vue和react則要在服務器端安裝基于nodejs的SSR程序，把組件轉換成HTML內(nèi)容供搜索引擎爬取數(shù)據(jù)。
采用vue或react，就要在jsp或PHP前放一個nodejs的SSR程序，這樣在肢啟架構上就會多一層，SSR程序好茄負責處理路由和html渲染，而jsp和PHP只是提供一些調(diào)歷襪如用數(shù)據(jù)庫的API給上層SSR程序
采用jquery則可以保持原有的jsp或PHP去解析路由，渲染html
關于vue做seo優(yōu)化和vue項目seo怎么做的介紹到此就結束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關注本站。
