Dos donts of js content optimisation - Digital Olympus 2018
Download as PPTX, PDF0 likes251 views
The document discusses the advantages of using JavaScript for content optimization in SEO, particularly in scenarios where access to a CMS is limited. It outlines the do's and don'ts of optimizing content with JavaScript, emphasizing the evolving capabilities of SEO in handling JavaScript-enhanced sites. Additionally, it raises awareness of potential pitfalls and the need for caution when implementing JavaScript solutions in web development.
![Digital Olympus
20th June 2018
@chrisgreen87
www.strategiq.co
[The whole of the SEO community]](https://image.slidesharecdn.com/dosdontsofjscontentoptimisation-180826182928/85/Dos-donts-of-js-content-optimisation-Digital-Olympus-2018-11-320.jpg)
Dos donts of js content optimisation - Digital Olympus 2018
- 1. #DigitalOlympus 20th June 2018 @chrisgreen87 www.strategiq.co Do’s and Don’ts of JavaScript Content Optimisation Digital Olympus
- 2. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Imagine this...
- 3. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co You have 150 titles to upload
- 4. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co But you can’t get into the CMS
- 5. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Worse still, the CMS won’t let you make those changes
- 6. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Or you need a new heading on a category page
- 7. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co And the development queue for that is 12 weeks
- 8. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co
- 9. #DigitalOlympus 20th June 2018 @chrisgreen87 www.strategiq.co #DigitalOlympus 20th June 2018 @chrisgreen87 www.strategiq.co Who’s had this or similar?
- 10. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co
- 11. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co [The whole of the SEO community]
- 12. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co How do you get around it?
- 13. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co 1)Wait? 2)Complain? 3)Sulk?
- 14. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co 1)Wait? 2)Complain? 3)Sulk? All three?
- 15. #DigitalOlympus 20th June 2018 @chrisgreen87 www.strategiq.co #DigitalOlympus 20th June 2018 @chrisgreen87 www.strategiq.co Maybe it’s time you try JavaScript?
- 16. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Content Optimisation Via JavaScript
- 17. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co “Excuse me ma’am have you ever thought about JavaScript SEO?”
- 18. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co This is not a sales pitch!
- 19. #DigitalOlympus 20th June 2018 @chrisgreen87 www.strategiq.co #DigitalOlympus 20th June 2018 @chrisgreen87 www.strategiq.co It has come a long way!
- 20. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Google IO 2018 was another great step forward
- 21. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Google IO 2018 was another great step forward
- 22. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co We can take the learnings from our own experiments, Google & the community
- 23. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co I’m going to show you the Do’s and Don’ts of JS Optimisation
- 24. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Why are we all getting excited by JavaScript now?
- 25. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co For a long time JavaScript was the enemy of SEO
- 26. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Because Google couldn’t handle it
- 27. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co JavaScript has some massive web design/development advantages
- 28. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co But until very recently, SEOs had to fend certain implementations away
- 29. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co “If it doesn’t render in Lynx (browser) it’s not going on my site”
- 30. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co
- 31. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Google uses their Web Rendering Service (WRS) to “view” JavaScript http://www.thesempost.com/google-indexes-ranks-javascript-pages-two-waves-days-apart/
- 32. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Meaning a “truer” version of the site is now ranked.
- 33. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co The Opportunity
- 34. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co We can embrace more dynamic websites (yay!)
- 35. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co But it is more than that
- 36. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co JavaScript can be used to aid SEO
- 37. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co By working around CMS/Design limitations
- 38. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Being more agile
- 39. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co GTM can do it
- 40. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co What Does Work
- 41. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Content optimisation
- 42. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Injecting content where there was none before (or over existing content)
- 43. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Titles
- 44. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Titles
- 45. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Titles Rendered page Source
- 46. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Headings & Content
- 47. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Headings & Content
- 48. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Headings & Content With JS Content Without JS Content
- 49. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Structured Data
- 50. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Structured data
- 51. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Structured data
- 52. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co It’s relatively easy
- 53. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Combine with Tags/Triggers & Variables GTM for greater effectiveness
- 54. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Some more innovative tools are moving in this direction
- 55. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co
- 56. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Some caveats
- 57. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co In our experience this can be effective
- 58. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Fetch & Render in GSC can show you JavaScript via GTM
- 59. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Although it is slower
- 60. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Control Indexed JS Test Indexed < 1 hr 12 days
- 61. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co And less reliable
- 62. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co http://bit.ly/js-drag-race
- 63. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co http://bit.ly/js-drag-race
- 64. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co (And Google says don’t use GTM for this) http://bit.ly/no-gtm
- 65. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Content via GTM doesn’t work in all circumstances
- 66. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co What Doesn’t Work
- 67. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co More “heavy-duty” SEO
- 68. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Canonical Tags
- 69. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co http://bit.ly/dom-dom-canoical
- 70. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co
- 71. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co http://bit.ly/js-surprise
- 72. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co http://bit.ly/JS-surprise2
- 73. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co W.W.J.M.D? (What Would JohnMu Do?)
- 74. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Robots directives
- 75. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co “… JS wouldn't be able to overwrite a noindex tag” Andrew Allen, The Web Shed
- 76. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co People are still contesting these - more testing needed!
- 77. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co But given how unpredictable this can be
- 78. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Canonicals & meta robots is risky
- 79. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Don’t doubt the damage you could do!
- 80. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co
- 81. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Screwed up a test here
- 82. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Screwed up a test here Fixed it here
- 83. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co A Word of Warning
- 84. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co The WRS (Chrome 41), whilst useful, is very out of date It’s over 3 years old & 26 versions behind ours!
- 85. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Lots of unsupported elements http://bit.ly/can-chrome-41
- 86. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co And doesn’t treat JavaScript exactly like our browsers do
- 87. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co So we can’t get complacent
- 88. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co You Can Check Yourself In Browser Stack
- 89. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co There is no substitute for building it right
- 90. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co JavaScript optimisation shouldn’t be the first choice
- 91. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co It can be unreliable and slow
- 92. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co But it’s much better
- 93. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co than doing But it’s much better
- 94. Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co Digital Olympus 20th June 2018 @chrisgreen87 www.strategiq.co than doing But it’s much better
- 95. #DigitalOlympus 20th June 2018 @chrisgreen87 www.strategiq.co Thank you. @chrisgreen87