rockin' open graph implementation by joe warner

32
ROCKIN’ OPEN GRAPH IMPLEMENTATION Joe Warner, CTO | [email protected]

Upload: search-marketing-expo-smx

Post on 30-Jun-2015

464 views

Category:

Social Media


0 download

DESCRIPTION

From the SMX Social Media Marketing Conference in Las Vegas, Nevada, November 18-20, 2014. SESSION: Open Graph: Your Key To Making Content Look Great On Facebook & Beyond. PRESENTATION: Rockin' Open Graph Implementation - Given by Joe Warner of @aimClear. #SMX #23B1

TRANSCRIPT

Page 1: Rockin' Open Graph Implementation By Joe Warner

ROCKIN’ OPEN GRAPH IMPLEMENTATION

Joe Warner, CTO | [email protected]

Page 2: Rockin' Open Graph Implementation By Joe Warner

© 2014, is a publication of aimClear®, an integrated social, search, PR & display marketing agency.

PLACING THE CODE

Page 3: Rockin' Open Graph Implementation By Joe Warner

© 2014, is a publication of aimClear®, an integrated social, search, PR & display marketing agency.

Optimization Requires Flexibility

Page 4: Rockin' Open Graph Implementation By Joe Warner

© 2014, is a publication of aimClear®, an integrated social, search, PR & display marketing agency.

Page 5: Rockin' Open Graph Implementation By Joe Warner

© 2014, is a publication of aimClear®, an integrated social, search, PR & display marketing agency.

Page 6: Rockin' Open Graph Implementation By Joe Warner

© 2014, is a publication of aimClear®, an integrated social, search, PR & display marketing agency.

Wordpress Facebook Open Graph Meta Tags for WordPress https://wordpress.org/plugins/wonderm00ns-simple-facebook-open-graph-tags/

Magento Social Meta Tags for Open Graph and Twitter Cards http://solutions.mediarocks.de/en/products/social-meta-tags-magento-extension

Drupal Open Graph Meta Tag https://www.drupal.org/project/opengraph_meta

Page 7: Rockin' Open Graph Implementation By Joe Warner

© 2014, is a publication of aimClear®, an integrated social, search, PR & display marketing agency.

BEST PRACTICES

Page 8: Rockin' Open Graph Implementation By Joe Warner

© 2014, is a publication of aimClear®, an integrated social, search, PR & display marketing agency.

Page 9: Rockin' Open Graph Implementation By Joe Warner

© 2014, is a publication of aimClear®, an integrated social, search, PR & display marketing agency.

og:$tle    The  %tle  of  the  page,  excluding  any  branding.    og:site_name  The  name  of  the  website.  Not  the  URL,  the  name.    og:url  Canonical  URL  for  SEO  (no  parameters).    og:descrip$on  Descrip%on  of  the  content,  2  -­‐  4  sentences.    og:image  Image  of  the  content,  at  least  1200x630  pixels.  

Page 10: Rockin' Open Graph Implementation By Joe Warner

© 2014, is a publication of aimClear®, an integrated social, search, PR & display marketing agency.

Page 11: Rockin' Open Graph Implementation By Joe Warner

© 2014, is a publication of aimClear®, an integrated social, search, PR & display marketing agency.

Use  global  values  and  exis%ng  data.    

og:%tle  =  exis%ng  page  %tle  tag    og:site_name  =  define  global  name  of  site    og:url  =  exis%ng  canonical  tag  or  page  URL    og:descrip%on  =  exis%ng  meta  descrip%on  tag    og:image  =  define  global  branded  image  

Page 12: Rockin' Open Graph Implementation By Joe Warner

© 2014, is a publication of aimClear®, an integrated social, search, PR & display marketing agency.

Don’t Set It and Forget It. Must hand optimize values to increase engagement

Page 13: Rockin' Open Graph Implementation By Joe Warner

© 2014, is a publication of aimClear®, an integrated social, search, PR & display marketing agency.

Page 14: Rockin' Open Graph Implementation By Joe Warner

