Upload
ric-rodriguez
View
2.862
Download
0
Embed Size (px)
Citation preview
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
@RICRODRIGUEZ_UK WWW.CROUD.COM
Ric RodriguezSNR SEO MANAGER @ CROUD
@RICRODRIGUEZ_UK WWW.CROUD.COM
JAVASCRIPT IS A
PROGRAMMING LANGUAGE
@RICRODRIGUEZ_UK WWW.CROUD.COM
WHY IS IT A PROBLEM?
@RICRODRIGUEZ_UK WWW.CROUD.COM
ASYNCHRONICITY
@RICRODRIGUEZ_UK WWW.CROUD.COM
GOOGLEBOT
REQUEST
MADE
DOM
CSSDOM
RENDER
TREE
PAGE IS
RENDERED
@RICRODRIGUEZ_UK WWW.CROUD.COM
GOOGLEBOT
REQUEST
MADE
DOM
CSSDOM
RENDER
TREE
PAGE IS
RENDERED
JAVASCRIPT
IS
EXECUTED
@RICRODRIGUEZ_UK WWW.CROUD.COM
IF GOOGLE ISN’T THERE TO SEE IT
IT CAN’T KNOW WHAT HAS HAPPENED
@RICRODRIGUEZ_UK WWW.CROUD.COM
WHY IS JAVASCRIPT USED?
@RICRODRIGUEZ_UK WWW.CROUD.COM
IT’S FAST
@RICRODRIGUEZ_UK WWW.CROUD.COM
IT’S UBIQUTOUS
@RICRODRIGUEZ_UK WWW.CROUD.COM
IT’S ENGAGING
@RICRODRIGUEZ_UK WWW.CROUD.COM
IT’S HERE TO STAY
@RICRODRIGUEZ_UK WWW.CROUD.COM
AND WE NEED TO KNOW IT
@RICRODRIGUEZ_UK WWW.CROUD.COM
LINK - SEO ROUNDTABLE
@RICRODRIGUEZ_UK WWW.CROUD.COM
HOW IS IT USED?
@RICRODRIGUEZ_UK WWW.CROUD.COM
TO ENHANCE PARTS OF A PAGE
@RICRODRIGUEZ_UK WWW.CROUD.COM
TO BUILD THE WHOLE PAGE(THE JS STACK)
@RICRODRIGUEZ_UK WWW.CROUD.COM
VIEWMODEL
CONTROLLER
@RICRODRIGUEZ_UK WWW.CROUD.COM
FRAMEWORKS ARE DIFFERENT WAYS
TO APPLY COMMON JS PRINCIPLES
@RICRODRIGUEZ_UK WWW.CROUD.COM
SERVER-SIDE CLIENT-SIDE
Express(Controller)
Node(Router)
React(View)
Angular(Framework)
@RICRODRIGUEZ_UK WWW.CROUD.COM
NO MATTER THE FORMAT THE
FUNDAMENTALS STAY THE SAME
@RICRODRIGUEZ_UK WWW.CROUD.COM
HOW TO GET STARTED
@RICRODRIGUEZ_UK WWW.CROUD.COM
1. AUDIT USING INSPECT ELEMENT(TO SEE WHAT IS IN THE CODE ONCE LOADED)
@RICRODRIGUEZ_UK WWW.CROUD.COM
2. USE SERVER-SIDE RENDERINGTO MAKE SURE KEY ELEMENTS AREN’T MISSED
@RICRODRIGUEZ_UK WWW.CROUD.COM
3. CLEARLY DEFINE EACH PAGEAND TIE THEM TO NORMAL, UNCOMPLICATED URLS
@RICRODRIGUEZ_UK WWW.CROUD.COM
4. CHECK YOUR ANALYTICSTO MAKE SURE PAGES VIEWS ARE CAPTURED
@RICRODRIGUEZ_UK WWW.CROUD.COM
5. USE JS WHEN IT IS NEEDEDTO MAKE THE EXPERIENCE BETTER FOR USERS
@RICRODRIGUEZ_UK WWW.CROUD.COM
FINAL THOUGHTS
@RICRODRIGUEZ_UK WWW.CROUD.COM
EMBRACE JAVASCRIPTIT’S FASTER, IT’S BETTER AND IT’S HERE TO STAY
@RICRODRIGUEZ_UK WWW.CROUD.COM
STICK TO THE FUNDAMENTALSMAKE SURE CRAWLERS CAN SEE THE PARTS THAT MATTER
@RICRODRIGUEZ_UK WWW.CROUD.COM
THANK YOUTWEET ME - @RICRODRIGUEZ_UK