The SEO's Guide To JavaScript - Ric Rodriguez, Brighton SEO 2017

transcript

Ric RodriguezCROUD

The SEO’s Guide To JavaScript

@ricrodriguez_ukhttps://www.slideshare.net/RicRodriguez1

@RICRODRIGUEZ_UK WWW.CROUD.COM

THE SEO’S GUIDE

TO JAVASCRIPT

Ric RodriguezSNR SEO MANAGER @ CROUD

JAVASCRIPT IS A

PROGRAMMING LANGUAGE

WHY IS IT A PROBLEM?

ASYNCHRONICITY

GOOGLEBOT

REQUEST

CSSDOM

RENDER

PAGE IS

RENDERED

GOOGLEBOT

REQUEST

CSSDOM

RENDER

PAGE IS

RENDERED

JAVASCRIPT

EXECUTED

IF GOOGLE ISN’T THERE TO SEE IT

IT CAN’T KNOW WHAT HAS HAPPENED

WHY IS JAVASCRIPT USED?

IT’S FAST

IT’S UBIQUTOUS

IT’S ENGAGING

IT’S HERE TO STAY

AND WE NEED TO KNOW IT

LINK - SEO ROUNDTABLE

HOW IS IT USED?

TO ENHANCE PARTS OF A PAGE

TO BUILD THE WHOLE PAGE(THE JS STACK)

VIEWMODEL

CONTROLLER

FRAMEWORKS ARE DIFFERENT WAYS

TO APPLY COMMON JS PRINCIPLES

SERVER-SIDE CLIENT-SIDE

Express(Controller)

Node(Router)

React(View)

Angular(Framework)

NO MATTER THE FORMAT THE

FUNDAMENTALS STAY THE SAME

HOW TO GET STARTED

1. AUDIT USING INSPECT ELEMENT(TO SEE WHAT IS IN THE CODE ONCE LOADED)

2. USE SERVER-SIDE RENDERINGTO MAKE SURE KEY ELEMENTS AREN’T MISSED

3. CLEARLY DEFINE EACH PAGEAND TIE THEM TO NORMAL, UNCOMPLICATED URLS

4. CHECK YOUR ANALYTICSTO MAKE SURE PAGES VIEWS ARE CAPTURED

5. USE JS WHEN IT IS NEEDEDTO MAKE THE EXPERIENCE BETTER FOR USERS

FINAL THOUGHTS

EMBRACE JAVASCRIPTIT’S FASTER, IT’S BETTER AND IT’S HERE TO STAY

STICK TO THE FUNDAMENTALSMAKE SURE CRAWLERS CAN SEE THE PARTS THAT MATTER

THANK YOUTWEET ME - @RICRODRIGUEZ_UK

The SEO's Guide To JavaScript - Ric Rodriguez, Brighton SEO 2017

Marketing