最新消息:XAMPP默认安装之后是很不安全的,我们只需要点击左方菜单的 "安全"选项,按照向导操作即可完成安全设置。

angular、vue框架要知道SEO問題

XAMPP下载 admin 1003浏览 0评论
 使用前端框架(Client-side Render )可以幫你加快開發速度

但會有一個問題就是SEO
SEO 俗稱 搜尋引擎最佳化(英語:search engine optimization,縮寫為SEO)
可以讓google、百度收納你的網站,讓網路使用者可以搜尋
可以說想讓你的網站給全世界的人看到,SEO做得越好,越能達到目的

這時候就有一個”但是”,SEO不會去解析Javascript
以angular為範例

<div ng-app=”myApp” ng-controller=”myCtrl”>
<p >{{text}}</p>
</div>

<script>
var app = angular.module(‘myApp’, []);
app.controller(‘myCtrl’, function($scope) {
$scope.text = “世界 Hello~”;
});
</script>
你想要讓Google搜尋到 “世界 Hello~”
但是Google只會收納 “{{text}}”
這時候才需要SSR(Server-Side Rendering)
需要使用到nodejs、.net MVC、java等後端語言
讓server幫我們先把處理資料,在把處理完的網頁傳給使用者
以.net MVC為例:

@{
var text = “世界 Hello~”
}
<div>
<p>@text</p>
</div>
經過server幫我們處理資料,使用者端網頁內容就變成我們想要的

<div>
<p>世界 Hello~</p>
</div>

转载请注明:XAMPP中文组官网 » angular、vue框架要知道SEO問題

您必须 登录 才能发表评论!