- "JavaScript hurts your SEO"
- "Warning: Angular JS is Killing Your SEO Efforts"
- "While AngularJS itself is a Google open source project, even their search engine
doesn't support AngularJS fully"
Problems to solve
- You want your app to be indexed
- You want your app to be search engine friendly
- You want your app to be shareable
The essentials of indexing & SEO
- The semantic web
- Well formed & readable URLS
- A quick response time
- HTTPS favorited over HTTP
- Avoid the grayzone
The essentials of social sharing
-
Facebook & LinkedIn use opengraph protocol
Facebook details / best practices: link
LinkedIn details / best practices: link
-
Twitter uses it's own standard protocol
Twitter details / best practices: link
Workarounds (1)
-
Prerender.io
-
Renders the S.P.A. on the server
-
Uses PhantomJS as a headless browser
-
Slow & somewhat in the grey zone
Workarounds (2)
-
Use a serverside language
-
Renders the essential parts on the server
-
Is incomplete, mostly does the meta tags
-
Requires extra implementation on server side
© next example images by Michael Bromley
Isomorphic (/Universal)?
- run on both client-side and server-side
- seo & social friendly
- fast rendering & speed
- better perceived performance
Preboot
- Record and play back events
- Respond immediately to certain events
- Maintain focus even page is re-rendered
- ..
Thanks to these guys & all other contributors for making it happen so fast!
And for the inspiration for the slides ;)
Do you or your business care about?