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

Made with Slides.com