使用Angular、Vue框架前要知道的SEO相关问题

发布时间:2020-7-17 09:03

使用前端框架(Client-sideRender)可以帮助加快开发速度,但会有一些SEO问题。SEO俗称搜寻引擎优化(英语:Search Engineo Ptimization,缩写为SEO),可以让Google、百度收纳你的网站,让网路使用者可以搜索到。

Angular、Vue框架

使用Angular、Vue框架前要知道的SEO相关问题

可以说,如果你想让你的网站给全世界的人看到,SEO做得越好,越能达到目的,那么就需要注意以下问题。

以Angular为范例

<divng-app="myApp"ng-controller="myCtrl">  <p>{{text}}</p>  </div>  <script>  varapp=angular.module('myApp',[]);  app.controller('myCtrl',function($scope){  $scope.text="世界Hello~";  });  </script>

你想要让Google搜寻到”世界Hello~”

但是Google只会收纳”{{text}}”

这时候才需要SSR(Server-SideRendering)

需要使用到nodejs、.netMVC、java等后端语言

让server帮我们先把处理资料,在把处理完的网页传给使用者

以.net MVC为例:

@{  vartext="世界Hello~"  }  <div>  <p>@text</p>  </div>

经过Server帮我们处理资料,使用者端网页内容就变成我们想要的

<div>  <p>世界Hello~</p>  </div>
Vue PostCSS的使用介绍 网站建设

Vue PostCSS的使用介绍

postcss 一种对css编译的工具,类似babel对js的处理,常见的功能如: 1 . 使用下一代css语法 2 . 自动补全浏览器前缀 3 . 自动把px代为转换成rem ...