网站正文内容由JS调用,该如何进行SEO优化?

  • A+
所属分类:网站优化

一、为什么要使用JS调用

使用Angular,Vue,React进行单页网站开发,用户浏览时浏览器动态解析JS,呈现出最终的页面,用户体验比较好,网站性能也提高不少。但网络爬虫并不会动态解析Js,访问所有URL得到的只会是项目入口文件中的代码,不能得到具体的内容,也就无法做网站SEO。

二、如何解决JS调用无法抓取的情况

使用Prerender.io做网站预渲染,可以将网站页面渲染之后再返回给网络爬虫,间接完成网页的解析。Prerender相较于其他的解决方案,配置相对要简单一些,不用修改项目源码,代码零侵入,是一个不错的解决方案。

三、操作步骤

1、安装中间件

1.1、首先注册登录 Prerender.io,并且获得个人token;网站正文内容由JS调用,该如何进行SEO优化?

1.2、根据开发文档,配置对应的中间件,如Nginx,Apache等。

In Node, you can set your token in your app
app.use(require('prerender-node').set('prerenderToken', 'qzyKfV1XXXXXXXX'));
In Rails, you can set your token in your app
config.middleware.use Rack::Prerender, prerender_token: 'qzyKfV1XXXXXXXX'
or export your token on the command line:
$ export PRERENDER_TOKEN=qzyKfV1XXXXXXXX
or on heroku:
$ heroku config:set PRERENDER_TOKEN=qzyKfV1XXXXXXXX
or in your nginx config:
proxy_set_header X-Prerender-Token qzyKfV1XXXXXXXX;
or in your apache .htaccess config:
RequestHeader set X-Prerender-Token "qzyKfV1XXXXXXXX"

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 横槊营销微信公众号
  • 横槊营销微信公众号扫一扫
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: