使用angular、vue框架要知道的SEO问题
5482023-02-17
使用前端框架(Client-sideRender)可以帮助加快开发速度,但会有一些SEO问题。SEO俗称搜寻引擎优化(英语:searchengineoptimization,缩写为SEO),可以让google、百度收纳你的网站,让网路使用者可以搜索到。
可以说,如果你想让你的网站给全世界的人看到,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帮我们先把处理资料,在把处理完的网页传给使用者
以.netMVC为例:
@{ vartext="世界Hello~" } <div> <p>@text</p> </div>
经过server帮我们处理资料,使用者端网页内容就变成我们想要的
<div> <p>世界Hello~</p> </div>