Technical SEO for JS developers
Plan
- What is SEO
- What is good SEO
- Basic principles for improving SEO
- Testing with Lightroom
- How Googlebot works
- SPA & SEO
- SSR & SEO
- Dynamic rendering for improving SEO
SEO
For what we need this?
What is good and bad SEO?
Basic principles for improving SEO


Use semantic tags
title and meta description

React SEO tip

Vue SEO tip


Angular SEO tip

robots.txt



Sitemap.xml

Audits
How Googlebot processes JavaScript

SPA & SEO


How we can render app
- SSR
- Outsorce rendering
- Search engine rendering


prerender.io
// server.js
var express = require('express');
var app = module.exports = express();
app.configure(function(){
// Here we require the prerender middleware that
// will handle requests from Search Engine crawlers
// We set the token only if we're using the Prerender.io service
app.use(require('prerender-node').set('prerenderToken', 'YOUR-TOKEN-HERE'));
app.use(express.static("public")); app.use(app.router);
});
app.get('*', function(req, res){
res.sendfile('./public/index.html');
});
app.listen(8081);
console.log("Go Prerender Go!");rendertron



Links
- https://www.youtube.com/watch?v=vjj8B4sq0UI
- https://prerender.io/
- https://developers.google.com/search/docs/guides/javascript-seo-basics
- https://webmasters.googleblog.com/2019/01/dynamic-rendering-with-rendertron.html
- https://github.com/GoogleChrome/rendertron
- https://codelabs.developers.google.com/codelabs/dynamic-rendering/#0
- https://moz.com/blog/search-engines-ready-for-javascript-crawling
- https://scotch.io/tutorials/angularjs-seo-with-prerender-io
Technical SEO for JS developers
By Denis Bogush
Technical SEO for JS developers
- 112