47
19th & 20th Century Social Media Optimization Using Twitter Cards and Facebook OpenGraph to make The New York Times Archive Sociable Evan Sandhaus Director Search, Archives, Semantics The New York Times @kansandhaus

19th & 20th Century Social Media Optimization

Embed Size (px)

DESCRIPTION

From the SMX East 2014 Conference in New York City, NY. SESSION: Up Close With Twitter Cards & Facebook'S Open Graph. PRESENTATION: 19th & 20th Century Social Media Optimization - Given by Evan Sandhaus, @KanSandhaus, Lead Architect of Semantic Platforms - NY Times. #SMX #14B

Citation preview

Page 1: 19th & 20th Century Social Media Optimization

19th & 20th Century Social Media Optimization

Using Twitter Cards and Facebook OpenGraph to make The New York Times Archive Sociable

Evan Sandhaus Director Search, Archives, Semantics

The New York Times @kansandhaus

Page 2: 19th & 20th Century Social Media Optimization

On Today’s Menu

•  Preliminaries •  Meet The Archive •  Meet TimesMachine •  Our Approach to Social Media

Optimization •  Complexities

Page 3: 19th & 20th Century Social Media Optimization
Page 4: 19th & 20th Century Social Media Optimization

(me)

Page 5: 19th & 20th Century Social Media Optimization

Meet The Archive

Page 6: 19th & 20th Century Social Media Optimization
Page 7: 19th & 20th Century Social Media Optimization

≈59,000 Issues Published Since

September 18, 1851

Page 8: 19th & 20th Century Social Media Optimization

1851 1980

Deep Archive

1981 2014

Modern Archive

Page 9: 19th & 20th Century Social Media Optimization

0!

45000!

90000!

135000!

180000!

225000!Scanned Articles! Digital Articles! Blogs!

Page 10: 19th & 20th Century Social Media Optimization

0!

45000!

90000!

135000!

180000!

225000!Scanned Articles! Digital Articles! Blogs!

≈75% ≈25%

Page 11: 19th & 20th Century Social Media Optimization

46,592 Issues Published Since

September 18, 1851

Page 12: 19th & 20th Century Social Media Optimization

2,335,446 Unique Pages Printed Since

September 18, 1851

Page 13: 19th & 20th Century Social Media Optimization

11,298,320 Articles Published Since

September 18, 1851

Page 14: 19th & 20th Century Social Media Optimization
Page 15: 19th & 20th Century Social Media Optimization

At 9, he settled a dispute with a pistol. At 13, he lit out for the Amazon jungle.

At 20, he attempted suicide-by-jaguar. Afterward he

was apprenticed to a pirate… …

Mr. Fairfax was among the last avatars of a centuries-old figure: the lone-wolf explorer, whose exploits are conceived to satisfy few but himself.

His was a solitary, contemplative art that has been all but lost amid the contrived derring-do of

adventure-based reality television.

Page 16: 19th & 20th Century Social Media Optimization
Page 17: 19th & 20th Century Social Media Optimization
Page 18: 19th & 20th Century Social Media Optimization
Page 19: 19th & 20th Century Social Media Optimization
Page 20: 19th & 20th Century Social Media Optimization
Page 21: 19th & 20th Century Social Media Optimization
Page 22: 19th & 20th Century Social Media Optimization
Page 23: 19th & 20th Century Social Media Optimization
Page 24: 19th & 20th Century Social Media Optimization
Page 25: 19th & 20th Century Social Media Optimization
Page 26: 19th & 20th Century Social Media Optimization
Page 27: 19th & 20th Century Social Media Optimization

But here’s the thing… We don’t want TimesMachine Showing up in Search!

Page 28: 19th & 20th Century Social Media Optimization
Page 29: 19th & 20th Century Social Media Optimization
Page 30: 19th & 20th Century Social Media Optimization

<meta name="robots" content="noindex" />

Page 31: 19th & 20th Century Social Media Optimization

Traffic Sources

•  nytimes.com •  NYTimes.com site search

•  Direct •  Social Media •  3rd Party Content Sites

Page 32: 19th & 20th Century Social Media Optimization
Page 33: 19th & 20th Century Social Media Optimization
Page 34: 19th & 20th Century Social Media Optimization
Page 35: 19th & 20th Century Social Media Optimization
Page 36: 19th & 20th Century Social Media Optimization
Page 37: 19th & 20th Century Social Media Optimization
Page 38: 19th & 20th Century Social Media Optimization
Page 39: 19th & 20th Century Social Media Optimization

The Magic

Page 40: 19th & 20th Century Social Media Optimization
Page 41: 19th & 20th Century Social Media Optimization
Page 42: 19th & 20th Century Social Media Optimization
Page 43: 19th & 20th Century Social Media Optimization

The Magic

Page 44: 19th & 20th Century Social Media Optimization

What We Support

•  Twitter •  twitter:card •  twitter:site •  twitter:title •  twitter:image •  twitter:description •  twitter:url

•  Facebook •  fb:app_id •  og:title •  og:type •  og:image •  og:description •  og:url

Page 45: 19th & 20th Century Social Media Optimization

The Complexities •  Creating preview images. •  Facebook Recommends

•  1200 x 630 (preferred) •  600 x 315 (accepted) •  >(600 x 315) small preview

•  Twitter Recommends •  >(120 x 120) •  Cropped to 4:3 (120 x 90) on expanded tweet and

details page. •  Kept at square resolution on embedded tweet

page.

Page 46: 19th & 20th Century Social Media Optimization

The Complexities •  Twitter and Facebook don’t seem to

process JavaScript when generating previews.

•  URLs often change without page reload.

•  Your site must be smart enough to generate correct metadata based on url alone.

Page 47: 19th & 20th Century Social Media Optimization

Thank You! @NYTArchives