seo-friendly single page applications (angularjs, prerender.io) by battlefy jaime bueza
TRANSCRIPT
![Page 1: SEO-friendly Single Page Applications (AngularJS, Prerender.io) by Battlefy Jaime Bueza](https://reader035.vdocuments.us/reader035/viewer/2022062710/55a6bfc31a28ab36688b4773/html5/thumbnails/1.jpg)
Single Page Applications and
SEO / Shareable Content
Jaime Bueza@jbueza
@Battlefy
Tweet #VanAngularJS and mention @Battlefy!
![Page 2: SEO-friendly Single Page Applications (AngularJS, Prerender.io) by Battlefy Jaime Bueza](https://reader035.vdocuments.us/reader035/viewer/2022062710/55a6bfc31a28ab36688b4773/html5/thumbnails/2.jpg)
What is ?• eSports management platform that enables
people to easily organize, manage, and watch competitive online gaming...
@jbueza @Battlefy
![Page 3: SEO-friendly Single Page Applications (AngularJS, Prerender.io) by Battlefy Jaime Bueza](https://reader035.vdocuments.us/reader035/viewer/2022062710/55a6bfc31a28ab36688b4773/html5/thumbnails/3.jpg)
The ProblemWeb Front-End
• Built as a static site (Just HTML/CSS/JS, CORS to talk to API)
• Sharing out links rendered a blank HTML page with generic titles and descriptions
• Crawlers like Facebook, Slackbot, Twitter, Google have JavaScript disabled, grabbing dynamic content was impossible...until...
@jbueza @Battlefy
![Page 4: SEO-friendly Single Page Applications (AngularJS, Prerender.io) by Battlefy Jaime Bueza](https://reader035.vdocuments.us/reader035/viewer/2022062710/55a6bfc31a28ab36688b4773/html5/thumbnails/4.jpg)
Prerender.io
• Plugin middleware for NodeJS, Ruby, Java, .NET.
• Configurations for Apache, Nginx
@jbueza @Battlefy
![Page 5: SEO-friendly Single Page Applications (AngularJS, Prerender.io) by Battlefy Jaime Bueza](https://reader035.vdocuments.us/reader035/viewer/2022062710/55a6bfc31a28ab36688b4773/html5/thumbnails/5.jpg)
Angular UI Router
@jbueza @Battlefy
![Page 6: SEO-friendly Single Page Applications (AngularJS, Prerender.io) by Battlefy Jaime Bueza](https://reader035.vdocuments.us/reader035/viewer/2022062710/55a6bfc31a28ab36688b4773/html5/thumbnails/6.jpg)
The Solution
Prerender.io
Crawlers
Users
Web Front-End
PhantomJS, Snapshot HTML
Detect Bot Proxy Pass to Prerender
Set snapshot flag to false until ready Set the proper meta info, graph content Set the snapshot flag to true
?_escaped_fragment_=
@jbueza @Battlefy
![Page 7: SEO-friendly Single Page Applications (AngularJS, Prerender.io) by Battlefy Jaime Bueza](https://reader035.vdocuments.us/reader035/viewer/2022062710/55a6bfc31a28ab36688b4773/html5/thumbnails/7.jpg)
Facebook before Prerender
@jbueza @Battlefy
![Page 8: SEO-friendly Single Page Applications (AngularJS, Prerender.io) by Battlefy Jaime Bueza](https://reader035.vdocuments.us/reader035/viewer/2022062710/55a6bfc31a28ab36688b4773/html5/thumbnails/8.jpg)
Facebook with Prerender
@jbueza @Battlefy
![Page 9: SEO-friendly Single Page Applications (AngularJS, Prerender.io) by Battlefy Jaime Bueza](https://reader035.vdocuments.us/reader035/viewer/2022062710/55a6bfc31a28ab36688b4773/html5/thumbnails/9.jpg)
Twitter with Prerender
@jbueza @Battlefy
![Page 10: SEO-friendly Single Page Applications (AngularJS, Prerender.io) by Battlefy Jaime Bueza](https://reader035.vdocuments.us/reader035/viewer/2022062710/55a6bfc31a28ab36688b4773/html5/thumbnails/10.jpg)
Google Search Results
@jbueza @Battlefy
![Page 11: SEO-friendly Single Page Applications (AngularJS, Prerender.io) by Battlefy Jaime Bueza](https://reader035.vdocuments.us/reader035/viewer/2022062710/55a6bfc31a28ab36688b4773/html5/thumbnails/11.jpg)
@jbueza @Battlefy
![Page 12: SEO-friendly Single Page Applications (AngularJS, Prerender.io) by Battlefy Jaime Bueza](https://reader035.vdocuments.us/reader035/viewer/2022062710/55a6bfc31a28ab36688b4773/html5/thumbnails/12.jpg)
@jbueza @Battlefy
![Page 13: SEO-friendly Single Page Applications (AngularJS, Prerender.io) by Battlefy Jaime Bueza](https://reader035.vdocuments.us/reader035/viewer/2022062710/55a6bfc31a28ab36688b4773/html5/thumbnails/13.jpg)
In Three Months...
• Google Search Traffic increased by 310.1%.
• 55,000+ pages indexed on Google now which includes Tournaments, Brackets, Teams, Matches, Organizers, User Profiles.
• Facebook referral traffic increased by 449.1%
• Twitter referral traffic increased by 197.4%
@jbueza @Battlefy
![Page 14: SEO-friendly Single Page Applications (AngularJS, Prerender.io) by Battlefy Jaime Bueza](https://reader035.vdocuments.us/reader035/viewer/2022062710/55a6bfc31a28ab36688b4773/html5/thumbnails/14.jpg)
• We're Hiring Full Stack Engineers!
• AngularJS, Grunt, SASS, Automated UI Tests
• Continuous Deployment, Git, Docker, NodeJS, AWS, MongoDB, Redis, Elastic Search, Neo4j
• Join our mission! Let's boldly define eSports!
@Battlefy@jbueza