24
OPTIMIZATION (DARE I SAY) ALONGSIDE DEV & DESIGN Handling some of the new(ish) design/development frameworks! “STEVE KRULL”

OPTIMIZATION (DARE I SAY) ALONGSIDE DEV & DESIGN Handling some of the new(ish) design/development frameworks! “STEVE KRULL”

Embed Size (px)

Citation preview

Page 1: OPTIMIZATION (DARE I SAY) ALONGSIDE DEV & DESIGN Handling some of the new(ish) design/development frameworks! “STEVE KRULL”

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 ”

Page 2: OPTIMIZATION (DARE I SAY) ALONGSIDE DEV & DESIGN Handling some of the new(ish) design/development frameworks! “STEVE KRULL”

2

“SEO REDESIGN PROCESS”

Page 3: OPTIMIZATION (DARE I SAY) ALONGSIDE DEV & DESIGN Handling some of the new(ish) design/development frameworks! “STEVE KRULL”

3

“AGILE SITE DESIGN PROCESS”

Page 4: OPTIMIZATION (DARE I SAY) ALONGSIDE DEV & DESIGN Handling some of the new(ish) design/development frameworks! “STEVE KRULL”

4

“SITE REDESIGN PROCESS”

Page 5: OPTIMIZATION (DARE I SAY) ALONGSIDE DEV & DESIGN Handling some of the new(ish) design/development frameworks! “STEVE KRULL”

5

TIMMY SAYS “WHAT TO DO??”

Page 6: OPTIMIZATION (DARE I SAY) ALONGSIDE DEV & DESIGN Handling some of the new(ish) design/development frameworks! “STEVE KRULL”

6

HAPPINESS IS – OPTIMIZATION INTEGRATION

• Optimization at every step!• Strong code may be brilliant, but strong SEO makes it RAIN!

Page 7: OPTIMIZATION (DARE I SAY) ALONGSIDE DEV & DESIGN Handling some of the new(ish) design/development frameworks! “STEVE KRULL”

7

TIMMY SAYS “CAN WE BE SERIOUS PLEASE?”

Page 8: OPTIMIZATION (DARE I SAY) ALONGSIDE DEV & DESIGN Handling some of the new(ish) design/development frameworks! “STEVE KRULL”

8

SIR, YES SIR!

• JavaScript &

Optimization

• Faceted

Navigation

• Infinite Scrolling

• Q & A

• Say Goodbye

Page 9: OPTIMIZATION (DARE I SAY) ALONGSIDE DEV & DESIGN Handling some of the new(ish) design/development frameworks! “STEVE KRULL”

9

WHY WE LOVE JS

• Immersive Experience

• Fast & Smooth

• Better User

Experience

• Have I mentioned …

RAIN??

Page 10: OPTIMIZATION (DARE I SAY) ALONGSIDE DEV & DESIGN Handling some of the new(ish) design/development frameworks! “STEVE KRULL”

10

WHY WE HATE JS

• Crawl This?

• Caching

Nightmares?

• Snapshot what?

Click icon to add picture

Page 11: OPTIMIZATION (DARE I SAY) ALONGSIDE DEV & DESIGN Handling some of the new(ish) design/development frameworks! “STEVE KRULL”

11

TIMMY SAYS “WHAT TO DO??”

Page 12: OPTIMIZATION (DARE I SAY) ALONGSIDE DEV & DESIGN Handling some of the new(ish) design/development frameworks! “STEVE KRULL”

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

Page 13: OPTIMIZATION (DARE I SAY) ALONGSIDE DEV & DESIGN Handling some of the new(ish) design/development frameworks! “STEVE KRULL”

13

TIMMY SAYS “COOL, WHAT ELSE YOU GOT??”

Page 14: OPTIMIZATION (DARE I SAY) ALONGSIDE DEV & DESIGN Handling some of the new(ish) design/development frameworks! “STEVE KRULL”

14

DEAR FACETED NAV, I LOVES YOU!

• Incredible User

Experience

• Surges in Revenue Click icon to add picture

Page 15: OPTIMIZATION (DARE I SAY) ALONGSIDE DEV & DESIGN Handling some of the new(ish) design/development frameworks! “STEVE KRULL”

15

OH, THE PAIN

• Facet values in URL

• URLS not User or

Search Engine

Friendly

• Duplicate Content

Click icon to add picture

Page 16: OPTIMIZATION (DARE I SAY) ALONGSIDE DEV & DESIGN Handling some of the new(ish) design/development frameworks! “STEVE KRULL”

16

TIMMY SAYS “WHAT TO DO??”

Page 17: OPTIMIZATION (DARE I SAY) ALONGSIDE DEV & DESIGN Handling some of the new(ish) design/development frameworks! “STEVE KRULL”

17

OPTIMIZATION OF FACETS

• Unique pages for

valuable facets

• Canonicals for

(near) duplicates

• Leverage noindex

Click icon to add picture

Page 18: OPTIMIZATION (DARE I SAY) ALONGSIDE DEV & DESIGN Handling some of the new(ish) design/development frameworks! “STEVE KRULL”

18

TIMMY SAYS “FINALLY SOMETHING USEFUL…NEXT??”

Page 19: OPTIMIZATION (DARE I SAY) ALONGSIDE DEV & DESIGN Handling some of the new(ish) design/development frameworks! “STEVE KRULL”

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

Page 20: OPTIMIZATION (DARE I SAY) ALONGSIDE DEV & DESIGN Handling some of the new(ish) design/development frameworks! “STEVE KRULL”

20

WHEN INFINITY GOES TOO LONG

• Lack of Separate

Pages/Meta Data

• Missed Ranking &

Linking Opportunities

Page 21: OPTIMIZATION (DARE I SAY) ALONGSIDE DEV & DESIGN Handling some of the new(ish) design/development frameworks! “STEVE KRULL”

21

TIMMY SAYS “WHAT TO DO??”

Page 22: OPTIMIZATION (DARE I SAY) ALONGSIDE DEV & DESIGN Handling some of the new(ish) design/development frameworks! “STEVE KRULL”

22

NEW OPPORTUNITIES FOR RANKING

• Section infinite

pages into unique

pages.

• Use jQuery to

dynamically

change URLs &

meta data

Page 23: OPTIMIZATION (DARE I SAY) ALONGSIDE DEV & DESIGN Handling some of the new(ish) design/development frameworks! “STEVE KRULL”

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

Page 24: OPTIMIZATION (DARE I SAY) ALONGSIDE DEV & DESIGN Handling some of the new(ish) design/development frameworks! “STEVE KRULL”

24

TIMMY SAYS “THANKS, ANY QUESTIONS?”

Steve Krull [email protected]@SteveKrull