© 2014, is a publication of aimClear®, an integrated social, search, PR & display marketing agency.

To  enable  Facebook  Insights:    

1.  Go  to  hLps://www.facebook.com/insights/  2.  Click  “Add  your  Domain”  3.  Add  Code  to  your  Website      

4:admins  Iden%fies  admins.  Single  ID  or  a  comma-­‐separated  list.    

Page 15: Rockin' Open Graph Implementation By Joe Warner

© 2014, is a publication of aimClear®, an integrated social, search, PR & display marketing agency.

Page 16: Rockin' Open Graph Implementation By Joe Warner

© 2014, is a publication of aimClear®, an integrated social, search, PR & display marketing agency.

hLps://developers.facebook.com/docs/sharing/best-­‐prac%ces  

Page 17: Rockin' Open Graph Implementation By Joe Warner

DEBUGGING

© 2014, is a publication of aimClear®, an integrated social, search, PR & display marketing agency.

Page 18: Rockin' Open Graph Implementation By Joe Warner

© 2014, is a publication of aimClear®, an integrated social, search, PR & display marketing agency.

FB Debugger is Your Friend hLps://developers.facebook.com/tools/debug/  

Page 19: Rockin' Open Graph Implementation By Joe Warner

© 2014, is a publication of aimClear®, an integrated social, search, PR & display marketing agency.

Page 20: Rockin' Open Graph Implementation By Joe Warner

© 2014, is a publication of aimClear®, an integrated social, search, PR & display marketing agency.

Page 21: Rockin' Open Graph Implementation By Joe Warner

© 2014, is a publication of aimClear®, an integrated social, search, PR & display marketing agency.

Page 22: Rockin' Open Graph Implementation By Joe Warner

© 2014, is a publication of aimClear®, an integrated social, search, PR & display marketing agency.

Page 23: Rockin' Open Graph Implementation By Joe Warner

© 2014, is a publication of aimClear®, an integrated social, search, PR & display marketing agency.

Page 24: Rockin' Open Graph Implementation By Joe Warner

© 2014, is a publication of aimClear®, an integrated social, search, PR & display marketing agency.

Page 25: Rockin' Open Graph Implementation By Joe Warner

© 2014, is a publication of aimClear®, an integrated social, search, PR & display marketing agency.

Page 26: Rockin' Open Graph Implementation By Joe Warner

© 2014, is a publication of aimClear®, an integrated social, search, PR & display marketing agency.

Page 27: Rockin' Open Graph Implementation By Joe Warner

© 2014, is a publication of aimClear®, an integrated social, search, PR & display marketing agency.

Verify  Page  &  Image  URLs    1)  Check  for  URL  rewrite  issues  2)  Verify  canonical  tag    3)  Use  HTTP(S)  consistently  4)  Whitelist  FB  Crawlers  

Page 28: Rockin' Open Graph Implementation By Joe Warner

© 2014, is a publication of aimClear®, an integrated social, search, PR & display marketing agency.

Page 29: Rockin' Open Graph Implementation By Joe Warner

© 2014, is a publication of aimClear®, an integrated social, search, PR & display marketing agency.

You  Can  Offer  Mul%ple  Images  

Page 30: Rockin' Open Graph Implementation By Joe Warner

© 2014, is a publication of aimClear®, an integrated social, search, PR & display marketing agency.

You  Can  Tag  Your  Media  

hLps://developers.facebook.com/docs/web/share  

Page 31: Rockin' Open Graph Implementation By Joe Warner

© 2014, is a publication of aimClear®, an integrated social, search, PR & display marketing agency.

You  Can  Pre-­‐cache  Images  

hLps://developers.facebook.com/docs/sharing/best-­‐prac%ces  

Page 32: Rockin' Open Graph Implementation By Joe Warner

For more information visit https://developers.facebook.com/docs/opengraph

Joe Warner, CTO | [email protected]

© 2014, is a publication of aimClear®, an integrated social, search, PR & display marketing agency.