OPTIMIZATION (DARE I SAY) ALONGSIDE DEV &
DESIGN Handling some of the new(ish)
design/development frameworks!
“ S T E V E K R U L L ”
2
“SEO REDESIGN PROCESS”
3
“AGILE SITE DESIGN PROCESS”
4
“SITE REDESIGN PROCESS”
5
TIMMY SAYS “WHAT TO DO??”
6
HAPPINESS IS – OPTIMIZATION INTEGRATION
• Optimization at every step!• Strong code may be brilliant, but strong SEO makes it RAIN!
7
TIMMY SAYS “CAN WE BE SERIOUS PLEASE?”
8
SIR, YES SIR!
• JavaScript &
Optimization
• Faceted
Navigation
• Infinite Scrolling
• Q & A
• Say Goodbye
9
WHY WE LOVE JS
• Immersive Experience
• Fast & Smooth
• Better User
Experience
• Have I mentioned …
RAIN??
10
WHY WE HATE JS
• Crawl This?
• Caching
Nightmares?
• Snapshot what?
Click icon to add picture
11
TIMMY SAYS “WHAT TO DO??”
12
KNOW THY PLATFORM
• Get a dude a Dew!
• Server-Side
Saviors!
• Multiple Snapshots
• Get back to SEO!
Click icon to add picture
Eric Wu – PubCon 2015
13
TIMMY SAYS “COOL, WHAT ELSE YOU GOT??”
14
DEAR FACETED NAV, I LOVES YOU!
• Incredible User
Experience
• Surges in Revenue Click icon to add picture
15
OH, THE PAIN
• Facet values in URL
• URLS not User or
Search Engine
Friendly
• Duplicate Content
Click icon to add picture
16
TIMMY SAYS “WHAT TO DO??”
17
OPTIMIZATION OF FACETS
• Unique pages for
valuable facets
• Canonicals for
(near) duplicates
• Leverage noindex
Click icon to add picture
18
TIMMY SAYS “FINALLY SOMETHING USEFUL…NEXT??”
19
MAY YOU SCROLL INFINITELY
• Incredible design
opportunities
• Strong user
experience
• User engagement
• Example:• http://www.someecards.com/
videos/wtf/china-traffic-jam/
Click icon to add picture
20
WHEN INFINITY GOES TOO LONG
• Lack of Separate
Pages/Meta Data
• Missed Ranking &
Linking Opportunities
21
TIMMY SAYS “WHAT TO DO??”
22
NEW OPPORTUNITIES FOR RANKING
• Section infinite
pages into unique
pages.
• Use jQuery to
dynamically
change URLs &
meta data
23
TIMMY SAYS “CHECK OUT THESE RESOURCES ”
JavaScript:https://www.syncano.io/reactjs-reasons-why-part-1/https://builtvisible.com/react-js-seo/ http://www.slideshare.net/phaithful/seo-and-js-new-challenges/37
Faceted Navigation:http://googlewebmastercentral.blogspot.com/2014/02/faceted-navigation-best-and-5-of-worst.htmlhttps://moz.com/blog/building-faceted-navigation-that-doesnt-suckhttp://www.smashingmagazine.com/2014/08/the-current-state-of-e-commerce-search/
Inifinite Scrolling:http://www.iprospect.com/en/gb/blog/parallax-scrolling-and-seo-how-to-use-jquery-to-seo-your-website/http://searchengineland.com/google-offers-advice-faceted-navigation-infinite-scroll-web-pages-184232http://googlewebmastercentral.blogspot.com/2014/02/infinite-scroll-search-friendly.html