angular、vue框架要知道SEO问题

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

关于作者: 网站小编

码农网专注IT技术教程资源分享平台,学习资源下载网站,58码农网包含计算机技术、网站程序源码下载、编程技术论坛、互联网资源下载等产品服务,提供原创、优质、完整内容的专业码农交流分享平台。

热门文章