iT邦幫忙

0

angular、vue框架要知道SEO問題

暐翰 2018-02-12 10:48:4914044 瀏覽

使用前端框架(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>

1 則留言

0
小魚
iT邦好手 1 級 ‧ 2018-02-13 12:10:43

SEO跟你用angular、vue好像沒什麼關係...
應該是看網頁最後呈現的原始碼吧,
猜想也是一種爬蟲的概念...

看更多先前的回應...收起先前的回應...
暐翰 iT邦大師 6 級‧ 2018-02-13 16:41:13 檢舉

有關係的

暐翰 iT邦大師 6 級‧ 2018-02-13 16:42:02 檢舉

你搜尋世界hello world 不會搜尋到你的網頁

暐翰 iT邦大師 6 級‧ 2018-02-13 16:43:51 檢舉

所以延伸出angular用nodejs server渲染技術 關鍵字:angular server render

暐翰 iT邦大師 6 級‧ 2018-02-13 16:43:52 檢舉

所以延伸出angular用nodejs server渲染技術 關鍵字:angular server render

暐翰 iT邦大師 6 級‧ 2018-02-13 16:49:30 檢舉

對啊一直爬蟲概念的只是沒有js渲染而言

我要留言

立即登入留言